Hvordan bygge en web Work

June 1

Rammer er systemer som du kan bruke som utgangspunkt for prosjekter. Bygg din egen ramme for dine nettsteder kan kutte ned tiden du bruker på de kjedelige delene: organisere filer, skriver grunnleggende HTML-kode og bygnings CSS-baserte layouter. Nettet er fullt av rammer bygget for mer spesifikke bruksområder, som for eksempel rammer for Javascript eller stilark. Når du bygger din egen, kombinere det beste av dem inn i ditt eget system.

Bruksanvisning

1 Lag en mappe på datamaskinen din for rammeverket. Åpne mappen og legge til følgende undermapper:

bilder

stiler

skript

Disse undermappene trenger ikke de samme navnene som er nevnt ovenfor, men bruker dem vil hjelpe deg å organisere dine skript, stilark, bilder og andre filer.

2 Utvikle et skjelett HTML-fil som inneholder all koden du trenger for å bygge grunnleggende websider. Flere erfarne webutviklere skal ha et arsenal av ferdige, søkemotor og last hastighet optimalisert kode i arkivene til sitt eget arbeid. Både profesjonelle webutviklere og uerfarne HTML programmerere bør vurdere å laste ned en eksisterende standardtekst.

3 Last ned og installer en CSS rammeverk som 960 Grid System, Blueprint CSS eller mindre Framework. Hver av disse rammene gir et bibliotek av kolonne-building klasser til nettsteder og raskere utvikling av CSS-baserte layouter. Noen rammer, som Blueprint CSS, også legge basen typografiske stiler. Følg ramme instruksjoner for å legge den til din standardtekst HTML-fil. Husk å organisere alle CSS-filer inne i "css" undermapper for ditt rammeverk.

4 Last ned og installer en CSS rammeverk som 960 Grid System, Blueprint CSS eller mindre Framework. Hver av disse rammene gir et bibliotek av kolonne-building klasser til nettsteder og raskere utvikling av CSS-baserte layouter. Noen rammer, som Blueprint CSS, også legge basen typografiske stiler. Følg ramme instruksjoner for å legge den til din standardtekst HTML-fil. Husk å organisere alle CSS-filer inne i "css" undermapper for ditt rammeverk.

5 Legg jQuery og jQuery UI bibliotekene i HTML tekst. JQuery plugins er mye enklere å installere til nettsteder enn vanlig Javascript, og du kan finne mange gratis tilgjengelig på nettet. JQuery UI bibliotek legger en rekke brukerinteraksjoner til jQuery, for eksempel flyttbare elementer, sortering listeelementer og dato velger kalendere.

6 Lag en liste over de jQuery plugins du bruker oftest, og installere dem til rammen. Husk å legge til nye skript under jQuery og jQuery UI referanser, slik at de vil fungere. Vanlige plugins inkluderer drop-down menyer, bilde glidere og webskjemakontrollene forsterkere. Vurdere å kombinere alle disse plugins i en JS-fil for raskere siden lastetider.

Hint

I stedet for å skrive din egen HTML tekst, start med HTML5 Boilerplate. Denne standardtekst er godt utstyrt med kode optimalisert for Google og kommer med noen ekstra utviklingsverktøy.