Adobe Dreamweaver perusteet

Adobe Dreamweaver on moderni ja monipuolinen web-editori, jolla voidaan kehittää ja ylläpitää web-sivustoja, verkkopalveluja, mobiilisivuja ja muita web-sovelluksia. Dreamweaver tukee kaikkia nykyaikaisia ja suosittuja verkkotekniikoita (HTML5, CSS3, LESS, SASS, Bootsrap, jQuery jne.).

Dreamweaverin avulla voidaan luoda responsiivisia web-sivustoja käyttämällä visuaalisia apuvälineitä, jotka auttavat sivuston mukauttamisessa erilaisille näyttötarkkuuksille ja laitetyypeille. Ohjelmassa on paljon ominaisuuksia sisällön luomiseen ja päivittämiseen sekä toiminnallisuuksien ohjelmointiin liittyen. Dreamweaveria voidaankin käyttää joko monipuolisena ja visuaalisena työkaluna (painikkeet, valikot ja valmiit toiminnot) tai pelkkänä koodauseditorina (automaattinen koodin täydennys ja virhetarkistus). Ohjelma soveltuu siis yhtä lailla itse koodia kirjoittaville koodareille että visuaalisille suunnittelijoille, jotka haluavat luoda sisältöä mieluummin helposti ja ilman korkeampaa ohjelmointiosaamista.

Adobe Dreamweaver -koulutussisältö

• Kurssilla tutustutaan Adobe Dreamweaver-ohjelmaan sekä sen työkaluihin, ominaisuuksiin ja mahdollisuuksiin.

• Kurssilla tutustutaan yleisesti web-tekniikoihin, erityisesti: HTML, CSS, JavaScript mutta myös muut tekniikat, kuten erityisesti Bootsrap ja jQuery

• Kurssilla kerrotaan myös yleisesti responsiivisuudesta, hakukoneoptimoinnista, webin rajoitteista ja standardeista

• Kurssi ei vaadi aikaisempaa osaamista ohjelmoinnista tai edes web-sivujen rakentamisesta, mutta ymmärrys Internetistä ja web-sivuista on eduksi.

• Kurssilla tehdään muutamia pienempiä harjoituksia sekä luodaan pari laajempaa kokonaista web-sivustoa. Oppilaat siis näkevät pienimuotoisen web-sivuston kehityksen alusta loppuun!

• Kurssin jälkeen kurssilaiset osaavat hyödyntää Dreamweaver-ohjelmaa omien sivujen rakentamisessa tai olemassa olevien sivujen päivittämisessä sekä tuntevat kaikki tärkeimmät web-tekniikat ja alan termit.

Adobe Dreamweaver -koulutuksen ohjelmarunko

Päivä 1:

• Yleisesti web-sivujen suunnittelusta, standardeista ja selaimista
• Esittelyssä Adobe Dreamweaver (sekä muut vaihtoehtoiset koodieditorit)
• Dreamweaveriin tutustuminen: käyttöliittymä, työkalut, asetukset jne.
• Verkkotekniikat yleisesti: HTML5, CSS3, JavaScript, jQuery, Bootsrap, PHP, AJAX jne.
• Sivujen luominen ja editorin käyttö
• Sisällön luominen: teksti, kuvat, luettelot, linkit jne.
• HTML-kielen perusteet
• Uudet HTML5-elementit ja niiden hyödyntäminen
• Sivurakenteet, lomakkeet, navigaatiot ja muut toiminnallisuudet
• Sivujen testaaminen (selaimet, laitteet)

Päivä 2:

• CSS-kielen perusteet, CSS3 uudet ominaisuudet ja sivujen muotoilu CSS-kielen avulla
• Bootstrap-framework ja hyödyntäminen Dreamweaverissa
• Responsiivisuus (mobiili- ja tablet-laitteet)
• JavaScript-kielen perusteita ja JavaScriptin lisääminen HTML-sivuille
• Kuvakarusellit ja muut toiminnallisuudet
• Käytännön harjoittelua ja sivuston rakentamista
• Sivupohjien hyödyntäminen
• Sivujen vieminen web-palvelimelle ja sivujen päivittäminen
• Sivujen optimointi, hakukoneoptimointi ja analysointi
• Kysymyksiä ja miten tästä eteenpäin?

Tämä koulutus on vain valmis runko, jota voidaan hyödyntää esimerkiksi räätälöidyissä konsultoinneissa. Jos haluat oman räätälöidyn koulutuksen, sisältö voidaan muokata tarpeiden ja toiveiden mukaisesti!