Lære å kode nettsider i HTML og CSS kan være en lang og krevende prosess, spesielt hvis du prøver å lære deg selv fra bunnen av. Mens du kan kjøpe bøker som vil lede deg gjennom prosessen med HTML-koding, noen ganger er det begreper du trenger å se i aksjon for å fullt ut forstå dem. Å kunne kopiere et nettsted slik at du kan dissekere det kan være svært nyttig. Her er hvordan du kopierer en nettside slik at du kan ta den fra hverandre, bit for bit, og lære mer om hvordan HTML koding fungerer.
Trinn
- 1Gå til en nettside som inneholder de elementene du ønsker å lære.
- Du kan gjøre dette i Microsoft Internet Explorer, Firefox, Chrome, Safari eller en annen nettleser av ditt valg.
- 2Høyreklikk på en hvilken som helst del av nettsiden og velg "lagre som" fra innstillingsmenyen.
- Sidens HTML-tittelen vil være standard filnavn. Du kan endre dette til noe mer konsis eller beskrivende når du lagrer nettsiden HTML.
- Sørg for å holde filens extension (. Htm,. Html eller. Xml), ellers vil den ikke åpne riktig.
- Bla til et sted i Arkiver-vinduet hvor du vil lagre filen, og klikk deretter på Lagre-knappen.
- Sidens HTML-tittelen vil være standard filnavn. Du kan endre dette til noe mer konsis eller beskrivende når du lagrer nettsiden HTML.
- 3Start notepad programmet i Windows-datamaskin eller TextEdit hvis arbeider på en mac.
- 4Velg "File" og deretter "åpne" fra drop-down listen.
- 5Finn nettsiden HTML-filen du lagret på datamaskinen, og klikk "åpne".
- Du må kanskje endre alternativene til "*. * Alle filer" fra det åpne vinduet for at din. Html,. Htm eller. Xml-fil til å dukke opp. Standard er vanligvis satt til å vise kun filer med. Txt.
- 6Identifisere de elementene som brukes på nettstedet ditt.
- For eksempel kan nettstedet koble til en ekstern CSS-fil som gir alle t han CSS-regler for webdesign. For å se denne CSS-fil, høyreklikker du på nettsiden siden fra nettleseren din, velg "Vis kildekode" og deretter tilknyttede hjemmesider CSS-fil.
- Utformingen av nettstedet vil trolig ha den oppdelt i divisjoner, tilkjennegitt i HTML-koding som <DIV>. Husk at hvert element trenger en åpning og lukking tag.
- Noen notater koder plassert i nettsiden HTML-koding for sin egen eller fremtidig webmaster bruk vil bli plassert innenfor "<-" og "->" tags.
- Se etter andre filer som er knyttet til denne viktigste HTML-fil, for eksempel bilder (. Jpg eller. Png) eller lydfiler (. Wav).
- test
- For eksempel kan nettstedet koble til en ekstern CSS-fil som gir alle t han CSS-regler for webdesign. For å se denne CSS-fil, høyreklikker du på nettsiden siden fra nettleseren din, velg "Vis kildekode" og deretter tilknyttede hjemmesider CSS-fil.
Tips
- Du kan lage et system for kryssreferanser nettstedet CSS-regler, og HTML-elementer som de gjelder, ved hjelp av ulike highlighter farger.
Advarsler
- Kopiering av en nettside og deretter bruke den som din egen er plagiat. Det kan også betraktes tyveri av åndsverk. Aldri bruke innholdet kopiert fra et annet nettsted som din egen, selv om du kan sitere små porsjoner av andres innhold hvis du gir navngivelse.
- Mange nettredaktører har funksjoner på plass som vil automatisk varsle dem om deres innhold dukker opp på nettet under andres nettsted. Ikke anta at innholdet du har tilgang til er tilgjengelig for bruk. Ta alltid kontakt med webmasteren eller eieren av nettstedet før du bruker noe for ditt eget arbeid.
Ting du trenger
- Datamaskin
- Internettilgang
- Nettleser