Grunnleggende Web Page Design Tutorial

Grunnleggende Web Page Design Tutorial


Enhver grunnleggende web-side design opplæringen vil snakke om Hypertext Markup Language (HTML). Det er hjørnesteinen i websiden utvikling. Du kan lære å bruke HTML i grunnleggende Web-design ved å memorere viktige ord og symboler. Marry disse ord og symboler sammen og lage personlige sider, også. Du kan eventuelt lage en enkel webside ved hjelp av gjennomgripende stilark (CSS) hvis du trenger for å designe mer enn én webside om gangen.

Bruksanvisning

Grunnleggende web side design tutorial

1 Strukturere websiden. Før du designe en webside eller forsøke å skrive med HTML, må du formatere websiden riktig. Hver webside, uansett hva din nettleser, krever at du plasserer kode (eller HTML i dette tilfellet) i en bestemt rekkefølge. En veldig enkel webside design bør se slik ut: <html> <body> <h1> </ h1> <h2> </ h2> <p> </ p> </ body> </ html>. H1 og H2 betyr header nummer én og header nummer to. Header nummer én tekst vises større enn header nummer to. Den p tag (tag betyr bokstaver eller ord inni vinkelparenteser), betyr ledd. Sett ledd tag i design hvis du vet at du vil ha store mengder tekst for brukere å lese.

2 Bruk åpne og lukkede ankerkoder. Hver enkel webside design har trolig linker (ellers kjent som hyperkoblinger) for folk å besøke. Design tutorials ofte ikke snakke om hvor forurensende websider med utenforliggende opplysninger kan gjøre det vanskelig for brukerne å forstå de mest grunnleggende opplæring. Åpne og lukkede tags fortelle datamaskinen når en linje skal begynne og slutte. Du kan redusere visuelle rotet med dette: <a href="Name"> http:. // Urladdresshere "> Navn Link Her </a> Husk ankerkoden (en inni vinkelparenteser) regnes stengt når det er en fremtids slash foran. Plasser ankerkoden i mellom åpne og lukkede body-taggene, også.

3 Sett inn bilder og video i din webside. Hvis du ikke er så dyktig med HTML, kan du alltids låne koden som trengs for å designe din webside fra tredjepartskilder. Bruk din egen video eller bilder, men sørg for å plassere dem på en blogg eller nettsamfunn. Internett vil generere noen kode (HTML ord, koder og symboler). Klikk på Egenskaper når drop-down menyen vises - en boks ledet Properties vil dukke opp. Omtrent halvveis ned, se etter Adresse og en lang linje med kode rett ved siden av den. Facebook, for eksempel, vil ha URL i parentes rett under adresseteksten. Kopier linje som starter med http og deretter slutter med jpg, for eksempel. Lim koden i mellom sitater av den img-taggen som dette:. "<Html> <body> <img cellpadding =" 1 "> Husk å plassere en kopi bord kode på slutten av linjen (kalles en lukket tag) ved hjelp en skråstrek en enkel webside tabellen koden vil se slik ut:. <table border = "1" cellpadding = "2"> <tr> <td> </ td> </ tr> </ table>.

Hint

  • Design grunnleggende websider med Cascading Style Sheets (CSS). Det vil spare tid og redusere tedium.
  • Sørg for å forhåndsvise websiden før du laster opp eller lagrer det andre steder.
  • Cascading Style Sheets tillate en bruker å designe flere websider samtidig. Du må først lære HTML formatering mønstre for å lære om skriptspråk som brukes i stilark. Grunnleggende websider har Html extensions, mens Javascript og Visual Basic (VB) script er to slike språk med CSS-utvidelser.