Om du vill testa lite HTML nu direkt, öppna 'Anteckningar' och skriv in följande:
Ett stycke html-kod:
<html>
<head>
<title>Hemsidans titel</title>
</head>
<body>
<strong>Fettext här!!!</strong>
</body>
</html>
Spara filen som index.html (se till att filändelsen är .html) och att Filformat (är satt till All files). Öppna nu filen i valfri webbläsare. Du bör nu se "Fettext här!!!" i fetstil. Din första enkla html hemsida. Om du högerklickar och väljer något alternativ såsom 'Visa kodkälla' kommer du se all kod du skrivit. Förstår du nu? Webbläsaren tolkar koden och visar den formatering (baserad på vilka element du giver) och visar den korrekta presentationen av sidan.
Nu kanske du sitter och tänker, men vad är det här? Jag vill göra en cool hemsida, inte massa jäkla töntig text som har en fetstil, jag vill ha bakgrunder, boxar osv. Du skulle kunna göra allt det nämnda i HTML, men det är inte rekommenderat, HTML är till för strukturen och inte formgivning av strukturen och innehållet. Till det har vi, *trumvirvel* CSS!
CSS är ett programmeringsspråk du använder för att formatera och ditt innehåll. Du kan ge rubriker (element: <h1>Rubrik 1</h1>) en annan färg, storlek osv. Hamsterpaj här, du ser knapparna, alla boxar, bakgrunden osv, är givet i CSS, strukturen som att "headern" ska ligga längst upp är gjort i HTML, men storlek, (höjd, bredd) är förmodligen satt i CSS. (Jag frispråkar lite här utan att kolla i källkoden, Källkoden: Den lilla ruta du ser all HTML-kod i). Du kan skriva CSS på flera olika sätt, i externa filer (då använder du .css filändelsen), direkt i HTML-dokumentet (då i head) eller direkt i olika element (html kod). Jag rekommenderar den första lösningen, externa filer. Mer än så behöver du inte veta om CSS just nu, fokusera på att lära dig HTML först.
Är HTML enkelt att lära sig? HTML är busenkelt att lära sig. HTML består av mindre än 100 olika element. Därför är det logiskt och går ganska fort att lära sig. CSS är också enkelt att lära sig, CSS är in princip, som jag förklarar det, ren engelska, haha :P)
Nu har vi kommit till den punkten att vi lärt oss HTML och CSS, du kan skapa enkla layouter, osv. (Vet hur man har en bakgrundsbild), men nu inser DU att du är BEGRÄNSAD. Nu vet du hur man FORMGER en hemsida, men nu letar du efter FUNKTIONALITETEN. (Visserligen kan man använda rätt coola saker med HTML5, men spela med lite här).
Du är till exempel intresserad av att ha ett Logga in system, där man kan registrera sig osv, ha en profil osv, ett litet mini Facebook!
Vi måste kolla på lite olika punkter här, PHP, databaser och andra spännande grejer.
En 'databas' lagrar information. Information, som exempelvis användare på din hemsida. Du kan inte skriva en hemsida med inloggningsfunktioner utan att på någotvis lagra informationen som du behöver för att kunna komma ihåg alla användare. Du behöver en lagringsmetod, en databas eller textfiler (exempelvis) Så kortfattat i en databas sparar du information som du behöver för att komma ihåg användaren...
Men innan du börjar trixa med databaser, måste du kunna ett språk som kan kommunicera med databasen, (informationen) du lagrat, kunna ta information som skickas från ett HTML formulär och validera den och lägga in i databasen och ge ett klartecken om det fungerade, PHP.
PHP är ett programmeringsspråk som låter dig skapa dynamiska hemsidor, med andra ord motsatsen till vad du kan göra när du endast kan HTML och CSS. Dynamiska hemsidor tillåter dig att vara mer interaktiv mot en användare som besöker din sida, du kan hämta information ur en databas osv. Det finns MASSOR med saker du kan göra, jag kommer komplettera detta i morgon när jag är pigg.
För att kunna skriva PHP, behöver du en webbserver. (VARFÖR???) Jo, för PHP sker på serversidan, dvs webbläsaren tolkar inte resultatet, utan det sker snarare att PHP interpretas och tolkas, översätts till HTML, som sedan webbläsaren tolkar. Förvirra dig inte allt för mycket nu, du kan tänka såhär).
Säg att du besöker en sida, en .php fil på internet (det vet vi genom att vi ser att filen heter .php) uppe i rutan där vi ser sidadressen. Redan nu när vi ser allt innehåll har PHP redan tolkats, skrivits om i HTML och skickats till klientsidan som tolkar i webbläsaren. OM du visar källkod på hamsterpaj, kommer du se massa HTML-kod och det beror på som sagt att PHP har blivit tolkad och den output den får sker i HTML. (i vanliga fall iaf).
Jag vet inte riktigt hur jag ska förklara det här så kortfattat som möjligt, men jag ska försöka framställa en sammanfattning om all text ovan.
HTML: Struktur för din sida, (Först rubrik, sen text). Först den här boxen, sen den här boxen, osv.
CSS: Du formger ditt innehåll. (Ger rubriken en färg, ger boxen en bestämd position, en ramlinje).
PHP: Du ger hemsidan ett dynamiskt perspektiv, du kan kommunicera med databas och hantera information på ett helt annat sätt. Till exempel när jag postar den här tråden så sker det med hjälp av PHP, vi för in data i databasen, sedan när du läser det här, har PHP hämtat datan ur databasen och det presenteras sedan här i hjälp med HTML.).
Databas: Du lagrar information...
Tänk nu på att du inte ska se det här som en guide, utan snarare som en vägledning på vägen till att lära dig, jag hoppas att jag fått dig och förstå lite skillnader mellan php och html, (att html jobbar i webbläsaren) och att php på servern som skrivs över till HTML). (Vad de olika sakerna gör) Du kanske kommer lära dig andra saker på de guiderna jag länkar till nedan, och det är bara bra, jag kan ha gjort lite misstag, men jag har försökt förklara så nybörjarvänligt som möjligt.
Jag rekommenderar att du först får en förståelse för HTML sedan CSS, innan du ger dig in på PHP och efter det även möjligtvis JavaScript.
Och till sist, här kommer ett par guider (sidor) jag rekommenderar:
HTML:
http://webdesignskolan.se/webdesign/index.php
http://w3schools.com/html/default.asp
CSS:
http://w3schools.com/css/default.asp
PHP:
http://net.tutsplus.com/category/tutorials/php/?tag=basix
http://w3schools.com/php/default.asp
http://www.phpportalen.net/school.php?id=1
LYCKA TILL! Om du har några frågor är du välkommen att ställa dem!
