Verktøy for å lage HTML når du bygger nettsteder - dummies

Før du begynner å kode HTML, bør du vurdere alternativene i form av et kodemiljø. Det finnes et bredt spekter av verktøy, alt fra gratis tekstredigeringsprogrammet som fulgte med operativsystemet ditt (som Windows Notisblokk eller TextEdit på en Mac) til profesjonelle applikasjoner (spesielt Dreamweaver) som gir betydelige verktøy for å hjelpe deg med å skrive og teste, kode.

Kodeditorer

Det finnes tre nivåer av kodeditorer:

• Operativsystemets tekstredigerer: Yup, ditt operativsystem har en tekstredigerer bygget rett inn. Nice. Her er to store fordeler ved å bruke redigeringsprogrammet som er innebygd i operativsystemet som kode redigerer for HTML (og CSS):

  • Ingen kostnad.

  • Appen er allerede installert på datamaskinen. Ferdig og ferdig.

  Denne ruten er definitivt det uten frills, uten kodehinting og kontrollfunksjoner tilgjengelig i gratis nedlastbare kodeditorer. Med mindre du planlegger å gjøre bare en minimal mengde HTML-koding, last ned en gratis kode editor som Tekst PSPad eller Text Wrangler.

  

  Opprette HTML med TextEdit på en Mac.

  

  Opprette HTML med Notisblokk i Windows.

• Gratis, nedlastbare kodeditorer: Bak dør # 2 er gratis kodeditorer, som TextWrangler for Mac eller PSPad for Windows.

  Igjen, gratis er bra. Disse (og andre) gratis kodeditorer inkluderer funksjoner som følger med OS-appen:

  • Fil -faner som lar deg arbeide med flere filer samtidig. Denne funksjonen er viktig for å jobbe med en HTML og en koblet CSS-fil samtidig.

  • Fargekoding som identifiserer kodende syntakselementer. Du finner denne funksjonen svært nyttig når du har mistypet noen kode fordi det feilaktige innholdet ikke vil vedta den forventede fargekoden.

    

  • Stavekontroll er tilgjengelig i gratis kode redaktører som TextWrangler og PSPad for å hjelpe til med å identifisere feilstavede ord på fluen.

    

  • Autofullfør er inkludert i PSPad.

  Gratis kode redaktører som TextWrangler (for Mac) og PSPad (for Windows) kommer ikke med WYSIWG grafiske vinduer som viser hvordan HTML-sider vil se i en nettleser. Og de mangler den type kodehintingsalternativer som er tilgjengelige i kodeditorer som koster penger.

• Lavpriskodeditorer: BBEdit, for eksempel (selger for $ 50 i forbindelse med denne skrivingen), er en forbedret versjon av TextWrangler. En av de mest kraftige funksjonene i BBEdit er at den kan autofullfør kode - forutse og fylle ut kodenes slutt mens du skriver. Følgende figur, for eksempel, viser et utvalg av HTML-koder som begynner med bokstaven "h" etterfulgt av å skrive en "h"."

  

Dreamweaver

Det kraftigste verktøyet for å jobbe med HTML er Adobe Dreamweaver. I tillegg til funksjonene som finnes i avanserte, profesjonelle kode redaktører (som stavekontroll og kodehenvisning), er Dreamweaver hovedattraksjonen at du ikke trenger å håndkode HTML. Du kan i stedet bruke menyalternativer (som "Sett inn → Bilde") og paneler (som Egenskaper inspektør) for å generere HTML.

Mange mennesker er klar over at Dreamweaver kan lage HTML uten håndkoding. Men det mange ikke skjønner er at Dreamweaver opererer i to moduser:

• Designvisning: I denne visningen genereres kode med skjulte meny- og mushandlinger.

• Kodevisning: Denne visningen gir et fullverdig kodemiljø med kodehinting og testing for ikke bare HTML, men andre webdesignspråk som CSS (stilark), JavaScript (for animasjon og interaktivitet) og PHP (for server-side skript som administrerer online data).

  

Som nevnt er Dreamweaver største tegning at det tillater designere å generere HTML (samt CSS og annen koding) i et designvindu som ser ut og føles som andre Adobe Creative Suite-apper som Photoshop, Illustrator eller InDesign.