Koodinäkymä

Koodinäkymässä tarkastellaan luonnollisesti koodia. Tämä on luultavasti tutumpi tapa työskennellä niille jotka ovat aloittaneet koodaamisen tekstipohjaisilla editoreilla. Työskentelyä helpottavia ominaisuuksia koodinäkymässä on koodin rivilaskuri, ominaisuus joka voidaan ottaa myös pois käytöstä.

Koodinäkymässä ikkunan vasemmassa reunassa on rivi ikoneita, joiden merkitykseen on hyvä tutustua. Niitä klikkaamalla ne tarjoavat suoran koodin kirjoittajille useita verrattomia apuvälineitä ja oikopolkuja. Ne ovat ylhäältä lukien:

Dokumentin vaihtaja: Avoinna olevat dokumentit (välilehdet) voidaan vaihtaa suoraan tästä. Koodin tiivistys – kokonaiset tagit: Pitkissä dokumenteissa ja monimutkaisessa koodissa on joskus hyvä tiivistää koodia siten että olennainen vain jää esille muokkausta varten. Tämä tiivistää kokonaiset tagit, esim kokonaisen taulukkorakenteen. Tiivistetyt alueet saadaan luettavaksi viemällä hiiren kursorin tiivistetyn alueen päälle. Koodin tiivistys – valittu alue: Aktiivinen alue koodia tiiviiksi. Molempia tiivistystoimintoja voi käyttää huoletta, kumpikaan ei vaikuta lopulliseen koodiin, vaan koodi itsessään jää ennalleen, vain näkymä muuttuu. Koodin laajentaja: Laajentaa kerralla kaikki tiivistetyt alueet ennalleen. Valitsee ylemmän tagin: Jos valittuna on yksi taulukon solun tagi <td>, klikkaamalla tätä ikonia koko <table> taulukko aktivoituu. Käytännöllinen esim. koodin tiivistämisen yhteydessä. Tasapainottaa sulkeet: Pitkässä koodissa saattaa sulkeet joskus jäädä parittomiksi. Tätä painiketta klikkaamalla puuttuvat lopetussulkeet tulevat omille paikoilleen. Rivien numerointi: Rivien numerointi päälle tai pois. Korostaa virheellisen koodin: Mikäli koodissa on virheellisiä kohtia, aktivoimalla ominaisuuden tästä päälle, virheet näkyvät korostusväritettyinä - yleensä keltaisella. Luo kommentin: Avautuvasta ponnahdusvalikosta voi valita useita erilaisia kommentointitapoja. Poistaa kommentin: Aktivoitu kokonainen kommentti poistetaan, mutta jos kommentin sisällä on tageja ja sisältöä, niitä ei poisteta. Ainoastaan kommentin alku ja loppu. Lisää koodia: Aktivoidun alueen ympärille lisätään haluttu tagi. Toimii parhaiten esim. luotaessa uusi rivi tai uusia soluja taulukkoon. Viimeisimmät lainaukset: Dreamweaverissa on laaja kirjasto koodin pätkiä joita voi sijoittaa omaan dokumenttiin. Kirjasto löytyy Files-paneelista Snippets-välilehden takaa. Sinne voi myös tallentaa omia "nipsuja" lainattaviksi. Sopivia käyttökohteita ovat mm. valmiit lomakkeet joita halutaan käyttää uudestaan eri kohteissa. Sisentää koodia: Koodin luettavuuden kannalta on suotavaa että koodia voidaan ryhmittää sisennyksillä. Tätä klikkaamalla valittu alue koodista sientyy yhden tabulaattorin pykälän verran. Ulontaa koodia: Toimii käänteisesti edellisen painikkeen kanssa Koodin muotoilu: Muotoilee koko koodin ohjelman asetusten mukaisesti. Tästä pääsee käsiksi myös moitoiluasetuksiin.