Hvordan Utvid indeksen i HTML

Når du eier og driver din egen hjemmeside, kontrollere indeks innholdet er avgjørende for å veilede besøkende til andre sider, menyen, og til hvilken informasjon de trenger om produkter og tjenester. Koding i HTML fortsetter å være nyttig som det er ganske enkelt å skrive og justere, og du kan også finne mange maler du kan tilpasse etter dine egne formål. Når du ønsker å bevege seg bort fra en vanlig indeks som bare har en grunnleggende innføring eller grafikk med lite informasjon, kan du betydelig forbedre nettstedet ved å legge fyldigere kode. Dette vil også bidra med søkemotoroptimalisering (SEO), guiding enda flere folk til området ditt.

Bruksanvisning

1 Se grunnleggende index.html nettside for å være sikker på at den viser kodene <! DOCTYPE> <HTML> helt på topp, og </ HTML> helt nederst på siden. En standard linje på toppen av de fleste moderne HTML-sider er dette: <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.0 Transitional // EN">

2 Innenfor HTML, legge til noen hodet kodene, for eksempel tittel, metakoder, søkeord, siden forfatteren og så videre. Disse er standard og ser slik ut: <title> Fred Freelance Filmmaking </ title>. Metakoder er skrevet med <meta name = "description" content = "Fred Fillmore deler sin filmproduksjon erfaring og kunnskap gjennom elektroniske artikler og klasser."> Når du endrer Meta navn til søkeord, innholdet vil være en liste over aktuelle søkeord relevant til nettstedet ditt. Lukk hodet området ved hjelp av </ head> etter at alle elementer er på plass.

3 Tilsett <body> elementer - for eksempel <body bakgrunn = "black" link = "" vlink = ""> Angi dine farger ved hjelp av koding program eller fargeknappene fra grafiske programmer. Legg skriften sammen med sin størrelse og farge. For eksempel: <font face = "Arial, Helvetica, sans-serif" size = "2" color = "# FFFFFF">

4 Tast koden for noen tabeller å sette bredder, tabellrader og tabelldata. Dette vises ofte som: <table align = "center" border = 1 bordercolor = "black" cellspacing = 0 cellpadding = 0 COLS = 1 width = "900"> Eksperimenter med forskjellige attributter for å finne ut hva siden din vil se ut. Legg radene <tr> og data <td> etter behov gjennom påfølgende linjer: <tr width = "900" bgcolor = "000000"> <td> <p> Alt om Fred ... </ p> </ td> </ tr>

5 Bygg din meny for de forskjellige undersider. I vårt eksempel, vil Fred ha en side med hans bio (bio.html), hans videoklipp (videos.html), info om kurs og workshops (classes.html) og hvordan du skal betale for å ta klassen. Du kan bruke den samme indeksen mal for å tilpasse til hver side ved å kopiere index.html og lagre det med et nytt navn (payhere.html). Menyen vil liste hver av sidekoblinger slik at besøkende kan finne dem.

6 Utvid koden for å inkludere overskrifter, subheaders, blokk sitater, grafikk og så videre. Hver av disse har grunnleggende koding som du vil ofte finne direkte i din koding programvare. Typiske hodestørrelsen er <H1> gjennom <H5> og alltid kreve en avsluttende </ H5> eller </ H1>. Bilder bruke standard <img align = "left" src = "/ images / fredonset1.jpg"> men du kan legge til høyde, bredde og andre detaljer, også. Pass på at du laster opp alle bildene du kode, eller de vil ikke dukke opp på nettsiden.

7 Legg til eventuelle andre elementer som innebygde videoer, bakgrunnsbilder og lenker som ikke er på din kjerne menyen. Husk imidlertid at du ønsker en profesjonell utseende - ikke overdriv den første siden. Hold det rent, enkelt og direkte med god navigasjon til andre nettstedet sider.

8 Sørg for at alle avsluttende kodene er på slutten av hver åpner, samt på slutten av hver side. For eksempel bør nederst på hver side har </ td> </ tr> </ table> der tabellen faktisk ender, pluss </ body> og </ html> helt på slutten av siden.

Hint

  • Pre-skriving alt innholdet vil forenkle web arbeidet betraktelig. For eksempel, skrive biografi deretter klippe og lime den i paragraphing koden <p> </ p> eller dele det opp i flere avsnitt.
  • Hvis du bruker en mal designet av noen andre, sørg for at det tjener alle funksjoner og formål du ønsker din egen hjemmeside før utvikle hele området.
  • Test hver versjon av indeksen ved å laste opp det og vise det for visuell appell samt for funksjonalitet. Test hver undersiden og hvert ledd i hele nettstedet ditt for å være sikker på at alt fungerer som det skal.
  • Vurdere å unngå rammer helt - disse har blitt nesten foreldet og blir betraktet som en plage for de fleste besøkende og brukere, og er ikke veldig moderne nettleser vennlig lenger.