Hvordan lage en Dummy webside
Før du legger innhold til en nettside, er det viktig å planlegge utformingen og teste navigasjonskoblinger. Når denne nettsiden, kjent som en "dummy" side, fungerer som den skal, og legger riktig tekst og bilder tar mye kortere tid. Dummy siden vil også hjelpe deg å fange feil eller program lenkene for å fikse. Etter at innholdet er på nettstedet, blir det vanskeligere å løse koden. Hvis området har en stor feil, må du kanskje starte på. Dummy siden vil hjelpe deg å unngå tidkrevende feil.
Bruksanvisning
1 Skriv ut HTML-koden for å lage struktur for nettstedet ditt i et tekstredigeringsprogram, for eksempel Notisblokk eller Notepad ++. I samsvar med XHTML webstandarder, bør HTML kode gi de nakne bein av nettstedet ditt, og bør definere hvert element, ikke hvordan det skal se ut. For eksempel bruke overskriften koder for overskrifter og ledd koder for avsnitt. Ikke bruk en overskrift tag på ikke-ledetekst bare for å gjøre teksten større.
2 Sett divs i dokumentet for å bryte den opp i seksjoner. Header, kropp, navigeringslinjer og bunnteksten er vanlige deler som finnes på et vanlig nettside. Tildele klassen og ID velgere til de ulike delene av HTML-koden for formatering senere.
3 Åpne et nytt dokument i en teksteditor og lagre det som en CSS stilark. HTML-sider ender i "HTM" eller ".html" forlengelse, mens stilark ende i "CSS" extensions.
4 Skriv ut reglene stil for kroppen av nettstedet, og skriv deretter bestemte stilregler for de klasser og ID-er du satt i HTML-dokumentet. For dummy nettside, setter plassholder bilder og dummy tekst i stedet for avsnitt. Plassholder bilder kan rett og slett være en tom boks hvor bildet skal gå, eller et tilfeldig bilde på størrelse med hva hvordan du vil at ferdige bildet. For dummy tekst, bruke en dummy tekst generator, slik som den som finnes på Lipsum.com. Kopiere og lime inn tekst som er opprettet av generatoren, og sett det som ledd i HTML-koden.
5 Last opp dine dummy sider til en server, eller bare åpne dem fra datamaskinen til en nettleser. Se sidene i flere forskjellige nettlesere for å se hvordan de ser ut. Re-size nettleservinduet ved å holde musen i et hjørne av vinduet til den endres til en dobbel-spiss pil, og klikk og dra for å se hvordan nettstedet ditt vil vises på mindre dataskjermer.
Hint
- Hvis du har programvare, for eksempel Microsoft Expression Web eller Adobe Dreamweaver, kan du layout elementene på siden ved å sette dem fra "Insert" -menyen uten å måtte skrive kode. Når du har ordnet tekst, bilder og navigasjonskoblinger på siden din, alt du trenger å gjøre å vise den i en nettleser eller laste det opp til en server for å se hvordan det ser ut og teste linkene.