Bygge nettsteder Alt-i-ett til dummies Cheat Sheet - dummies

Av David Karlins, Doug Sahlin

Om komplekse eller enkle nettsteder krever at du tar beslutninger - som farge, tema og tone - og at du jonglerer mange deler av prosjektet - som kode, stilark og grafikk. Å vite hvilke ressurser som skal brukes til å hjelpe til med å implementere HTML5, og noen få viktige punkter om å inkorporere grafikk og video, kan hjelpe deg.

Nettbaserte ressurser for å bygge nettsteder

Midt i alle rot på nettet ligger verdifulle gratis online ressurser for å bygge viktige elementer av en innbydende og tilgjengelig nettside. Slik at du ikke trenger å sile gjennom roten, her er noen av de beste.

W3schools. com gir det mest omfattende online biblioteket med kode ressurser, men det biblioteket kan være overveldende. Følgende koblinger tar deg til noen nyttige landingspunkter for å komme i gang:

• Instruksjoner for å lage en grunnleggende HTML-side

• HTML5-kode og HTML-kode for HTML5 og grunnleggende veiledning på HTML5s nye verktøy for media, skjemaer og sidestruktur

• CSS-stilark

• Grunnleggende CSS-parametere, syntaks og instruksjoner for å legge til CSS på nettsider

• Informasjon om CSS3-effekter og transformasjoner (fra drop-skygger til rotert type)

For å organisere kontaktlister og sende ut nyhetsbrev, er det mest kraftige verktøyet uten tvil konstant kontakt, men du kan bruke en nesten like kraftig og gratis (for de første 500 kontaktene), e-post manager på MailChimp.

• Det beste alternativet for en egendefinert søkeboks for nettstedet ditt er FreeFind, som genererer søkeverktøy for nettstedet ditt, uten å bruke eller selge data på hvem som søker etter på ditt nettsted.

• Trenger du en blogg? Googles Blogger er gratis, enkelt å sette opp, og lar deg moderere opplastede kommentarer.

• Et enkelt (og alltid gratis) alternativ for å koble til et kart for å hjelpe kunder, kunder og besøkende til å finne deg i den virkelige verden.

• Påminnelser for å forberede webgrafikk og video

Nettsteder uten grafikk er nesten ikke-eksisterende i disse dager. Når du lager grafikk, optimaliserer bilder eller lagrer video for et nettsted, må resultatene være skarpe, detaljerte og raskt lastet. Tre populære former for grafikk du bruker på et nettsted, er fotorealistiske bilder, bilder som logoer med store områder med solid farge og bilder som er en kombinasjon av bilder og tekst. Her er noen vennlige påminnelser for å skape og optimalisere grafikk for nettsteder:

Optimaliser bilderealistiske bilder ved hjelp av JPEG-formatet.

• Optimaliser bildene med store områder med solid farge ved hjelp av GIF-formatet.

• Når du optimaliserer grafikk som har tekst overlaid på et fotorealistisk bilde, opprett separate skiver for områdene av bildet som er fotorealistiske, og opprett flere skiver for områdene av bildet som inneholder tekst. Eksporter områdene som inneholder tekst ved hjelp av GIF-formatet, og eksporter de bilderealistiske områdene av bildet ved hjelp av JPEG-formatet.

• For høyverdig JPEG-bilder, bruk en kvalitetsinnstilling på 70 når du eksporterer. For mindre JPEG-bilder kan du komme med en kvalitetsinnstilling på 50.

• Hvis du lager et fotogalleri for et produkt, eller for en fotograf, eksporterer du bildene i JPEG-format med en kvalitetsinnstilling på 80.

• Når du komprimerer bilder ved hjelp av JPEG-formatet, må du være oppmerksom på kantene på objektene i bildet. Når du begynner å se piksler, eller kantene mangler definisjon, har du komprimert bildet for langt.

• Når du eksporterer bilder ved hjelp av GIF-filformatet, bruker du det minste antall farger som gir et skarpt bilde, og du vil ha et raskt lastbildebilde.

• Når du resampleer bilder for nettsteder, er den maksimale oppløsningen du trenger, 72 piksler per tomme.

• Nettsteder uten video blir sjeldnere. Video er overalt på Internett: for underholdning, i annonser, for å fremme rockstjerner og andre artister. Når videoen er godt utført, er det en ting med skjønnhet. Men det er noen ting du må vurdere når du legger til video på en nettside:

Video tar opp mye bandwith.

• Hvis båndbredden for et nettsted overskrides, kan avgiften være ganske kostbar. I stedet for å hoste video på et nettsted, last det opp til YouTube, og legg deretter inn videoen på en nettside eller blogg. Ikke bryter opphavsretten.

• Ikke kopier video fra andre nettsteder eller andres YouTube-videoer og bruk dem på nettstedet ditt. Kontroller lisensen:

• Hvis du bruker en video fra en leverandør eller produsent på et kommersielt nettsted, må du forsikre deg om at du er dekket av leverandøren eller produsentens lisens. Bruk et videokamera av høy kvalitet til å ta opp video:

• Nei, en iPhone er ikke et videokamera av høy kvalitet. Hvis du koder for dårlig video for Internett, får du dårlig kvalitet på video. Husk den gamle aksiom: Garbage i, søppel ut. Forsikre deg om at nettstedsprosessene har de nødvendige plugin-modulene for å vise videoen.

• Hvis du lager HTML5-sider med video, må du sørge for at målgruppen for nettstedet bruker HTML5-kompatible nettlesere.

• Ikke bruk overganger når du redigerer flere videoklipp for å lage en video for Internett.

• Videooverganger ser bra ut på HD-video, men ser ikke bra ut når du koder en video for nettet.