Napauta aikaa säästäviä Dreamweaver-vinkkejä

Parhaatkin ohjelmat paranevat, kun osaa ottaa niistä kaiken irti. Käytä hetki tutustuaksesi näihin vinkkeihin ja säästä paljon aikaa Web-sivustosi kehittämisessä. Useimmat näistä vinkeistä koskevat sekä Macintosh- että Windows-käyttäjiä. Kun ne koskevat vain yhtä tai toista, teksti kertoo, koskeeko vinkki Windows- vai Mac-versiota.

Sotkun poistaminen

Dreamweaverin monet paneelit (kutsuttiin paleteiksi aiemmissa versioissa) tarjoavat nopean pääsyn sen suosituimpiin ominaisuuksiin, mutta ne voivat sotkea suunnittelualueen. Voit saada ne pois tieltäsi, kun haluat ihailla työtäsi (tai repiä jonkun muun osiin), käytä F4-näppäintä, pikanäppäintä, joka piilottaa kaikki näkyvät paneelit kerralla. Saat ne takaisin painamalla F4-näppäintä uudelleen.

Voit ottaa paneelit käyttöön ja sammuttaa ne yksitellen käyttämällä kullekin paneelille määritettyä pikanäppäintä. Valitse Ikkuna valikosta löytääksesi pikanäppäimen kunkin paneelin nimen vieressä. Näillä pikanäppäimillä voit kytkeä paneelit päälle ja pois päältä yksitellen. Voit myös käyttää suunnitteluikkunan oikeassa alakulmassa olevaa käynnistyspalkkia päästäksesi käsiksi Sivusto-paneeliin, Assets-paneeliin, HTML-tyylit-paneeliin, CSS-tyylit-paneeliin, Käyttäytyminen-paneeliin ja Historia-paneeliin.

Näkymän jakaminen: Koodin parissa työskenteleminen

Jos haluat vaihtaa edestakaisin HTML-lähdekoodin ja WYSIWYG-suunnittelunäkymän välillä Dreamweaverissa, arvostat version 4 uutta vaihtoehtoa, jonka avulla voit jakaa ikkunan, jotta voit tarkastella HTML-lähdettä ja WYSIWYG-suunnittelualuetta samanaikaisesti. Voit jakaa ikkunan valitsemalla Näytä -> Koodi ja muotoilu.

Saatat myös arvostaa Dreamweaverin sisäänrakennetun tekstieditorin parannettuja ominaisuuksia, mukaan lukien automaattinen sisennys ja mahdollisuus valita useita rivejä ja sisentää niitä. Löydät myös elävän syntaksivärityksen, joka näkyy kirjoittaessasi – voit jopa erottaa HTML- ja JavaScript-värit. Valitse Muokkaa -> Asetukset -> Koodivärit -välilehti määrittääksesi värit.

Suunnitelmien esittäminen

HTML-taulukot tarjoavat edelleen parhaan tavan luoda monimutkaisia ​​verkkomalleja (koska vanhemmat selaimet eivät vielä tue tasoja), ja Dreamweaver 4 on tehnyt taulukoiden luomisesta visuaalisen suunnittelun alueella helpompaa kuin koskaan. Uudessa asettelunäkymässä voit "piirtää" taulukoita sivulle, vetää ne paikoilleen ja jopa ryhmitellä soluja sisäkkäiseen taulukkoon – murehtimatta koskaan luomiesi rivien ja solujen lukumäärästä. Voit jopa käyttää tätä ominaisuutta luodaksesi taulukoita, jotka muuttuvat ikkunan koon mukaan. Tämä on loistava tekniikka varmistaaksesi, että suunnitelmasi toimivat kaikilla näytöillä.

Valitse Näytä -> Taulukkonäkymä -> Asettelunäkymä päästäksesi Dreamweaverin uuteen taulukonluontiympäristöön, ja sitten vedä ja pudota luodaksesi minkä tahansa taulukon. Löydät solujen ja taulukoiden asetteluvaihtoehdot Objektit-paneelista.

Tekstin muuntaminen

Jos olet tottunut käyttämään Liitä tekstinä -ominaisuutta Dreamweaver 3:ssa, älä pety, kun huomaat, että se puuttuu Dreamweaver 4:stä. Macromedia virtaviivaisti prosessia uusimmassa versiossaan. Nyt valitset vain Tiedosto -> Liitä, ja muotoiltu teksti tekstinkäsittelydokumentista säilyttää muotoilunsa - no, okei, se säilyttää ainakin rivivälit. Totuus on, että Dreamweaver on edelleen melko heikko tekstin muuntamisessa.

Voit säästää tekstin uudelleenmuotoilulta Dreamweaverissa, jos käytät tekstinkäsittely- tai taulukkolaskentaohjelmaa, joka sisältää Tallenna nimellä HTML -ominaisuuden (Microsoft Word ja monet muut tarjoavat tämän ominaisuuden). Tekstin kopioimisen ja liittämisen sijaan Dreamweaveriin käytä tekstinkäsittelyohjelman File –> Save As HTML -ominaisuutta, nimeä tiedosto uudelleen ja avaa sitten uusi tiedosto Dreamweaverissä. Microsoft Word ja Excel jopa säilyttävät taulukon muotoilun, mikä säästää todellista aikaa, jos käsittelet suuria teksti- tai numerotaulukoita.

Toimivien fonttien löytäminen

Suunnittelijat innostuvat, kun he saavat tietää, että he voivat käyttää mitä tahansa fonttia. Todellisuudessa katsojillasi on oltava fontti tietokoneissaan, jotta se voidaan näyttää. Mitä yleisempi fontti on, sitä todennäköisemmin se näyttää haluamallasi tavalla. Jos haluat käyttää epätavallisempaa fonttia, valitse se – varmista vain, että sisällytät myös vaihtoehtoja. Dreamweaver Font List sisältää jo kokoelmat yleisiä kirjasimia, ja voit aina luoda oman fonttiluettelosi valitsemalla Teksti -> Font -> Muokkaa fonttiluetteloa.

Windows on ylivoimaisesti yleisin käyttöjärjestelmä verkossa. Varmistaaksesi parhaat – ja nopeimmat – tulokset suurimmalle osalle käyttäjistäsi, luettele ensin Windows-fontti.

Ohjaa katsojiasi

Useiden sivustojen luominen on vikaturvallisin ratkaisu, jonka avulla voit varmistaa, että kaikki katsojasi ovat tyytyväisiä, kun käytät uusimpia DHTML- ja CSS-sivuja. Tämä tarkoittaa, että luot kaksi tai useampia sivujoukkoja: toinen, joka käyttää uusimpia ominaisuuksia ja toinen, joka käyttää vanhempia, yleisemmin tuettuja HTML-tageja. Mutta miten varmistat, että katsojat pääsevät oikeille sivuille? Käytä Tarkista selaimen toimintaa.

Tarkista selaimen toiminta on kirjoitettu JavaScriptillä ja määrittää jokaisen sivustollesi saapuvan katsojan käyttämän selaintyypin. Käyttäytyminen ohjaa sitten käyttäjät heidän selainversioonsa parhaiten sopivaan sivun ulkoasuun. Voit käyttää tätä ominaisuutta valitsemalla Ikkuna -> Käyttäytyminen avataksesi Käyttäytyminen-paneelin. Napsauta sitten plusmerkkiä (+) avataksesi pudotusvalikon vaihtoehtoja. Valitse Tarkista selain. Näyttöön tulee valintaikkuna, jossa voit määrittää, mitkä selainversiot ohjataan millekin sivustosi sivuille. Kun käyttäjät saapuvat sivustollesi, heidät ohjataan automaattisesti valitsemallesi sivulle määrittämäsi selaintyypin ja -version perusteella.