Inläggstips!
På Notepad++ eller Textwrangler gör en inställning på fliken Encoding. Välj UFT-8-BOM och ha som standard för att få ÅÄÖ att fungera. Eller koppla in denna koden från HTML del 1 här.
HTML & CSS
Nu till PS del två på min skola, här kommer en snabb vägledning till hur du fyller dina sidor och kopplar dom mellan varandra och sparar på rätt sätt.
1.
Gör en mapp på ditt skrivbord, här samlar du alla .css , .html , .jpg och png filer .
2.
Sno alltså koder från w3school, kopiera och klistra in i ditt dokument i tex. Notepad++.
3.
Kopiera och klistra in css koder. Spara som stilen.css – save as.. Andra gånger om du ändra
koden i css, spara bara som save.
4.
Din FÖRSTA HTML skall sparas i din mapp och döpas till INDEX.HTML – ett måste.
5.
Sök på w3schools – html link css. Kopiera denna länk och klistra in på index.html under <head>
6.
Nu har vi en koppling mellan html och css. gå in i din mapp efter och klicka på din index.html och se den på webben om det funkar.
7.
I mappen, gör en kopia av din fil index.html , backup.
8.
Sök länk på w3schools för att koppla sida1.html till index.html under <body>
9.
Gör detta med alla övriga sidor.
10.
Även från index.html till sida.html
11.
Grattis, nu är alla sidor länkade.
12.
Börja leka, byt design i css filen och innehållet i Html filerna. Sedan går man vidare till nästa etapp för att ladda upp denna på webben på riktigt, är alla relativa sökvägar fungerade live osv. med ett FTP program laddar du upp på ett webbhotel / web hosting, dessa kan man köpa, hyra eller söka på gratis varianter för detta där det kan finnas FTP program till.
Inläggstips!
Simpelmind app på mobilen för att enkelhet när man jobbar i projekt – samla dina mindmapps.
Webb & Interaktionsdesign 