RäsSe, Tekniikka/Kuopio Sivu 1 1 www-sivujen teko opetuksessa 1.1 Yleistä Mitä materiaalia verkkoon? Tyypillisesti verkossa oleva materiaali on html-tiedostoja. Näitä tiedostoja tehdään jollakin editorilla tai kirjoittamalla html-koodia (kurssissamme Netscape Composer ja FrontPage). Jos materiaali on vaikkapa Word-muodossa, niin sen voi tallentaa html-muotoon Wordohjelman avulla (samoin Excelistä ja Powerpointista). Toinen tapa on tuoda kirjoitettu teksti leikepöydän kautta vaikkapa html-editoriin. Kolmas tapa julkaista vaikkapa Wordasiakirja on tallentaa tiedoston sisältö PDF-tiedostoksi. PDF-tiedoston voi tehdä Adoben Acrobat ohjelman avulla (asennusromppu ja ohjeet Erkki Puustiselta). Mitä eroa on html-sivuilla ja PDF-tiedostolla? PDF-tiedostoa luetaan Adobe Acrobat Readerin avulla eli erillisellä ohjelmalla. Ohjelma on ilmainen ja sen saa ladattua mm. Adoben kotisivuilta. Html-tiedostoa luetaan selaimen avulla. PDF-tiedoston sisältöä lukija ei voi muuttaa, tiedoston käyttäjä kylläkin voi kopioida. Html-tiedostot voidaan myöskin kopioida omalle koneelle, MUTTA niitä voi muokata jälkikäteen. Minne voi materiaali tehdä? Materiaali voi sijaita itweb.pspt.fi palvelimella tunnuksen mukaisessa hakemistossa, esim. itweb.pspt.fi/rasse/xxx, missä xxx kuvaa hakemistoa. Tälle palvelimelle työt voidaan tallentaa ftp-siirron avulla.
RäsSe, Tekniikka/Kuopio Sivu 2 FTP- yhteydenottaminen itweb-palvelimelle Yhteyden voi ottaa vaikkapa Internet Explorer selaimen avulla. URL-osoite on ftp://stdn\ktxxxxx@itweb.pspt.fi, missä ktxxxxx tarkoittaa henkilökohtaista tunnusta. Tämän jälkeen kysytään salasana. Salasana määritykset tekee Pertti Kainulainen. Nyt näkyy itweb-palvelimen juuren sisältö. Täältä valitaan oma hakemisto, jonne tallennetaan työt. Jokaiselle aihekokonaisuudelle kannattaa rakentaa oma hakemisto, jonne tallentaa työt.
RäsSe, Tekniikka/Kuopio Sivu 3 Tiedostotoiminnot itweb-palvelimella Hakemiston teko 1. Mene hakemistoon, jonka alihakemistoksi uuden hakemiston haluat 2. Valitse File/New Folder toiminto 3. Anna hakemistolle nimi Hakemiston poisto 1. Valitse poistettava hakemisto 2. Valitse File/Delete toiminto (tai näpäytä Delete-painiketta työkalurivillä) 3. Hyväksy poistaminen Tiedostojen kopiointi hakemistoon 1. Sijoittele näytölle itweb-palvelimen hakemistosi ikkuna ja Windows:n Exploring ikkuna vierekkäin 2. Avaa itweb-palvelimella oleva hakemisto (eli paikka, jonne tallennat) 3. Valitse Windows:n Exploring ohjelmassa kopioitavat tiedostot 4. Raahaa hiirellä tiedostot itweb-palvelimen hakemistoon
RäsSe, Tekniikka/Kuopio Sivu 4 Tiedostojen poisto 1. Valitse poistettavat tiedostot 2. Valitse File/Delete toiminto (tai näpäytä Delete-painiketta työkalurivillä) 3. Hyväksy poistaminen Alihakemistoon siirtyminen 1. Kaksoisnapsauta alihakemistoa, jonne haluat siirtyä Tiedostojen kopiointi itweb:stä omalle koneelle 1. Valitse tiedostot tai kansio 2. Valitse File/Copy to Folder toiminto 3. Määritä hakemisto, jonne tallennat 4. Hyväksy toiminto 1.2 Word ja html 1. Tee Word-dokumentti 2. Tallenna työsi normaalisti doc-tiedostoksi (varmuuskopio) 3. Tee html-tallennus File/Save as Web Page toiminnolla 4. Määritä html-tiedoston nimi ja sijainti 5. Hyväksy toiminta Luo html-tiedoston, jossa on paljon tyylimäärityksiä eli tiedostot ovat hankalaselkoisia sekä word-dokumentissä käytetyt tyylit vaikuttavat ulkoasuun paljonkin. Samalla muodostuu alihakemisto, joka sisältää mm. kuvat. Hyperlinkin luonti word-dokumenttiin 1. Tee asiakirja 2. Maalaa linkki-teksti 3. Valitse Insert/Hyperlink toiminto (pikanäppäin ctrl+k) 4. Määritä tiedosto tai osoite, johon linkki viittaa
RäsSe, Tekniikka/Kuopio Sivu 5 5. Hyväksy toiminta Hyperlinkin poisto Tämä toiminta tulee tarpeelliseksi, kun kirjoittaa esim. URL-osoitteen. Tästä osoitteesta muodostuu automaattisesti linkki. 1. Näpäytä hiiren toisionäppäintä linkin päällä 2. Valitse Hyperlink/Remove Hyperlink toiminto nyt linkki on poistunut 1.3 Excel ja html 1. Tee taulukko 2. Tallenna taulukko xls-muodossa 3. Tee html-tallennus File/Save as Web Page toiminnolla 4. Valitse osa, jonka tallennat htm-tiedostona
RäsSe, Tekniikka/Kuopio Sivu 6 Kokeile Publish-toimintoa ja sieltä Add Interactivity with toimintoa!!!!!!! Hyperlinkin teko ja poisto kuten Wordissä. 1.4 PowerPoint ja html 1. Tee esitys valmiiksi ja tallenna se ppt-muodossa 2. Tee html-tallennus File/Save as Web Page toiminnolla 3. Määritä polku ja tiedoston nimi 4. Hyväksy toiminto 5. Testaapa toiminta tallentamastasi paikasta!!!!!!!!!!! Publish painikkeen kautta saatavalla toiminnolla voi määrittää tallennettavaan htmtiedostoon liittyviä asetuksia. 1.5 Työstä PDF-tiedosto 1. Tee työ jollakin sovelluksella (mm. Excel, PowerPoint, Word) 2. Tallenna työ normaalisti 3. Tulosta työ ja VALITSE KIRJOITTIMEKSI Acrobat PDFWriter -kohta valmis pdf-tiedosto. 4. Huomaa tiedoston nimessä nimi.prn.pdf nimeäminen... Nimen voi muuttaa normaalisti tiedostonhallinnan avulla
RäsSe, Tekniikka/Kuopio Sivu 7 Tai 1. Tee työ jollakin sovelluksella (mm. Excel, PowerPoint, Word) 2. Tallenna työ normaalisti 3. Tulosta työ pdf-tiedostoon File/Create Adobe PDF...
RäsSe, Tekniikka/Kuopio Sivu 8 Toiminnan onnistumiseksi pitää koneella olla asennettuna Adobe Acrobat ohjelmisto. 1.6 Pakatut tiedostot, WinZip Ohjeita mm. osoitteesta (haettu evreka-hakukoneella hakusanalla winzip +opas ) http://trade.hamk.fi/~saksa/www/winzip.htm http://www.internetix.ofw.fi/atk-tuki/oppaat/winzip/etusivu.htm http://users.utu.fi/mmakila/siirto/winzipohje.html http://www.painotuote.fi/aineisto/winzip.html Ohjelman saa mm. osoitteesta http://tucows.eunet.fi/ WWW-sivuilla on tyypillisesti tehtäviin liittyvät tiedostot pakattu yhteen pakettiin. Tällä tavoin saadaan siirrettävän tiedon määrä pienemmäksi (esim. word-asiakirja voi pakkaantua 80%) sekä siirrettävänä on vain yksi tiedosto. Vastaavalla tavalla kannattaa opiskelijoita pyytää palauttamaan työnsä vaikkapa sähköpostin liitteenä. Pakatuista tiedostoista voidaan tehdä linkki www-sivuille, tulee html-kurssissa.