Adobe Dreamweaver on niin tehokas työkalu web-suunnittelijoille, koska voit tehdä sillä niin monia asioita. Tietenkin kaikki nuo asiat, joita voit tehdä, tekevät oppimisesta haasteellista. Tutustu joihinkin niistä monista asioista, joita Dreamweaver voi tehdä, mukaan lukien muutokset uusimpaan versioon, CS5. Äläkä unohda tarkistaa asioita, jotka puuttuvat Dreamweaver CS5:stä.
Määritä sivusto
- Aloita uusi verkkosivusto
- Luo verkkosivusto
- Aseta vain tarvitsemasi osat sivustosta, kun tarvitset niitä *Uutta CS5:ssä
- Asenna etä-, laadunvarmistus- ja testipalvelimet täydellisempien työnkulkujen aikaansaamiseksi *Uutta CS5:ssä
- Luo ja julkaise uusia kansioita
- Muuta asiakirjan tyyppiä
- Sisällytä metatiedot sivuillesi
Sivustosi toimittaminen
- Määritä ulkoinen sivusto
- FTP-tiedostot verkkopalvelimelle
- Käytä versionhallintajärjestelmää tiedostojen sisään- ja uloskirjaamiseen
- Yhdistä Subversioniin edistyneempää versiointia varten *Uutta CS5:ssä
- Jätä muistiinpanoja joukkuetovereillesi
Luo web-sivuja
- Kirjoita sivu WYSIWYG-tilassa
- Kirjoita sivu HTML-kielellä
- Luo uusi sivu mallista
- Luo uusi sivu tyhjästä
- Luo malli
- Tallenna tiedostot sivustokarttaasi
- Määritä sivun ominaisuudet
C.S.S
- CSS-tyylisivujen käyttäminen
- Lisää upotettuja tyylejä
- Luo ulkoinen tyylisivu
- Liitä ulkoinen tyylisivu
- Luo luokka-, tunnus-, tunniste- ja yhdistetty CSS-valitsimia
- Muokkaa olemassa olevia CSS-sääntöjä
- Luo CSS tulostettaville sivuille
- Tyyliominaisuuksien ottaminen käyttöön ja poistaminen käytöstä *Uutta CS5:ssä
- Tarkista silmämääräisesti CSS-laatikkomalli *Uutta CS5:ssä
Teksti
- Muuta tekstiä
- Käytä erilaisia fontteja
- Lisää rivinvaihto
- Erikoismerkkien käyttö
- Lisää tämän päivän päivämäärä
- Kirjoita kommentteja
- Käytä HTML-tageja tekstiin
- Lisää HTML-attribuutteja tunnisteisiin
Vasen
- Linkitä tekstiä ja kuvia
- Tarkista sivuston linkit
- Muuta linkin oletusvärejä (linkki, vierailtu, hiiri, aktiivinen)
- Luo työkaluvihjeitä linkkeihin
- Luo Mailto-linkkejä
- Luo verkkosivun ankkureita
Kuvia
- Lisää kuvia sivulle
- Muokkaa kuvia
- Muuta kuvien kokoa
- Lisää kuviin vaihtoehtoista tekstiä
- Lisää kuviin muita esteettömyysvaihtoehtoja
- Kohdista kuvat ja teksti
- Luo rollover-kuva
- Kuvakorttien käyttö
- Jäljityskuvien käyttäminen
- Kuvan paikkamerkkien käyttö
- Lisää Fireworks HTML
- Lisää Photoshop-tiedostot
Layout
- Käytä mukana tulevia ilmaisia malleja *Uudet CSS-kotiasettelut CS5:ssä
- Lisää Divs for Layout
- Muokkaa div-elementtejä CSS-tyylit-paneelissa
- Aseta täysin sijoitetut elementit
- Muotoile ehdottomasti sijoitetut elementit Kiinteistötarkastajassa
- Viivoitinten, ruudukoiden ja ohjainten käyttö
Luettelot
- Lisää luettelomerkitty ja numeroitu luettelo
- Mukauta luettelomerkkejä ja numeroita
taulukoita
- Luo taulukko
- Lisää otsikkorivejä ja -sarakkeita
- Käytä läpinäkyviä kuvia pitääksesi taulukon solut auki
- Luo kiinteä- ja joustavaleveisiä sarakkeita
- Muuta taulukon reunusten tyylejä
- Upota taulukko taulukkoon
- Tuo taulukon tiedot
Lomakkeet
- Käytä mailto-lomaketta
- Lomaketoimintojen määrittely
- Lisää tekstiä, radiota, valintaruutua, tiedostoa, kuvaa, valintaruutuja ja piilotettuja lomakekenttiä
- Tee lomakkeistasi käytettävissä kenttäjoukko- ja tarrakentillä
- Luo mukautettuja lähetyspainikkeita
- Vahvista lomakkeet JavaScriptillä (Spry)
Tietokannat ja PHP-skriptit
- Linkitä sivustosi tietokantaan
- PHP/mySQL-sivuston perustaminen
- Käytä Spry-elementtejä muodostaaksesi yhteyden tietokantaan
- Lisää tietoobjekteja sivuillesi
- Testaa ja päivitä Spry-tietolähde tai -näyttö
- Muokkaa monimutkaisia dynaamisia sivustoja suunnittelunäkymässä
- Löydä kaikki dynaamisesti liittyvät tiedostot PHP CMS-sivustojen rakentamiseksi (WordPress, Joomla ja Drupal) *Uutta CS5:ssä
- Mukautetut luokkavinkit PHP-koodille, mukaan lukien kolmannen osapuolen kehykset, kuten Zend-kehys *Uutta CS5:ssä
kehyksiä
- Rakenna kehystetty verkkosivusto
- Noframes-sisällön muokkaaminen
- Muotoile ja muotoile luettelosi
- Aseta oletuslinkkikohteet kehysten välille
Lisää interaktiivisuutta
- Luo valokuva-albumi (ei enää CS5:ssä)
- Lisää ääntä verkkosivuille
- Luo avattava valikko
- Käytä Dreamweaver-toimintaa avataksesi ponnahdusikkunoita, luodaksesi hyppyvalikoita, toistaaksesi ääntä, vaihtaaksesi kuvia ja paljon muuta
- Lisää RSS-syötteitä sivustoon
- Lisää Flash-teksti vierityksenä
- Lisää CSS-teksti rolloveriksi
- Lisää muita laajennuksia
- Lisää Spry-valikkopalkki, välilehtipaneelit, harmonikka, työkaluvihjeet ja kokoontaitettava paneeli
- Käytä widget-selainta löytääksesi uusia widgetejä sivustollesi ilman, että sinun tarvitsee tuntea JavaScriptiä
Testaa sivusi
- Testaa sivusi Live View’ssa nähdäksesi muutokset JavaScriptin ja interaktiivisuuden vuoksi *Uutta CS5:ssä
- Vahvista HTML-koodisi
- Esikatsele sivujasi eri selaimissa
- BrowserLabin avulla voit esikatsella sivujasi muissa käyttöjärjestelmissä *Uutta CS5:ssä
- Käytä Device Centralia tarkistaaksesi, miltä sivut näyttävät mobiililaitteilla
- Tarkista selaimen yhteensopivuus
- Muuta asetuksia vastaamaan sitä, minkä kanssa sivustosi tarvitsee toimia
- Tarkista sisäiset sivustolinkit
- Testaa sivustosi käytettävyyttä (ei enää CS5:ssä)
- Muunna Word-asiakirja HTML-muotoon
Mukauta Dreamweaveriä
- Lisää laajennuksia
- Poista laajennukset käytöstä
- Mukauta Dreamweaveria pikanäppäimillä
Lisää tehokkuuttasi
- Käytä sisäänrakennettuja pikanäppäimiä
- Käytä koodinpätkiä
- Luo ja käytä malleja
- Luo uusia sivuja mukautetuista malleista
- Päivitä mallit
- Lisää yksi tiedosto toiseen Dreamweaver-kirjaston avulla
- Päivitä kirjaston kohteet
- Liitä tiedosto toiseen SSI:llä
- Käytä Etsi ja korvaa