Tehdään nettisivu  suunnittelu  rakentaminen  testaaminen  julkaiseminen.

Slides:



Advertisements
Samankaltaiset esitykset
Vihreän liiton kesäpäivät 2006 Panu Laturi
Advertisements

Kypsyysnäyte Kypsyysnäyte on oppimiskokemus ja työnäyte sekä väline opinnäytetyön esilletuontiin.
6 Digitaalisen materiaalin käyttöliittymästä
Internet Kehittynyt ARPAnet:istä 1960-luvun lopulla
0 Aloitussivu oppaat esittelevät pääosiot 2 Suomen kielen äännemaailma Ali 3 Matematiikka Ubah 1.0 Tietokoneen esittely Mai (audio + kuva) 1.1 Hiiriharjoitukset.
Wikin pikaohje /ut. Kirjautuminen palveluun • Mene osoitteeseen valitse sivun oikeasta yläkulmasta ”Sign.
Matkalippujen tilaaminen internetin kautta
Arvioitavat kohdat Nielsenin mukaan – heuristinen lista
KyläNetti - sivun tekeminen • KyläNetti-sivustoon on luotu valmiiksi esimerkinomainen sivurakenne, jota voi vapaasti muokata • Kaikki sivut eivät ole näkyvissä.
Selkeän kirjoittamisen huoneentaulu
JavaScript (c) Irja & Reino Aarinen, 2007
Www-sivuston ja verkkopalvelun rakentaminen Miten tehdä yritykselle www-sivut?
1 Java-kieleen pohjautuvien ohjelmien käyttökohteita Ohjelmat Appletit JavaBeans JavaScript Java Server Pages (JSP) Java Servletit J2ME, mobiililaitteet.
Mikä on internet? b Kymmenien tuhansien yhteen liitettyjen tietoverkkojen kokonaisuus b Internetin palvelut ovat ilmaisia - liittymät ovat maksullisia.
HTML-kielen perusteet Osa 1 Vilho Kemppainen
Kotisivukoulutus Kirjastotalo Metso Osa 1 Tekstin kirjoittaminen ja muokkaaminen, linkitys.
MALLI: Osoite: Minulla on uusi … -> Minulla on uusi osoite. Jeg har en ny adresse. Osoite: Tiedätkö Liisan …?
WIKISPACE ohjeita. Sivun muokkaaminen •Valitse Edit This Page •Kirjoittele, lisää kuvia, muokkaa tekstiä •Tallenna •Muokkaa lisää….history näyttä kaikki.
Valehtelu.
Topintupa , mobiilipilotti Blogien käyttöönotto.
MALLI: Osoite: Minulla on uusi … -> Minulla on uusi osoite. Jeg har en ny adresse. Osoite: Tiedätkö Liisan osoitteen?
W w w. h a m k. f i Wiki koulutus Leenakaija Lehto
EXtensible Markup Language
Tieteellinen kirjoittaminen Taulukot, kuviot, esimerkit
1 Taulukot. 2 Miten taulukoita tehdään n WYSIWYG-editorien työkalut n HTML [border]… n Excel etc. Save as html.
MULTIMEDIAN MONET MUODOT
Valitse sanomapalkissa Ota muokkaus käyttöön,
(Kirjoita tähän tehtävän otsikko esim. Ti-te-tehtävä 2. PP:n kotitehtävä) (Kirjoita tähän oma nimesi ja päivämäärä)
Internet-viestintä on helppoa! Käyttökuvaus 4.0
Verkkotaitokoulutus Aloitus. Koulutuksen sisältö Verkonkäytön perustaitoja (3.11.) Tiedonhaku verkossa (10.11.) Työnhaku verkossa (17.11.) Asiointi ja.
HAKUKONEOPTIMOINTI Jaakko Rautiainen. Aihealue Hakukoneiden toiminta Web-sivun optimointi.
Jorma Ronkainen / IT-laitos
Johdanto HTML-julkaisukieleen
WWW-sivuston luominen
Nuorten ja nuorten aikuisten viestintästrategia Miksi?Kenelle?Miten?Mitä?
Maaseutu.fi on uudistunut -
Kuvien liittäminen html- dokumenttiin. IMG-elementti l l Parametrit Align=”top” | ”middle” | ”bottom” teksti alkaa kuvan yläreunan tasalta | keskeltä.
Internet-projekti - MUM2TM Heikki Hietala Jukka Mutikainen TIKO – Malmi
Otsikko Muuta. Otsikko Väliotsikko Teksti Väliotsikko Teksti Väliotsikko Teksti Väliotsikko Teksti Väliotsikko Teksti Väliotsikko Teksti Kuvat: Johan.
TYÖN AIHE Oma nimi ja ryhmän tunnus
Yrityksen maineen, toimialan ja kilpailijoiden seuranta: iGoogle ja RSS-syötteet Kiravo-projekti 2012 Kiravo – kirjasto avoimena oppimisympäristönä Biblär.
PowerPoint-esitys OHJE.
Opinnäytetyö Rautalankamalli
W w w. h a m k. f i Wiki koulutus. w w w. h a m k. f i.
RTA seminaarityö sisältöohjeita Juhani Kiiras
Luotettavaa tietoa KARELIA AMK, Kirjasto Sisältö o Miten tunnistat luotettavan tiedon? o Emme elä villissä lännessä - muista tekijänoikeudet!
Eläinaiheisen Power Point esityksen tekeminen
XHTML-perusteita Teppo Räisänen
Tiivistelmät EU:n lainsäädännöstä: ja esittely 2009.
Tässä on kokoelma kaikista 8lk:lla tekemistäni töistä.
WWW-sivuston tekeminen: n SUUUNNITTELE aina ensin:
CSS – osa 1 Teppo Räisänen
Tuottotehtävä tekstitaitokokeessa
SF 2007 (T.Hopeavuoren materiaali & Tekniikan viestintä) TYÖELÄMÄN ARKIVIESTINTÄ Vastaanottaja- ja tilanneanalyysi.
AINEISTOPOHJAINEN KIRJOITELMA
Jani Kiviharju Helsingin normaalilyseo Syksy 2016
Helsingin normaalilyseo Jani Kiviharju Syksy 2016
WWW-sivuston ja verkkopalveluiden rakentaminen
Joku muu on voinut jo löytää saman
Luettelot ja sekalaisia komentoja
Kirjoita tähän Kirjoita tähän Kirjoita tähän Kirjoita tähän Kirjoita tähän Kirjoita tähän Kirjoita tähän.
www-sivuston ja verkkopalveluiden rakentaminen
Teppo Räisänen CSS – osa 1 Teppo Räisänen
Esko Sario Varapääjohtaja Contoso Pharmaceuticals Pääkatu 12, Helsinki
Otsikon asettelu Alaotsikko.
CLT132 Tehtävät (viikko 2).
Tapahtuman otsikko Tapahtuman päivämäärä Tapahtuman kellonaika
Otsikko Martti 21 pt Otsikko Martti 21 pt Otsikko Martti 21 pt
Digiopastus kirjastossa – googlen kaikki mahdollisuudet
Esityksen transkriptio:

Tehdään nettisivu  suunnittelu  rakentaminen  testaaminen  julkaiseminen

Suunnittelu - mitä  Mitä  Onko minulla sellaista informaatiota, jota joku tarvitsee tai haluaa?  Miksi  Miksi minä antaisin tuon informaation, tai miksi joku sitä haluaisi?  Kenelle  Kuka tai mikä on se kohderyhmä, jolle tuosta informaatiosta olisi iloa tai hyötyä

Suunnittelu - miten  Selkeys  jäsennys - pieniä kokonaisuuksia  www-sivu ei ole kirjan sivu, verkkosivuja selataan, kirjaa luetaan  Tärkein ensin – selaaja on saatava pysäytetyksi sivullesi  Otsikot ja väliotsikot

Sivun tekeminen  Palvelimella oleva sivu on muotoilematonta tekstiä  Voidaan käyttää tavallista tekstieditoria, esim. Muistio  Helpompaa on käyttää jotakin kehittyneempää editoria, kuten Notetab Light  Helpointa on tehdä sivu wysiwyg-editorilla, esim. FrontPage

Sivun rakenne  Määritetään dokumentin rakenne  ehdotetaan dokumentin esitysmuoto  Koostuu erilaisista lohkoista

Karkea esimerkkirakenne Päälohko HTML Lohko HEAD esimerkkisivu Sivun otsikko Esimerkkisivun teksti kirjoitetaan tähän Lohko BODY

Linkitystä mukaan  Nimensä mukaisesti html on hypertekstiä, jossa voidaan sujuvasti linkkien avulla liikkua sivulta toiselle. Välineet tähän ovat  eli toisen sivun osoite  linkkisana eli sana, jota napsauttamalla siirrtään  eli lopputagi