Yli 100 erilaista Dreamweaver-vinkkejä ja tekniikoita
Adobe Dreamweaver on niin tehokas työkalu web-suunnittelijoille, koska sillä on niin monia asioita, joita voit tehdä sen kanssa. Tietenkin kaikki ne asiat, joita voit tehdä, tekevät siitä haastavaa oppia. Tutustu Dreamweaverin monista asioista, mukaan lukien viimeisimmän version CS5 muutokset. Älä unohda tarkistaa Dreamweaver CS5: n puuttuvia asioita.
Sivuston määrittäminen
- Aloita uusi verkkosivusto
- Luo verkkosivusto
- Aseta vain tarvittavat sivustosi osat, kun tarvitset niitä * Uusi CS5: ssa
- Aseta etä-, QA- ja testauspalvelimet täydellisimpiin työnkulkuihin * Uusi CS5: ssä
- Luo ja julkaise uusia hakemistoja
- Muuta dokkityyppi
- Sisällytä metatiedot sivuillesi
Sivuston sijoittaminen
- Määritä etäinen sivusto
- FTP-tiedostot Web-palvelimelle
- Käytä versionhallintajärjestelmää tiedostojen tarkistamiseen sisään ja ulos
- Yhdistä Subversionin kanssa edistyneen versionhallinnan kanssa * Uusi CS5: ssä
- Jätä huomautukset joukkuetovereille
Web-sivujen luominen
- Kirjoita sivu WYSIWYG-tilaan
- Kirjoita sivu HTML-muotoon
- Luo uusi sivu mallista
- Luo uusi sivu tyhjästä
- Luo mallipohja
- Tallenna tiedostoja sivustosi hakemistoon
- Määritä sivun ominaisuudet
CSS
- Käytä CSS-tyyppisivuja
- Inline-tyylien lisääminen
- Luo ulkoinen tyyliarkki
- Kiinnitä ulkoinen tyyliarkki
- Luo luokka, ID, tunniste ja yhdistelmä CSS-valitsimet
- Muokkaa olemassa olevia CSS-sääntöjä
- Luo CSS tulostettaville sivuille
- Ota käyttöön ja poista tyyliominaisuudet * Uusi CS5: ssä
- Tarkista CSS-laatikkomalli visuaalisesti * Uusi CS5
Teksti
- Muokkaa tekstiä
- Käytä eri fontteja
- Lisää rivinvaihto
- Käytä erikoismerkkejä
- Sisällytä nykypäivän päivämäärä
- Kirjoita kommentteja
- Käytä HTML-tunnisteita tekstiin
- Lisää HTML-attribuutteja tunnisteisiin
Linkit
- Linkin teksti ja kuvat
- Tarkista sivustolinkit
- Muuta oletusyhteyden värejä (linkki, vierailu, hiiren osoitin, aktiivinen)
- Luo työkaluvihjeitä linkkeihin
- Luo mailto-linkkejä
- Luo verkkosivun ankkureita
kuvat
- Lisää grafiikkaa sivulle
- Muokkaa kuvia
- Muuta kuvia
- Lisää alt-teksti kuviin
- Lisää kuvia esteettömyyden lisätoimintoihin
- Kohdista kuvat ja teksti
- Luo rollover-kuva
- Käytä kuvakarttoja
- Käytä jäljityskuvia
- Käytä kuvakohteita
- Lisää ilotulitus HTML
- Lisää Photoshop-tiedostoja
Layout
- Käytä mukana toimitettuja ilmaisia tempotteja * Uusia CSS-käynnistyssovelluksia CS5: ssä
- Aseta divs asettelua varten
- Muokkaa div. CSS-tyylit-paneelissa
- Aseta ehdottomasti sijoitetut elementit
- Muotoile ehdottomasti sijoitettuja elementtejä kiinteistön tarkastajalle
- Käytä hallitsijoita, ristikoita ja oppaita
Listat
- Lisää luetteloituja ja numeroituja luetteloita
- Mukauta luetteloluettelot ja -numerot
taulukot
- Luo taulukko
- Lisää otsake rivejä ja sarakkeita
- Käytä avoimia kuvia pöydän solujen pitämiseksi auki
- Luo kiinteät leveydet ja joustavat leveyspylväät
- Muuta taulukkojen rajatyyliä
- Liitä taulukko taulukkoon
- Tuoda taulukkotietoja
Lomakkeet
- Käytä mailto-lomaketta
- Määritä lomaketoiminnot
- Lisää teksti, radio, valintaruutu, tiedosto, kuva, valintaruudut ja piilotetut lomakekentät
- Tee lomakkeet helposti kenttien ja etikettien kenttien avulla
- Luo mukautettuja lähetyspainikkeita
- Vahvista lomakkeet, joissa on JavaScript (Spry)
Tietokannat ja PHP-komentosarjat
- Liitä sivustosi tietokantaan
- Aseta PHP / MySQL-sivusto
- Käytä Spry-elementtejä yhteyden muodostamiseen tietokantaan
- Aseta tietojoukot sivuillesi
- Testaa ja päivitä Spry-tietolähde tai -näyttö
- Muokkaa kompleksisia dynaamisia sivustoja suunnittelunäkymässä
- Löydä kaikki dynaamisesti liittyvät tiedostot kokoamaan PHP CMS-sivustoja (WordPress, Joomla ja Drupal) * Uusi CS5
- Mukautettu luokka viittaa PHP-koodiin, mukaan lukien kolmannen osapuolen kehykset kuten Zend-kehys * Uusi CS5
kehykset
- Rakenna kehystetty sivusto
- Muokkaa noframe-sisältöä
- Muotoile ja muotoile kehyksiä
- Määritä oletuslinkitavoitteet kehysten välillä
Lisää interaktiivisuutta
- Rakenna valokuva-albumi (ei enää CS5: ssä)
- Lisää ääntä verkkosivuille
- Luo avattava valikko
- Käytä Dreamweaver-käyttäytymiä ponnahdusikkunoiden avaamiseen, hyppyvalikoiden luomiseen, äänen toistoon, swap-kuvia ja paljon muuta
- Lisää RSS-syötteitä sivustoon
- Aseta Flash-teksti uudelleenlukemiseksi
- Lisää CSS-teksti kaatumiseksi
- Lisää muut lisäosat
- Lisää Spry-valikkopalkki, välilehdet, harmonikka, työkaluvihje ja kokoontaitettava paneeli
- Etsi Widget -selaimella uudet widgetit sivustollesi, ilman että tarvitset JavaScriptia
Testaa sivusi
- Testaa sivut Live View -ominaisuudella nähdäksesi muutokset JavaScriptin ja vuorovaikutteisuuden vuoksi * Uusi CS5
- Vahvista HTML-koodi
- Esikatsele sivuja useissa selaimissa
- Käytä BrowserLabia esikatselemaan sivuja muissa käyttöjärjestelmissä * Uusi CS5: ssä
- Käytä Device Centralia tarkistaaksesi, miten sivut näyttävät mobiililaitteille
- Tarkista selaimen yhteensopivuus
- Muuta asetuksia vastaamaan sivustosi tarpeisiin
- Tarkista sisäiset sivustolinkit
- Testaa sivustosi saatavuus (ei enää CS5: ssä)
- Muunna Word-dokumentti HTML: ään
Muokkaa Dreamweaveria
- Lisää laajennuksia
- Poista käytöstä laajennukset
- Dreamweaverin mukauttaminen pikakuvakkeilla
Lisää tehokkuutta
- Käytä sisäänrakennettuja pikanäppäimiä
- Käytä koodinpätkää
- Luo ja käytä malleja
- Luo uusia sivuja mukautetuista malleista
- Päivitä malleja
- Sisällytä yksi tiedosto toisessa Dreamweaver-kirjastossa
- Päivitä kirjaston kohteet
- Sisällytä yksi tiedosto toisessa SSI-tiedostossa
- Käytä etsiä ja korvaa