Tällä kurssilla tutustutaan verkossa julkaisemisen erilaisiin mahdollisuuksiin.
Tehtävä 1.
Adobe Dreamweaverin peruskäyttö.
Tämä tehtävä on integroitu ammattienglannin kurssin kanssa.
Tämä tehtävä on integroitu ammattienglannin kurssin kanssa.
Katsele allaolevasta linkistä
kaikki 15 opetusvideota Dreamweaverin peruskäytöstä ja tee harjoitukset myös
itse.
Videoissa käytettävä materiaali
löytyy luokan kansiosta (Yhteiset, X:) /Verkkojulkaisu/RistorantePaolo.
http://tv.adobe.com/watch/classroom-basic-site-layout-and-navigation-in-dreamweaver-cs5/part-01-introduction/
Tehtävä 2.
Verkkosivupohjan tekeminen Photoshopilla.
Tehtävä käydään ensin tunnilla yhdessä läpi.
Tee itse tai etsi Internetistä kuva, jota haluat käyttää verkkosivujen pohjana. Avaa se Photoshopiin.
Huomioi kuvan koko, esim. 1024x768 kuvasta näkyy selainikkunassa 955x600.
Lisää kuvaan tarvittaessa läpinäkyvyyttä.
Jaa kuva tarvittaviin osiin (napit, otsikot, yms.) Slice-työkalulla. Kuva muutetaan osien mukaiseksi taulukoksi tallennettaessa.
Valitse File-valikosta Save for Web & Devices. Valitse kuvaformaatti ja säädä laatu.
Tallenna sekä kuvat että html-tiedosto luokan kansioon (Yhteiset, X:) /Verkkojulkaisu/TeeNimelläsiKansio.
Tehtävä 3a.
Mitä tarkoittavat seuraavat kirjainyhdistelmät, missä niitä käytetään ja mitä niillä voi tehdä?
CSS, JavaScript, PHP, XML, HTML
Tehtävä 3b.
Mitä tarkoittavat HTML5 ja Adobe Edge, ja mitä erinomaista niissä on?
Vastaa a ja b-kysymyksiin kirjoittamalla yksi A4-pituinen essee.
Tehtävä 2.
Verkkosivupohjan tekeminen Photoshopilla.
Tehtävä käydään ensin tunnilla yhdessä läpi.
Tee itse tai etsi Internetistä kuva, jota haluat käyttää verkkosivujen pohjana. Avaa se Photoshopiin.
Huomioi kuvan koko, esim. 1024x768 kuvasta näkyy selainikkunassa 955x600.
Lisää kuvaan tarvittaessa läpinäkyvyyttä.
Jaa kuva tarvittaviin osiin (napit, otsikot, yms.) Slice-työkalulla. Kuva muutetaan osien mukaiseksi taulukoksi tallennettaessa.
Valitse File-valikosta Save for Web & Devices. Valitse kuvaformaatti ja säädä laatu.
Tallenna sekä kuvat että html-tiedosto luokan kansioon (Yhteiset, X:) /Verkkojulkaisu/TeeNimelläsiKansio.
Tehtävä 3a.
Mitä tarkoittavat seuraavat kirjainyhdistelmät, missä niitä käytetään ja mitä niillä voi tehdä?
CSS, JavaScript, PHP, XML, HTML
Mitä tarkoittavat HTML5 ja Adobe Edge, ja mitä erinomaista niissä on?
Vastaa a ja b-kysymyksiin kirjoittamalla yksi A4-pituinen essee.
Ei kommentteja:
Lähetä kommentti