Avaa selaimeen sivu osoitteesta: Web-sivua varten simpukka-kuvasta tarvitaan neljä erilaista.

Slides:



Advertisements
Samankaltaiset esitykset
Näkövammaiset ja verkkosivustot Virpi Jylhä
Advertisements

Marratech Käyttöohjeita. Ellei bookmarks –listassa ole haluttua palvelinta, osoitteen voi kirjoittaa suoraan osoiteriville:
Joulukortti kuvaan lisäämällä tai piirtämällä
Kuva kuvaan (MS Paint) Avaa molemmat kuvat esikatselusta muokkaustilaan – klikkaamalla hiiren väärällä napilla > Avaa sovelluksessa… > MS Paint Tässä vaiheessa.
Kotisivukoulutus Kirjastotalo Metso Osa 2 Kuvan lisäys ja muokkaaminen.
Käyttöohje: Kuinka luoda uusi sivu. (Painamalla F5 voit katsoa tämän diaesityksen)
Image Gallery JavaScriptin avulla Juha Konttinen 1.
Wikin pikaohje /ut. Kirjautuminen palveluun • Mene osoitteeseen valitse sivun oikeasta yläkulmasta ”Sign.
SkyDrive ja Office Web Apps –sovellusten käyttäminen
TILDA-Verkkotilastointi
Työkalut Adobe Photoshop
Informaatioteknologian instituutti Esityksen tekeminen PowerPointilla Jouni Huotari.
Wikispace jatkokurssi Jarmo Heikkinen Karoliina Kemppainen Satu Kylmänen.
© 2010 IBM Corporation1 Bannerikaruselli  Bannerikaruselli on sisällönhallinnan komponentti, jolla voidaan laittaa www-sivulla haluttuun kohtaan näkymään.
9. Valo kevät 2014 Onni Oppilas 9.K
Mikä on internet? b Kymmenien tuhansien yhteen liitettyjen tietoverkkojen kokonaisuus b Internetin palvelut ovat ilmaisia - liittymät ovat maksullisia.
Tietokone Koostuu keskusyksiköstä, näytöstä, näppäimistöstä, hiirestä sekä muista mahdollisista lisälaitteista. Pöytäkoneiden lisäksi löytyy myös kannettavia.
Kotisivukoulutus Kirjastotalo Metso Osa 1 Tekstin kirjoittaminen ja muokkaaminen, linkitys.
Jouni Juntunen Oulun seudun ammattikorkeakoulu Liiketalouden yksikkö Netbeans ja XAMPP Projektin luominen.
WIKISPACE ohjeita. Sivun muokkaaminen •Valitse Edit This Page •Kirjoittele, lisää kuvia, muokkaa tekstiä •Tallenna •Muokkaa lisää….history näyttä kaikki.
ASIAKAS MUKANA PROSESSEILLA
W w w. h a m k. f i Wiki koulutus Leenakaija Lehto
Power Point – esitysgrafiikkaohjelma lyhyesti
WORDPRESS -KOULUTUS Juha Konttinen – Miksi Wordpress?  on ilmainen  on helppo asentaa ja käyttää  omalle tai vuokratulle palvelimelle 
Internet-viestintä on helppoa! Käyttökuvaus 4.0
RSS-syötteet ja Fronter Kiravo-projekti 2012 Kiravo – kirjasto avoimena oppimisympäristönä Biblär – biblioteket som ett öppet lärcentra.
Mikä vika on kuvannoissa? Kuvannot ovat nyt oikein!
 Käytä Internet Explorer-selainta. Valitse selaimeksi Internet Explorer.
TIETOSARJAKUVA Piirrä paperiin reunat. Katso tarkasti, että alueet "sulkeutuvat". LYIJYKYNÄLLÄ! Mieti kuvatekstit. 1) 2) 3) 4) Kirjoita tekstit. Laita.
Vapaa aihe Kysymykset.
CSS perusteet Metropolia. Juhana Lindström Web-kehittäjä – 4 vuotta verkkosivujen toteuttamista ja ylläpitoa – Toteuttanut tai kehittänyt yli 20 eri verkkosivustoa.
Kuinka tehdä blogi o365:ssä
Eläinaiheisen Power Point esityksen tekeminen
XHTML ja linkit Inline-elementti Linkki tehdään a-elementillä ja linkin kohde ilmoitetaan href- attribuutilla Absoluuttinen linkki Helian pääsivulle: Siirry.
Tässä on kokoelma kaikista 8lk:lla tekemistäni töistä.
CSS – osa 1 Teppo Räisänen
CSS Dreamweaverilla Matti Viitala KaHa/OAMK 2005.
Javascript 2: Ohjelmointikielen ominaisuudet Jaana Holvikivi Metropolia.
CSS - aloitus ICT01D – syksy 2005 Mirja Jaakkola, Helia.
Etäyhteys kodin ja koulun välillä – ohjeet Windows XP:lle
Mukautuvat web-sivut Joni Korpi 01/20. Määritelmä Sivu, jonka asettelu – ja mahdollisesti sisältö – muuttuvat laitteen koon mukaan. 02/20.
Missä kaupunki X? Esimerkki PaikkaOpin käytöstä opetuksessa tehtävän idea: luokanopettaja Minna Glogan toteutus: koordinaattori Virpi Hirvensalo.
Missä kaupunki X? Esimerkki PaikkaOpin käytöstä opetuksessa tehtävän idea: luokanopettaja Minna Glogan toteutus: koordinaattori Virpi Hirvensalo.
Sivuston luominen oppilasryhmän käyttöön Matti Lähtevänoja.
Tilavarauksen tekeminen Korpissa Salla Kalermo, IT-palvelut Tervetuloa Korppi- koulutukseen!
Helsingin normaalilyseo Jani Kiviharju Syksy 2016
Tyylitiedosto html-koodin apuna
TERVE Piirto-ohjeet LibreOffice-ohjelmistolla
Jani Kiviharju Helsingin normaalilyseo Syksy 2016
POISSAOLOLUVAN HAKEMINEN JA PÄÄTÖKSEN TEKEMINEN WILMASSA
Otsikko Alaotsikko.
Otsikko Näitä mallipohjia kopioit näin:
Missä kaupunki X? Esimerkki PaikkaOpin käytöstä opetuksessa
Tarkistusmakron käyttö
TERVE Piirto-ohjeita GIMP-kuvankäsittelyohjelmalle
Kuvien piirtäminen LibreOffice Draw.
Koko esityksen otsikko
Harjoitus 4.2: muotojen koko ja päällekkäisyys
JavaScript – DOM JavaScript objektit
PowerPoint-vinkkejä Jouni Huotari 11/16/2018 Jouni Huotari.
Kokeile uutta Celianetiä testiympäristössä
CLT132 Tehtävät (viikko 7).
Microsoft SharePointin mukauttaminen Verkkosivusto
Liittokokous Förbundsmötet xx.xx.2014
Teppo Räisänen CSS – osa 1 Teppo Räisänen
Kuvagalleria Adobe Bridget -ohjelmalla
TERVE Piirto-ohjeita GIMP-kuvankäsittelyohjelmalle
CLT132 Tehtävät (viikko 2).
Koko esityksen otsikko
Teppo Räisänen CSS – osa 2 Teppo Räisänen
Esityksen transkriptio:

Avaa selaimeen sivu osoitteesta: Web-sivua varten simpukka-kuvasta tarvitaan neljä erilaista versiota 1 Katso esitys nuolinäppäimillä edeten…

shell-bg.jpgshell-blue.jpgShell-black.jpg Shell-white.jpg Tee kuvista neljä versiota seuraavasti: 1.Tallenna Meyerweb-sivun taustakuva shell-bg.jpg harjoituskansioosi 2.Avaa kuva Photoshopiin 3.Lisää kuvaan uusi taso Layer  New Fill Layer  Solid color 4.Muuta tason täyttöväriksi musta 5.Säädä läpinäkyvyys (opacity) sopivaksi 6.Tallenna kuva uudella nimellä File  Save for Web & Devices 7.Muiden kuvien kohdalla toista vaiheet 2-6 Tee kuvista neljä versiota seuraavasti: 1.Tallenna Meyerweb-sivun taustakuva shell-bg.jpg harjoituskansioosi 2.Avaa kuva Photoshopiin 3.Lisää kuvaan uusi taso Layer  New Fill Layer  Solid color 4.Muuta tason täyttöväriksi musta 5.Säädä läpinäkyvyys (opacity) sopivaksi 6.Tallenna kuva uudella nimellä File  Save for Web & Devices 7.Muiden kuvien kohdalla toista vaiheet 2-6 2

shell-bg.jpg Body-osan taustana on kuva shell-bg.jpg 3

shell-blue.jpg Content-osan taustana on kuva shell-blue.jpg • Kuva määritellään samaan kohtaan kuin body-osan kuva • Kun kuva on sijoitettu content-osan taustakuvaksi, siitä näkyy vain Content-osan alla oleva osa 4

shell-black.jpg Links a-osien taustana on kuva shell-black.jpg • Kuva määritellään samaan kohtaan kuin body-osan kuva • Kun kuva on sijoitettu Links a-osien taustakuvaksi, siitä näkyy vain Links a-osien alla olevat osat 5

shell-white.jpg Links a hover-osien taustana on kuva shell-white.jpg • Kuva määritellään samaan kohtaan kuin body-osan kuva • Kun kuva on sijoitettu Links a hover-osien taustakuvaksi, siitä näkyy vain Links a hover-osien alla olevat osat ja ainoastaan silloin kun hiiri viedään linkin päälle 6