Top

Adobe Dreamweaver CC 2018 -velhon käsikirja

Suunnittele ja koodaa. Kehitä ja ylläpidä web-sivustoja ja -sovelluksia. Optimoi sisältö tietokonenäytöille, tableteille ja mobiililaitteille. Vie sivut verkkoon kaikkien nähtäville ja tee hakukoneoptimointia.

Tämä opas tarjoaa perustiedon Adobe® Dreamweaver® -ohjelman käytöstä ja omien web-sisältöjen suunnittelusta, luomisesta ja optimoinnista.

  • Adobe Dreamweaver CC 2018 -velhon käsikirja
  • Julkaisuvuosi:
  • Kirjoittaja: Pasi Kainulainen
  • PDF-muotoisen käsikirjan hinta: 20,08 € + alv (24,90 € sis. alv)
  • Käsikirjan sivumäärä: 51
Adobe Dreamweaver CC 2018 Velhon käsikirja

Sinulla on taika kädessäsi! Käytä sitä varoen.

Sisällysluettelo

Web-sivut ja selaimet 6
Windows, iOS, Android, älypuhelin, tablet-laite ym. 6
Web-sivun tai -palvelun suunnittelu 8
Suunnitelman luominen Adobe Photoshopilla 8
Dreamweaverin perusteet 10
Dreamweaverin historiaa ja uusia ominaisuuksia 10
Dreamweaver CC 10
Dreamweaver CC 2014 10
Dreamweaver CC 2015 10
Dreamweaver CC 2017 10
Dreamweaver CC 2018 10
Dreamweaverin aloitus 11
Dreamweaverin valmiit työympäristöt 13
Code, Split, Design ja Live -tilat 13
Paneelit 14
Properties 14
Files 14
DOM 15
Insert 15
CSS Designer 16
Assets 18
Snippets 18
CC Libraries 18
Extract 19
Behaviors 19
Dreamweaverin asetukset 20
Selaimien asettaminen 20
Työkalut 21
Työkalukategoriat 21
Oleellisimmat työkalut 22
Uusien dokumenttien luominen 23
HTML-sivurakenteen luominen 24
Dreamweaverin valmiit dokumenttirakenteet 24
Sivurakenteen kirjoittaminen itsenäisesti 26
Sivurakenne ja HTML5 26
Div-elementin käyttö 26
Bootstrap 27
Uuden Bootstrap-sivun luominen Dreamweaverissa 27
Ruudukkoajattelu 28
Container 29
Komponentit 29
HTML-merkkaus ja CSS-muotoilu 30
Ruudukko 30
Tekstisisällön tuottaminen ja muotoilu 31
Tekstin tuottaminen 31
Linkkien luominen 32
Ankkurilinkit 32
Kuvat web-sivulla 33
Kuvien lisääminen 33
Kuvatiedoston pikselimitat ja resoluutio 33
SVG ja PSD 33
Alternate Text (Alt) 34
Web-sivujen kuvatiedostomuodot 34
JPEG 34
PNG 35
GIF 36
SVG 36
CSS-tyylit 37
CSS-tyylien luominen Dreamweaverilla 37
CSS Designer -paneeli 37
Uuden tyylin luominen CSS Designer -paneelissa 38
Ulkoiset tyylitiedostot 39
Ulkoisen tyylitiedoston liittäminen 39
CSS-merkkauksen käsinkirjoittaminen 39
ehdolliset kommentit 40
Sivujen esikatselu 41
Sivujen katsominen Live-tilassa 41
Sivujen katsominen selaimessa 41
Sivujen testaaminen eri selaimilla, käyttöjärjestelmillä ja päätelaitteilla 42
Sivupohja ja kirjasto 43
Sivupohjan käyttö 43
Sivupohjan luominen step-by-step 44
Site-määritys ja sivujen siirtäminen web-palvelimelle 45
Site-määrityksen luominen 45
Paikallisen sivuston määrittäminen 45
Web-palvelimien määrittäminen 45
Sivujen siirtäminen palvelimelle 46
Sivujen optimointi mobiili- ja tablet-ympäristöön 47
Responsiivinen web-suunnittelu 47
Näyttötarkkuuksilla testaaminen 47
Responsiivisuus ja Live-tila 48
Media queries ja breakpoint-tilojen luominen 48
Media Queries -tyylisäännöt ja käsinkirjoittaminen 49
Sivujen seuranta ja analysointi 50
Hyödyllisiä Dreamweaver-näppäinkomentoja 51

Käsikirjaan liitetyt avainsanat
dreamweaver velhon käsikirja

Saatat olla kiinnostunut näistä sisällöistä