Att lära sig att koda hemsidor i HTML och CSS kan vara en lång och mödosam process, särskilt om du försöker lära dig från grunden. Även om du kan köpa böcker som kommer att gå igenom processen att HTML-kodning, ibland finns det begrepp som du behöver för att se i aktion för att fullt ut förstå dem. Att kunna kopiera en webbplats så att du kan dissekera det kan vara till stor hjälp. Här är hur du kopierar en webbplats så att du kan ta isär den, bit för bit, och lära sig mer om hur HTML kodning fungerar.
Steg
- 1Bläddra till en webbplats som innehåller de element du vill lära.
- Du kan göra detta i Microsoft Internet Explorer, Firefox, Chrome, Safari eller någon annan webbläsare som du väljer.
- 2Högerklicka på någon del av webbsidan och välj "spara som" från alternativmenyn.
- Sidans HTML titel kommer vara standard filnamnet. Du kan ändra detta till något mer koncis eller beskrivande när du sparar webbsidan HTML.
- Se till att hålla filens tillägg (. Htm,. Html eller. Xml), annars kommer det inte att öppnas ordentligt.
- Bläddra till en plats i fönstret Spara när du vill spara filen och klicka på Spara.
- Sidans HTML titel kommer vara standard filnamnet. Du kan ändra detta till något mer koncis eller beskrivande när du sparar webbsidan HTML.
- 3Starta programmet Anteckningar i din Windows-dator eller Textredigeraren om du arbetar på en mac.
- 4Välj "File" och sedan "öppna" från rullgardinsmenyn.
- 5Leta reda på webbplatsen HTML-filen du sparade på datorn och klicka på "Öppna".
- Du kan behöva ändra alternativ till "*. * Alla filer" från fönstret Öppna för att din. Html,. Htm eller. Xml-filen för att visa upp. Standardinställningen är normalt inställd för att bara visa filer med en. Txt.
- 6Identifiera de delar som används i din webbplats.
- Till exempel kan webbplatsen länka till en extern CSS-fil som innehåller alla t han CSS regler för webbdesign. För att se denna CSS-fil, högerklicka på den webbsida från din webbläsare, välj "Visa källa" och klicka sedan på den länkade webbplatsen CSS-fil.
- Layouten på webbplatsen kommer förmodligen ha den uppdelad i divisioner, betydde i HTML-kodning som <DIV>. Kom ihåg att varje element behöver en öppning och avslutande tagg.
- Några noteringar kodaren placeras på webbplatsen HTML-kodning för sin egen eller framtida webmaster användning kommer att placeras inom "<-" och "->" taggar.
- Leta efter andra filer som är länkade till denna huvudsakliga HTML-fil, till exempel bilder (. Jpg eller. Png) eller ljudfiler (. Wav).
- testet
- Till exempel kan webbplatsen länka till en extern CSS-fil som innehåller alla t han CSS regler för webbdesign. För att se denna CSS-fil, högerklicka på den webbsida från din webbläsare, välj "Visa källa" och klicka sedan på den länkade webbplatsen CSS-fil.
Tips
- Du kan skapa ett system av korsreferenser webbplatsen CSS-regler, och de HTML-element som de tillämpar, genom att använda olika överstrykningspenna färger.
Varningar
- Kopiera en webbplats och sedan använda den som din egen är plagiat. Det kan också anses vara stöld av intellektuell egendom. Aldrig använda innehållet kopierats från en annan webbplats som din egen, även om du kan citera små portioner av någon annans innehåll om du ger tillskrivning.
- Många webbansvariga har funktioner på plats som automatiskt kommer att meddela dem om deras innehåll dyker upp på webben under någon annans webbplats. Förutsätt inte att innehållet som du kan komma åt är tillgänglig för användning. Alltid kontakta webmastern eller webbplats ägare innan du använder något för ditt eget arbete.
Saker du behöver
- Dator
- Tillgång till Internet
- Webbläsare