Hvordan lage en ny HTML5-fil som bruker CSS3 i Komodo Edit - dummies

1 7

Åpne Komodo Edit.

Du ser IDE. De fleste IDE-er gir en type Start-kategorien. Start-fanen kan inneholde en rekke elementer, men de fleste inneholder en liste over tidligere prosjekter og eventuelle nyheter om IDE du bruker.

2 7

Velg Fil → Ny → Fil fra mal.

Du ser dialogboksen Ny fil. IDEer gir vanligvis en metode for å lage nye filer. Denne teknikken lager en individuell fil. Hvis du jobbet på et nettsted som inneholdt mange filer, ville du opprette et prosjekt som utgangspunkt.

3 7

Velg Vanlig i kategorilisten og HTML5 i listen Maler. Skriv inn et navn for filen, for eksempel MyTestPage. HTML. Velg et sted for å lagre filen i katalogen Felt (etter behov). Klikk på Åpne.

Du ser den nye filen åpnet. En IDE bruker maler for å starte filinnholdet for deg. Mengden innhold som IDE gir, avhenger av malen og typen fil du lager. En HTML5-mal inneholder vanligvis deklarasjonen, overskriften, kroppen og tittelen.

4 7

Lag innhold som skal vises på skjermen. Skriv for eksempel

Hei det

for å lage en melding i et avsnitt som finnes i en.

Du ser tagspesifikke hjelpsinformasjon fra IDE. En IDE viser vanligvis nyttig informasjon om hva du skal skrive neste. Disse nyttige tipsene gjør det enklere å lage nyttig kode på kortere tid og med færre feil.

5 7

Skriv inn noen CSS som kreves for å formatere innholdet. Lagre arbeidet ditt etter hvert kode tillegg.

Du ser CSS-spesifikk hjelpinformasjon levert av IDE. Som med kodene gir IDE også informasjon om CSS du skriver når det kan. CSS-informasjonen er mer detaljert og gir vanligvis innspill som tillatte verdier for mange egenskaper.

6 7

Velg Vis → Forhåndsvisning av nettleser.

IDE viser en dialogboks som spør hva du vil se og hvordan du vil se den. En IDE vil vanligvis gi noen måter å se på arbeidet ditt. Du bør bruke denne visningen som utgangspunkt. Det er imidlertid viktig å se arbeidet i målleserne for søknaden din også.

7 7

Velg alternativet Forhåndsvis med denne fil når du ser dialogboksen Forhåndsvisning, og klikk på Forhåndsvisning.

Du ser en forhåndsvisning av siden din som den vil vises i nettleseren.

Tilbake Neste