Sivuston rakentaminen ja kehitysvaiheet
|
|
- Maarit Manninen
- 7 vuotta sitten
- Katselukertoja:
Transkriptio
1 Sivuston rakentaminen ja kehitysvaiheet Annette Asikainen
2 Annette Asikainen 2/10 sivusto Olen kehittänyt ja rakentanut sivustoni Digitaalisen muotoilun koulutuksessa Arcada AMK:ssa. Koulutus oli suunnattu henkilöille joilla halu oppia ja hallita useita graafisen alan osa-alueita sekä soveltaa oppimaansa käytäntöön. Koulutuksen moduulit muodostuivat mm. kuvankäsittelystä, verkkosivujen suunnittelusta ja ylläpidosta, digitaalisesta videoeditoinnista sekä dokumenttisuunnittelusta. Koulutuksen laajuus oli 30 opintopistettä. Koulutus toteutui monimuoto-opiskeluna ja lähiopetusta oli muutaman tunnin kaksi kertaa viikossa. Tässä dokumentissa esitän vaiheittain kuinka kehitin ja rakensin trip-site.net sivustoni. Koulutuksen aikana minulla oli tarkoitus oppia suunnittelemaan ja toetuttamaan web sivusto nykyajan HTML5 ja CSS3 tekniikalla. Ohjelmistona hyödynsin Adobe Creative Cloud ohjelmistoa. Jatkossa ylläpidän ja kehitän sivustoa ja omaa osaamistani. Sivusto sisältää ja rakentuu minun omista matkakokemuksista, tuottamistani teksteistä ja ottamistani kuviasta. Sisältönä on reissun aikana vastaantulleet mielenkiintoiset ja mieleenpainuneet kohteet. Sivupohjat Sivuppohjien suunnittelussa hyödynsin ilmaista Evolus Pencil ohjelmaa. Etusivu index.html
3 Annette Asikainen 3/10 Matkakohde Berliini berliini.html
4 Annette Asikainen 4/10 Sivuston Palaute palaute.html Projektin aikataulutus Gantt kaavion avulla Kuukausi Syys Loka Marras Joulu Tammi Helmi Projektin suunnitelmadokumentti Tekstien tuottaminen Kuvien etsiminen ja tuottaminen Sisällön toteutus Testaus Julkaisu verkkoon Lopullinen julkaisu
5 Annette Asikainen 5/10 Leiskan rakentaminen, testi ja optimointi Leiskan rakentamisvaiheessa käytin kuvien piirrossa kynää ja paperia, skanneria ja Adobe Illustrator vektorigrafiikka- sekä Adobe Photoshop kuvankäsittelyohjelmaa. Mielessäni oli tietyn näköinen leiska ja ajatelmieni kautta lähdin rakentamaan ja kasaamaan sitä. Leiskan yläpalkin kuvana oli ajatus lentokoneesta joka lentää aurinkoon eli ranta- tai kaupunkilomakohteisiin. Tässä esimerkkiä kuinka aloitin ja toteutin leiskan oleellisimmat kuvaelementit. Lentokoneen piirtämisen aloitin hahmottelemalla sen paperille ja skannasin koneelle. Otin pohjaksi skannatun kuvan. Rakensin, muotoilin ja väritin sen Adobe Illustratorilla. Seuraavaksi taivuttelin Adobe Illustratorilla sivustolleni keksimän otsikkotekstin. Aurinko joka on otsikkotekstissä mukana, on myös ikonina selaimen välilehdellä.
6 Annette Asikainen 6/10 fivesecondtest.com testauspalvelu Kokeilin fivesecondtest.com testauspalvelua ja kysyin mielipidettä leiskan header kuvasta. Eroavaisuutta kuvissa on vain oikeassa yläreunassa. Vaihtoehdossa 1 on kuu ja tähdet mustana ja vaihtoehdossa 2 niissä on mukana enemmän värejä. Oli mielenkiintoista seurata kuinka tulos testaajien mielipiteistä eteni. Alussa vaihtoehdot jakaantuivat testissä tasaisesti mutta loppuakohti vaihtoehto 2 kiri selkeäksi voittajaksi. (Tämähän oli kuin selostus Vermon raveissa ;)). Pidin itsekin vaihtoehtoa 2 parempana ja otin sen käyttöön headerin pohjakuvaksi. Sivuston prototyyppi Hahmottelin sivuston asettelua ja värejä Adobe Photoshopilla. Tässä kuva alustavasta etusivun leiskasta.
7 Annette Asikainen 7/10 Sivuston rakentaminen Rakensin sivuston Adoben Dreamweaver ohjelmalla ja testailin Chrome ja Firefox selaimilla. Sivuston rakenne perustuu.dwt-pohjalle jossa on lukittuna perusjutut eli jotka eivät sivulla vaihdu. Yksittäisillä sivuilla muokkausta tarvitsevat meta tiedot, css ja jquery tiedostot sekä sivun sisältö ja toiminta. Sivuston sisältönä on kertomusta matkakohteen nähtävyyksistä ja kuvia. Useamman kuin kolmen kuvan näyttämisestä on tehty kuvasarjoja flexsliderilla. Tällähetkellä sivuilla on kokeilun vuoksi myös Google Map. Ulkoasunäytettä sivulta berliini Kuvassa on osa sivusta berliini.html jossa näkyy sivulla käytettyjä tyylejä, tekstiä ja kuvia. Useamman kuin kolmen kuvan näyttämisestä on tehty kuvasarjoja flexsliderilla joka näkyy alla olevassa kuvassa. Kuville on aseteltu reunat ja varjostus CSS:llä.
8 Annette Asikainen 8/10 Palautesivu Palautesivussa on käytettty pientä lomaketta jossa käyttäjä voi antaa mielipidettä ja palautetta sivustosta. Mielipiteestä ja palautteesta voin saada vinkkejä sivun jatkokehityksessä. Verkkoanalytiikka ja Some Ostin palvelintilaa ja oman osoitteen webhotelli.fi:stä. Verkkosivuston osoitteen keksimisessä täytyi laittaa mielikuvitusta laukkaamaan sillä ajattelemani osoite oli sillä hetkellä mennyt kun varasin osoitteen. Milestäni sivuston kuvaavaksi osoitteksi vapaana oli osoite: Raportit Google analyticsissa Tein ja tutkin Google analyticsin mittareita. Pyysin ystäviäni käymään sivustollani jotta pystyin samaan ja tutkimaan palvelusta saatavia raportteja. KPI mittari sivustot Laitoin mittarit etusivulle ja videolle joka on sivustolla. KPI tavoitteet Tavoitteena oli nähdä mistä sijainnillisesti sivulle tullaan, millä sivuilla käydään ja kuinka kauan vieraillaan.
9 Annette Asikainen 9/10 Kuvassa esimerkki Google analyticsin raportista Somen hyödyntäminen sivustolla Somepalveluista olen hyödyntänyt Add this palvelua. Palvelulla voi jakaa esim. kavereille löytämäänsä sivua. Kaikille sivuille en katsonut aiheelliseksi heti laittaa. Tulevaisuudessa sivuja päivitellessä luultavasti hyödynnän lisää tätä palvelua. Facebookeen olen tehnyt blogisivun Traveling the World Blogisivulle laitan ilmoitusta ja linkkiä kun olen tehnyt verkkosivustolle uusia julkaisuja. Ajatuksena on laittaa myös linkkkijakoa sopivista matkailuaiheisista uutisia. Facebook tilin olen linkittänyt Twitteriin ja julkaisuvaiheessa myös sinne menee päivitys.
10 Annette Asikainen 10/10 Lopuksi Traveling the World sivuston kehitys oli antoisa projekti ja pääsin tekemään ja toteuttamaan siinä kaikkea mitä haluan tulevaisuudessa tehdä työssäni. Sivusto elää nyt kokoajan ja toteutuksen aikanakin se muuttui uusilla ideoilla ja kokeiluilla.
PROJEKTIDOKUMENTAATIO MONIPALVELU HALONEN
PROJEKTIDOKUMENTAATIO MONIPALVELU HALONEN Jani Niemi Eurajoen kristillinen opisto Audiovisuaalisen viestinnän ammattitutkinto 1 ASIAKKAAN JA PROJEKTIN ESITTELY...1 1.1 Aikataulu...1 2 SUUNNITTELU...2 2.1
LisätiedotAmmattijärjestäjä Aulasvuori Www-projektin kuvaus
Ammattijärjestäjä Aulasvuori Www-projektin kuvaus Minne Seppälä Avat 2014 Dokumentaatio 1 PROJEKTIN KUVAUS... 3 1.1 Projektin aloitus... 3 1.2 Aikataulu... 4 1.3 Kustannusarvio... 4 2 ULKOASU... 5 2.1
LisätiedotSuvi Junes Tietohallinto / Opetusteknologiapalvelut 2012
Tiedostot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi työpöydältä raahata
LisätiedotVerkkosivut perinteisesti. Tanja Välisalo 11.2.2009
Verkkosivut perinteisesti Tanja Välisalo 11.2.2009 WWW-sivujen vieminen omaan kotisivutilaan yliopiston mikroverkossa https://salasana.jyu.fi Klikkaa painiketta Activate WWW Klikkaa painiketta Activate
LisätiedotTIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN
TIEDEJUTTUKURSSI 29.9.2011 FM VILLE SALMINEN YLEISTÄ LUENNOT (8 H) & TYÖPAJA (2 H) YHTEYSTIEDOT ville.salminen@oulu.fi VÄLINEET Tekstieditori Mieluummin Windowsin Notepad kuin esimerkiksi Microsoft Word
LisätiedotKlikit Myynniksi. Raahe Jaakko Suojanen
Klikit Myynniksi Raahe 31.10.2016 Jaakko Suojanen Sisältö Verkossa myyminen Tehokas verkkosivu Liikennemäärän kehittäminen Hakukoneoptimointi Google Adwords Facebook Konversion kehittäminen Jaakko Suojanen
LisätiedotMark Summary. Taitaja 2013. Skill Number 206 Skill Verkkosivujen tuottaminen. Competitor Name
Summary Skill Number 206 Skill Verkkosivujen tuottaminen ing Scheme Lock 14-05-2013 07:44:57 Final Lock 16-05-2013 11:40:17 Criterion Criterion Description s Day 1 Day 2 Day 3 Day 4 Total Award A B C D
Lisätiedotakonttinen.fi
Tämä suunnitelma auttaa sinua kulkemaan kohti omaa blogiunelmaasi. Pidä tätä suunnitelmaa työpöydällä ja täydennä matkan varrella. Muista raivata aikaa ja tilaa blogille ja unelmille. Luovu vanhasta saadaksesi
LisätiedotToisille vain paperia.
Toisille vain paperia. Heidi Rummukainen 16.07.1987 HAKEMUS www.heidirummukainen.com / AD Olen Lahden Muotoilu- ja taideinstituutista valmistunut medianomi (Viestinnän koulutusohjelma, graafinen suunnittelu).
LisätiedotKuvankäsittely. DigiReWork Annamari Mäenhovi Kati Nieminen
Kuvankäsittely DigiReWork 14.11.2017 Annamari Mäenhovi Kati Nieminen Työpajan sisältö Valokuvaamisen karkeat perusteet Kuvien ottamisen ja käyttämisen laillisuus Digitaalinen kuva Erityisvaatimukset alustoille
LisätiedotGoogle Forms / Anna Haapalainen. Google Forms Googlen lomake-työkalu
Google Forms Googlen lomake-työkalu Google Forms / Anna Haapalainen Googlen lomaketyökalulla on helppoa tehdä sähköisiä kyselyitä, tehtäviä tai kokeita. Voidaksesi luoda Googlen lomakkeita, sinulla tulee
LisätiedotGraafisen viestinnän portfolio
Graafisen viestinnän portfolio Arttu Ranta 7.12 Ensimmäisenä käytiin värioppia. Illustratorilla kokeiltiin erilaisia tehtäviä väriharmoniasta. Piirrettiin kuvia jotka sitten väritettiin... tavalkopiirroksemme
LisätiedotSuvi Junes Tietohallinto / Opetusteknologiapalvelut 2013
Aineistot Kun laitat Muokkaustilan päälle, näet jokaisessa osiossa Lisää aineisto-valikon tai Add an activity or resource valikon (Asetukset lohko Activity chooser on toiminnon ollessa päällä). Valitse
LisätiedotOhje sähköiseen osallistumiseen
Ohje sähköiseen osallistumiseen Ilmoittautuminen Ilmoittautuminen tehdään sähköisesti sivulta; https://www.fingo.fi/meista/fingon-kokoukset/fingon-kevatkokous-2019 olevalla lomakkeella mielellään 18.4.2019
LisätiedotPROJEKTIDOKUMENTAATIO ASENNUS M. NIEMI
PROJEKTIDOKUMENTAATIO ASENNUS M. NIEMI Jani Niemi Eurajoen kristillinen opisto Audiovisuaalisen viestinnän ammattitutkinto 1 ASIAKKAAN JA PROJEKTIN ESITTELY...1 1.1 Aikataulu...1 2 SUUNNITTELU...2 2.1
LisätiedotWebinaariin liittyminen Skype for
Webinaariin liittyminen Skype for Business Web Appin kautta Ohjeet Sähköpostin Liity webinaariin tästä -linkki Kun klikkaat Osallistumisohjeet webinaariin -sähköpostiviestissä olevaa Liity webinaariin
LisätiedotVAPAASTI VALITTAVAT TUTKINNON OSAT. Liiketalouden perustutkinto
VAPAASTI VALITTAVAT TUTKINNON OSAT Liiketalouden perustutkinto Jokilaaksojen koulutuskuntayhtymä Oulaisten ammattiopisto Hyväksytty: 2 Sisällys JOHDANTO... 3 4. VAPAASTI VALITTAVAT TUTKINNON OSAT... 4
LisätiedotHENKILÖKOHTAINEN SUUNNITELMA VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU
HENKILÖKOHTAINEN SUUNNITELMA VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU Emilia Ketola Eurajoen kristillinen opisto Avat 2015-2016 1 Johdanto... 3 2 Käsikirjoitusprosessi... 4 3 Käyttöliittymäsuunnittelu...
Lisätiedot@amkivi pointtiperille.com Facebookissa: Tiedon visualisointi. Lisää visuaalisuutta. viestijän työkalupakkiin
@amkivi pointtiperille.com Facebookissa: Tiedon visualisointi Lisää visuaalisuutta viestijän työkalupakkiin Miksi kertoa visuaalisesti? Lisää ymmärrystä Auttaa muistamaan On helpompi jakaa oma idea muille
LisätiedotSuvi Junes Tietohallinto / Opetusteknologiapalvelut 2012
Aineistot Uudet ominaisuudet: - Ei Tiedostot-kohtaa alueen sisällä, vaan tiedostonvalitsin, jolla tiedostot tuodaan alueelle siihen kohtaan missä ne näytetään - Firefox-selaimella voi tiedostot siirtää
LisätiedotHarjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript)
Harjoitustyö 3: Verkkosivujen toiminnallisuus (JavaScript) Kurssin toisessa harjoitustyössä tutustutaan verkkosivujen toiminnallisuuden toteuttamiseen JavaScript:n avulla. Lisäksi käydään läpi verkkosivuston
LisätiedotOsaamispassin luominen Google Sites palveluun
n luominen Google Sites palveluun Mikä Osaamispassi on? Osaamispassi auttaa kertomaan taidoistasi, koulutuksestasi, työkokemuksestasi ja sinua kiinnostavista asioista työnantajalle kun haet työtä. Osaamispassi
LisätiedotOhje sähköiseen osallistumiseen
Ohje sähköiseen osallistumiseen Kepan kevätkokouksessa käytetään Adobe Connect -sovellusta, joka mahdollistaa sähköisen osallistumisen kokouksiin. Kokoukseen osallistutaan henkilökohtaisella Adobe Connect
LisätiedotSivuston tiedotwindowsrepublic.com.au
Sivuston tiedotwindowsrepublic.com.au Luotu Maaliskuu 28 2019 14:41 PM Pisteet48/100 SEO Sisältö Otsikko Windows Republic - upvc windows manufacturer and supplier in Melbourne Pituus : 70 Täydellistä,
LisätiedotMicrosoft Office 365 / SharePoint -pilvipalvelu
Microsoft Office 365 / SharePoint -pilvipalvelu Tämän materiaalin käyttäminen ja muokkaaminen on sallittua tietyin ehdoin. Lue tarkemmat tiedot viimeiseltä sivulta. Mikko Lammi mikko.lammi@tampere.fi 040
LisätiedotInternetin hyödyt ja vaarat. Miten nettiä käytetään tehokkaasti hyväksi?
Internetin hyödyt ja vaarat Miten nettiä käytetään tehokkaasti hyväksi? Linkit Chrome https://www.google.com/intl/fi/chrome/browser/ Firefox http://www.mozilla.org/fi/ Opera http://www.opera.com/fi Vertailu
LisätiedotSivuston tiedotsiteoptimer.com
Sivuston tiedotsiteoptimer.com Luotu Helmikuu 22 2019 07:16 AM Pisteet65/100 SEO Sisältö Otsikko SEO Optimization tools and web page analyzer - siteoptimer.com Pituus : 62 Täydellistä, otsikkosi sisältää
LisätiedotIntranetin rakentaminen ja käyttöönotto. Pitkästä tavarasta, elementteinä vai avaimet käteen -toimituksena?
Intranetin rakentaminen ja käyttöönotto Pitkästä tavarasta, elementteinä vai avaimet käteen -toimituksena? Uudisrakentamisen tarve ja tavoitteet Vanhan arviointi ja uuden perustelut Vertailut, messut,
LisätiedotB U S I N E S S O U L U
S I S Ä L L Ö N T U O T T A M I N E N, T Y Ö K A L U T J A V I N K I T 8. 1 0. 2 0 1 9 V E R K K O J A L A N J Ä L K I B U S I N E S S O U L U K I R S I M I K KO L A & I L K K A K A U P P I N E N 8.10.2019
LisätiedotWordPress-blogin perustaminen
WordPress-blogin perustaminen Mene osoitteeseen http://wordpress.com/ ja luo itsellesi tili. Tilin luomiseen tarvitset seuraavat tiedot: sähköpostiosoitteen, käyttäjätunnuksen ja salasanan. Klikattuasi
LisätiedotHelsingin Sanomat ipad
Helsingin Sanomat ipad Sovelluksen mainosaineistojen tekniset ohjeet: kokosivu ja etusivu 13.5.2013 SISÄLLYS ipad-mainokset 2 Tekniikka ja tiedostokoot 3 Orientaatio 4 Linkit: richie-modal-browser 4 Gesture
Lisätiedot"SUKUPUOLISENSITIIVISYYS VARHAISKASVATUKSESSA - TASA- ARVOINEN KOHTAAMINEN PÄIVÄKODISSA"- HANKKEEN VERKKOSIVUJEN TOTEUTTAMINEN
"SUKUPUOLISENSITIIVISYYS VARHAISKASVATUKSESSA - TASA- ARVOINEN KOHTAAMINEN PÄIVÄKODISSA"- HANKKEEN VERKKOSIVUJEN TOTEUTTAMINEN SISÄLLYSLUETTELO Sivu: 1 Sisällysluettelo... 1 1. TOTEUTTAJA... 2 1.1. Create2Gether...
LisätiedotGoogle Sites: sivun muokkaaminen (esim. tekstin, kuvien, linkkien, tiedostojen, videoiden ym. lisääminen)
Google Sites: sivun muokkaaminen (esim. tekstin, kuvien, linkkien, tiedostojen, videoiden ym. lisääminen) 1. Valitse sivu, jolle haluat lisätä sisältöä tai jota haluat muutoin muokata, ja klikkaa sitä.
LisätiedotNäin toimii Digitalkoot. Digi.kansalliskirjasto.fi:n toiminnot Kansalliskirjasto / Digitointi- ja Konservointikeskus URN:NBN:fi-fe
Näin toimii Digitalkoot Digi.kansalliskirjasto.fi:n toiminnot Kansalliskirjasto / Digitointi- ja Konservointikeskus URN:NBN:fi-fe2015062210442 Digistä Digitalkoisiin Leike Digitalkoot Mahdollistaa leikkeiden
LisätiedotAloitusopas verkkosivuston ylläpitoon
Aloitusopas verkkosivuston ylläpitoon JPP-Soft Oy 2(13) Sisällys Tervetuloa emedia CMS verkkopalveluiden käyttäjäksi... 3 Sivuston graafinen ilme ja rakenne... 4 Sivuston ilme ja tyyli... 5 Sivupohjat...
LisätiedotNäin rakennat mielenkiintoiset nettisivut
Näin rakennat mielenkiintoiset nettisivut Ajattele ennen kuin toimit Ei kannata lähteä suinpäin nettisivuja rakentamaan. Hyvin suunniteltu on enemmän kuin puoliksi tehty. Muuten voi käydä niin, että voit
LisätiedotKURRA HOCKEY RY Nettisivujen joukkueen ylläpito-ohje Piia Heiniö, 1/2018. Kurra Hockey Ry 1
KURRA HOCKEY RY Nettisivujen joukkueen ylläpito-ohje Piia Heiniö, 1/2018 Kurra Hockey Ry 1 Kirjautuminen ylläpitoon https://www.kurra.fi/jasen Kirjaudu sisään saamillasi tunnuksilla Kurra Hockey Ry 2 Päivitä
LisätiedotAuta asiakkaita löytämään kauppaasi! Terhi Aho/ 21.4.2016
Auta asiakkaita löytämään kauppaasi! Terhi Aho/ 21.4.2016 #ässäthihasta #tuloslove Verkkokaupan hakukoneoptimointi 1. Löydettävyys 2. Mitä on hakukoneoptimointi? 3. Avainsanatutkimus 4. Asiakaspalvelu
LisätiedotSalcom Learning. käyttäjäkoulutukset syksy 2015
Salcom Learning käyttäjäkoulutukset syksy 2015 Tervetuloa avoimiin koulutuksiin, webinaareihin ja verkkokursseille! Koulutukset alkavat klo 9.00 ja päättyvät klo 16.00. Ilmoittautumiset ja lisätiedot www.salcomlearning.fi,
LisätiedotPROJEKTIDOKUMENTAATIO PARTURI-KAMPAAJA HIUSKASTANJA. Eurajoen kristillinen opisto Media-ala Mia Salminen
PROJEKTIDOKUMENTAATIO PARTURI-KAMPAAJA HIUSKASTANJA Eurajoen kristillinen opisto Media-ala 2016 2017 Mia Salminen 1 SYNOPSIS PROJEKTISTA... 3 1.1 Rakennesuunnitelma... 3 1.2 Sivun rakenne... 5 1.3 Grafiikka...
LisätiedotSivuston tiedotwixaccounting.com
Sivuston tiedotwixaccounting.com Luotu Heinäkuu 11 2019 06:23 AM Pisteet61/100 SEO Sisältö Otsikko WIX Accounting +1-888-833-0109 Online QuickBooks Support Number Pituus : 65 Täydellistä, otsikkosi sisältää
LisätiedotLappi.fi -pikaohje Kittilän kylille:
Lappi.fi -pikaohje Kittilän kylille: Tämän pikaohjeen avulla pääsette alkuun sivujenne tekemisessä, mutta suosittelemme täydellisten Lappi.fi -ohjeiden lukemista ennen sivujenne tekemistä. Ohjeet löytyvät
LisätiedotSivuston tiedotqbsupportcustom erservice.com
Sivuston tiedotqbsupportcustom erservice.com Luotu Kesäkuu 04 2019 09:57 AM Pisteet69/100 SEO Sisältö Otsikko Quickbooks Customer Service 800-329-0391 QB Phone Number Pituus : 58 Täydellistä, otsikkosi
LisätiedotSuomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Suhteellinen osuus maksimiarvosta (%)
Oppimisaihion arviointi / Arvioinnin tulos 9 Aineiston arvioinnin tulos arviointialueittain Suomen virtuaaliammattikorkeakoulu Boolen operaattorit v. 0.5 > 80 % 80 60 % 60 50 % < 50 % Arviointialue Ominaisuuksien
LisätiedotHTML & CSS. HTML (HyperText Markup Language) Antti Koivisto. ! HTML on sivujen kuvauskieli.
HTML & CSS Antti Koivisto HTML (HyperText Markup Language)! HTML on sivujen kuvauskieli.! Se ei ole ohjelmointikieli.! HTML on merkintäkieli, joka koostuu monista merkintä tägeistä ().! Voidaan
LisätiedotKysely Lukkarin ylläpitäjille
Kysely Lukkarin ylläpitäjille 1. Miten tyytyväinen olet Lukkariin? Anna Lukkarille yleisarvosana. Vastaajien määrä: 285 1 2 3 4 5 6 7 8 9 10 Yhteensä Huono 4 7 17 17 19 32 78 76 32 3 Erinomaine 285 6,65
LisätiedotKuinka aloitat kumppanuusmainonnan sivustollasi
Kuinka aloitat kumppanuusmainonnan sivustollasi Kuka voi tehdä kumppanuusmarkkinointia Kumppanuusmarkkinointia (affiliate marketing) voi tehdä kuka tahansa yksityishenkilö tai yritys. Jotta voit ryhtyä
LisätiedotPROJEKTIDOKUMENTAATIO ASENNUS M. NIEMI
PROJEKTIDOKUMENTAATIO ASENNUS M. NIEMI Jani Niemi Eurajoen kristillinen opisto Audiovisuaalisen viestinnän ammattitutkinto 1 ASIAKKAAN JA PROJEKTIN ESITTELY...1 1.1 Aikataulu...1 2 SUUNNITTELU...1 2.1
LisätiedotTyönhaku 2.0. #viestikoulu. 11.2.2016 Sanna Saarikangas
Työnhaku 2.0 A s i a n t u n t i j a b r ä n d i v e r k o s s a, t y ö n h a k u s o m e s s a j a v i s u a a l i n e n C V 11.2.2016 Sanna Saarikangas Mitä? Ohjelmassa Miten ja miksi työnhaku on muuttunut
LisätiedotFacebook-opas tilitoimistoille
Facebook-opas tilitoimistoille Joko tilitoimistollanne on Facebook-sivu? Jos ei, tähän oppaaseen on koottu 10 askeleen polku, jota seuraamalla sivu on helppo perustaa. MUUTAMA FAKTA SOSIAALISESTA MEDIASTA
LisätiedotPääkäyttäjäkoulutus 5.3.2013 Jarno Malaprade
Pääkäyttäjäkoulutus 5.3.2013 Jarno Malaprade Toiveita agendaksi Sivuston asetusten Lisäasetuksetvälilehden eri kenttien merkitys ja niiden sisällön optimointi Yleisesti tietoa, mitä pääkäyttäjä voi kotisivuille
LisätiedotTYÖKALUJA YHDISTYSTEN VIESTINTÄÄN. 22.9.2015 Eija Eloranta Turun yliopiston Brahea-keskus
TYÖKALUJA YHDISTYSTEN VIESTINTÄÄN 22.9.2015 Eija Eloranta Turun yliopiston Brahea-keskus Olipa yhdistyksen asia, kohderyhmä tai kanava mikä tahansa, viestinnässä keskeistä on yhdenmukaisuus: - yhtenäisyys
LisätiedotTARJOUS Www-sivujen tuottamisesta Pohjolan Tuvat - Tarjous voimassa:
Kotisivupalvelut ATnet-Tuotanto 2700001-9 TARJOUS Www-sivujen tuottamisesta Pohjolan Tuvat - Tarjous voimassa: 10.11.2015 Tämä tarjous sisältää seuraavat: 1. Kuvaus projektista 2. HINNAT 3. Muut kustannukset
LisätiedotARVO - verkkomateriaalien arviointiin
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 8/8: Esteettömyys Edellinen osa-alue
LisätiedotAVOIMET KOULUTUKSET. syksy 2016 WISTEC TRAINING OY ITÄMERENKATU 1, HELSINKI PUH (MA-PE KLO 9-17)
AVOIMET KOULUTUKSET syksy 2016 WISTEC TRAINING OY ITÄMERENKATU 1, 00180 HELSINKI INFO@WISTEC.FI PUH. 030 670 5320 (MA-PE KLO 9-17) WWW.WISTEC.FI TERVETULOA KOULUTUKSIIN! Löydät koulutustarjontamme oheisesta
LisätiedotHTML ja CSS. Tästä se lähtee: portfolio-sivusto. Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot.
HTML ja CSS Tästä se lähtee: portfolio-sivusto Sivuston pääkansio, jonka sisällä on kaikki sivustoon kuuluvat alikansiot ja tiedostot. index.html Sivuston pääsivu, joka avautuu selaimeen ensimmäisenä sivujen
LisätiedotAVOIMET KOULUTUKSET. kevät ja syksy 2017
AVOIMET KOULUTUKSET kevät ja syksy 2017 WISTEC TRAINING OY ITÄMERENKATU 1, 00180 HELSINKI INFO@WISTEC.FI PUH. 030 670 5320 (MA-PE KLO 9-17) WWW.WISTEC.FI TERVETULOA KOULUTUKSIIN! Löydät koulutustarjontamme
LisätiedotLUENTO 6 KUVANKÄSITTELY
LUENTO 6 KUVANKÄSITTELY TIEY4 TIETOTEKNIIKKATAIDOT SYKSY 2017 JUHANI LINNA ANTTI SAND 17.10.2017 LUENTO 6 17.10.2017 Tällä luennolla Taustaa harjoitukseen YH3b Miksi? Digitaalinen kuva Kuvankäsittelyohjelmat
LisätiedotSähköiset kokeet lukion fysiikassa ja kemiassa. Tiina Tähkä
Sähköiset kokeet lukion fysiikassa ja kemiassa Tiina Tähkä Vastaa kysymyksiin esityksen aikana Avaa älypuhelimen selaimella m.socrative.com room number: 880190 Miksi tietokoneita pitäisi käyttää arvioinnissa?
LisätiedotOhjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä
Ohjeistus hankkeen sivujen tekemiseen julkaisujärjestelmällä Viestintäpalvelut 9.6.2015 1 Sivupohjan tekeminen Ennen kuin alat tekemään hankkeen sivuja, tilaa Viestintäpalveluilta hankesivupohja ja ilmoita
LisätiedotAVOIMET KOULUTUKSET. K-ryhmän etuhinnoin syksy 2016
AVOIMET KOULUTUKSET K-ryhmän etuhinnoin syksy 2016 WISTEC TRAINING OY ITÄMERENKATU 1, 00180 HELSINKI INFO@WISTEC.FI PUH. 030 670 5320 (MA-PE KLO 9-17) WWW.WISTEC.FI TERVETULOA KOULUTUKSIIN! Löydät koulutustarjontamme
Lisätiedothttp://www.microsoft.com/expression/
Verkkojulkaisuharjoitus1 TAVOITE Harjoituksen tarkoituksena on opiskella käyttämään verkkojulkaisueditoria (Microsoft Expression Web) ja käynnistämään verkkosivu internetissä. VERKKOSIVUEDITORIN KÄYTTÖOHJEITA
LisätiedotAVOIMET KOULUTUKSET. syksy 2017 WISTEC TRAINING OY ITÄMERENKATU 1, HELSINKI PUH (MA-PE KLO 9-17)
AVOIMET KOULUTUKSET syksy 2017 WISTEC TRAINING OY ITÄMERENKATU 1, 00180 HELSINKI INFO@WISTEC.FI PUH. 030 670 5320 (MA-PE KLO 9-17) WWW.WISTEC.FI TERVETULOA KOULUTUKSIIN! Löydät koulutustarjontamme oheisesta
Lisätiedotwww.kotisivukone.fi Pikaopas kotisivujen tekoon
Kotisivut helposti! www.kotisivukone.fi Pikaopas kotisivujen tekoon Näin Kotisivukone toimii Kun olet avannut kotisivut Kotisivukoneella, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen
LisätiedotTalotietojen päivittäminen
Talotietojen päivittäminen www.seurantalot.fi-sivustolle Pikaohje seurantalojen omistajayhdistyksille 12.10.2016 Suomen Kotiseutuliitto 1 Ohjeen sisältö Palveluun kirjautuminen s. 3 Talosivu s. 4 Tietojen
LisätiedotItämerenkatu Helsinki Finland Tel (10)
1 (10) TERVETULOA KOULUTUKSIIN! Löydät koulutustarjontamme oheisesta taulukosta. Ilmoittautuminen Koulutukset järjestetään Wistecin tiloissa Helsingin Ruoholahdessa osoitteessa Itämerenkatu 1, 00180 Helsinki
LisätiedotHTML5 -elementit jatkuu
HTML5 -elementit jatkuu Harjoitus: xhtml.htm -> html5.htm Muuta tämä xhtml dokumentti HTML5:ksi: http://users.metropolia.fi/~norrm/s12/kalasu/xhtml.htm Validoi myös koodisi: http://validator.w3.org/ "Mallivastaus"
LisätiedotDIGIPAJA Google Analytics :00-12:00
DIGIPAJA Google Analytics 17.1.2018 9:00-12:00 Päivän aikataulu 9:00-9:10 Aamukahvit ja asiaa DigiReWorkista 9:10-10:15 Miksi yritykset tarvitsevat kävijäseurantaa. Mitä erilaisia kävijäseurantatyökaluja
LisätiedotSivuston tiedotmp3list.pro
Sivuston tiedotmp3list.pro Luotu Kesäkuu 06 2019 13:16 PM Pisteet52/100 SEO Sisältö Otsikko Download free music - mp3 songs and Pituus : 42 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta. Kuvaus
LisätiedotSosiaalinen media kivi- ja teräsrakentamisen ammatillisessa koulutuksessa
Sosiaalinen media kivi- ja teräsrakentamisen ammatillisessa koulutuksessa 1- vaihe Tammi 2010 touko 2011, toteutuma sekä 2-vaiheen suunnitelma Raahen ammattiopisto Aija Keski-Korsu Sisältö Osallistuminen
LisätiedotAVOIMET KOULUTUKSET. K-ryhmän etuhinnoin syksy 2017
AVOIMET KOULUTUKSET K-ryhmän etuhinnoin syksy 2017 WISTEC TRAINING OY ITÄMERENKATU 1, 00180 HELSINKI INFO@WISTEC.FI PUH. 030 670 5320 (MA-PE KLO 9-17) WWW.WISTEC.FI TERVETULOA KOULUTUKSIIN! Löydät koulutustarjontamme
LisätiedotJotta voit käyttää Facebookia täytyy sinun ensiksi luoda sinne käyttäjätili. Käyttäjätilin luominen onnistuu noudattamalla seuraavia ohjeita.
Facebook-pikaopas Mikä Facebook on? Facebook on internetissä toimiva sosiaalinen palvelu, jonka avulla sen käyttäjät voivat olla yhteydessä ystäviinsä ja sukulaisiinsa, jakaa kuvia ja videoita sekä liittyä
LisätiedotVehmaan kunta. Wordpress käyttöopas. Betta Digital Oy
Vehmaan kunta Wordpress käyttöopas Betta Digital Oy 1 / 22 Sisällys 1. Kirjautuminen... 3 1.1. Sisäänkirjautuminen ei onnistu... 3 2. Hallintapaneeli... 5 2.1. Sisään kirjautuneen hallintanäkymä... 6 3.
LisätiedotAdobe Fireworks CS6 TÄMÄN DOKUMENTIN KÄYTTÖ ADOBE FIREWORKS CS6 TAGLINE 35 SANAN TUOTEKUVAUS 50 SANAN TUOTEKUVAUS 65 SANAN TUOTEKUVAUS
Adobe Fireworks CS6 -markkinointi-copy jälleenmyyjille Adobe Fireworks CS6 Seuraavia tekstejä voi käyttää Adobe Fireworks CS6 -ohjelmiston web-sivuilla, tuoteluetteloissa, mainoksissa tai muussa myynninedistämismateriaalissa.
LisätiedotUrheiluseuran viestintä 18.2.2015
Urheiluseuran viestintä 18.2.2015 Sisältö Seuraviestintä (sisäinen viestintä) Mediaviestintä Kriisiviestintä Seuraviestintä sisäinen viestintä Seuraviestintä (sisäinen viestintä) Hyvä sisäinen viestintä
LisätiedotNimike Määrä YksH/EI-ALV Ale% ALV Summa
, Vuokraerä: Tammi/12 : 30.01.2008 Viivästyskorko: 11.5 % Laskuviite: 4 45523 08012 Yhteensä: 390.40 EUR Pankit: n Joku Vuokralainen 16.01.2008 Tammi/12 4 45523 08012 30.01.2008 EUR 390.40 , Vuokraerä:
Lisätiedotwww.kotisivukone.fi Pikaopas kotisivujen tekoon
Kotisivut helposti! www.kotisivukone.fi Pikaopas kotisivujen tekoon Näin Kotisivukone toimii Kun olet avannut kotisivut Kotisivukoneella, tulet helppokäyttöiseen ylläpitotilaan ja voit heti aloittaa kotisivujen
LisätiedotTikon Web-sovellukset
Toukokuu 2015 1 (11) Tikon Web-sovellukset Toukokuu 2015 2 (11) 1 Johdanto... 3 2 Silverlight sovellukset... 3 2.1 Windows... 3 2.1.1 Microsoft Silverlight... 3 2.1.2 Tablet-laitteet... 4 2.1.3 Selaimet...
LisätiedotARVO - verkkomateriaalien arviointiin
ARVO - verkkomateriaalien arviointiin Arvioitava kohde: Jenni Rikala: Aloittavan yrityksen suunnittelu, Arvioija: Heli Viinikainen, Arviointipäivämäärä: 12.3.2010 Osa-alue 5/8: Mediaelementit Edellinen
LisätiedotBrändin rakentaminen somessa
Terhi Aho Tulos Helsinki Oy 22.4.2016 #tuloslove Brändin rakentaminen somessa Brändin rakentamisesta johtamiseen Ennen Nyt Ei voi hallita, mutta voi vaikuttaa. Kuka johtaa yrityksen verkkoviestintää? Viestintä
LisätiedotPartnerbook. Pohjois-Suomen koulutusverkoston digitaalinen työtila
Partnerbook Pohjois-Suomen koulutusverkoston digitaalinen työtila Pohjois-Suomen koulutusverkoston kokous Aika: keskiviikko 27.5.2015 klo 14-16 Paikka: Raahen ammattiopisto, Tervahovinkatu 2, Raahe Asiakkuusjohtaja
LisätiedotKuinka vammaisen henkilön päätöksentekoa voidaan tukea?
Kuinka vammaisen henkilön päätöksentekoa voidaan tukea? Maarit Mykkänen, Savon Vammaisasuntosäätiö Kehitysvammaliiton opintopäivät 2015 Tuetusti päätöksentekoon -projekti Projektin toiminta-aika: 2011-31.7.2015
LisätiedotMainoksen taittaminen Wordilla
Mainoksen taittaminen Wordilla Word soveltuu parhaiten standardimittaisten (A4 jne) word-tiedostojen (.docx) tai pdf-tiedostojen taittoon, mutta sillä pystyy tallentamaan pienellä kikkailulla myös kuvaformaattiin
LisätiedotHTML5 & CSS3 perusteet
Verkkokurssin tuotantoprosessi kurssin harjoitustyönä suunniteltu toteutettavissa oleva verkkokurssi. HTML5 & CSS3 perusteet Sisältö: 1. Ideointi 2. Tausta-analyysi 3. Sisällön suunnittelu 4. Pedagoginen
LisätiedotCode Camp for Girls. Sanna Nygård. Lokakuussa 2015 www.frantic.com/codecamp/
Code Camp for Girls Sanna Nygård Lokakuussa 2015 www.frantic.com/codecamp/ HTML? HTML? HyperText Markup Language Ei ole nettisivua ilman HTML:ää Rakenteinen, hierarkkinen dokumentti Vain rakenne ja sisältö,
Lisätiedotecome Markkinoiden kehittynein julkaisujärjestelmä
ecome Ecome Finland Oy Itämerenkatu 3 p. 020 7749 580 00180 Helsinki p. 020 7749 585 Suomi - Finland ecome@ecome.fi y. 2193874-3 www.ecome.fi Ecome-järjestelmä pähkinänkuoressa Ecome on suomalaisen yhtiön
LisätiedotPienyrityksen verkkotyökalut
Pienyrityksen verkkotyökalut 18.11.2009 Turo Numminen / Ad Express Oy Sisältö Verkkosivut TavoiEeet ja tarve Toteutusmahdollisuudet KoIsivut Verkkokauppa SähköposI Ylläpitäjän tarjoama Googlen työkalut
LisätiedotYleistä. Suositukset. Rakenne
Yhdistysavaimen ulkoasuohjeistus Jyty-liiton yhdistyksille 27.5.2015 Yleistä Tämä on Jytyliiton yhdistyksille laadittu ohjeistus ulkoasun rakentamisesta Yhdistysavain-julkaisujärjestelmään. Tavoitteena
LisätiedotFinnan ja kirjaston palveluiden ohjeita
Finnan ja kirjaston palveluiden ohjeita Sisältö 1. Kirjautuminen Haka-kirjautumisella... 2 2. Kirjastokortin liittäminen... 6 3. Lainojen uusiminen... 7 4. Teoksen varaaminen... 8 5. Hyllyvarauksen tekeminen...
Lisätiedothakukoneoptimointiin
Askeleet onnistuneeseen hakukoneoptimointiin Hakukoneoptimoinnin perusaskeleet ja tuoreimmat optimointivinkit vuodelle 2017! Huomispäivän asiakkaasi ovat tänään verkossa. Tervehdys ystäväni, Hakukoneoptimoinnin
Lisätiedot3. Vasemman reunan resurssiselaimen Omiin resursseihin luodaan uusi Handmade -niminen kansio.
ActivInspire JATKO AINEISTON TUOTTAMINEN Uuden aineiston tekemisen alkua helpottaa etukäteen tehty suunnitelma (tekstit, kuvat, videot, linkit) miellekarttaa hyödyntäen. Valmista aineistoa voi muokata
LisätiedotSivuston tiedotgoogle.com
Sivuston tiedotgoogle.com Luotu Tammikuu 14 2019 10:26 AM Pisteet37/100 SEO Sisältö Otsikko Google Pituus : 6 Ihannetapauksessa, sinun otsikkosi pitäisi sisältää väliltä 10 ja 70 kirjainta (välilyönnit
LisätiedotSivuston nopeus. (vanhentumista ei ole määritetty)
Sivuston nopeus 93 / 100 Nopeus Harkitse korjaamista: Hyödynnä selaimen välimuistia Asettamalla umpeutumispäivän tai enimmäisiän staattisten resurssien HTTP-header-osissa neuvot selainta lataamaan aiemmin
LisätiedotTYÖKALUJA YHDISTYSTEN VIESTINTÄÄN Eija Eloranta Turun yliopiston Brahea-keskus
TYÖKALUJA YHDISTYSTEN VIESTINTÄÄN 14.4.2016 Eija Eloranta Turun yliopiston Brahea-keskus Viestintämme vaikuttaa suoraan siihen miten toimintamme nähdään, miten se kiinnostaa, herättää halun tulla mukaan!
LisätiedotHENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA
HENKILÖKOHTAINEN NÄYTTÖSUUNNITELMA Jani Niemi Eurajoen kristillinen opisto Audiovisuaalisen viestinnän ammattitutkinto 1 JOHDANTO...1 2 VERKKOVIESTINNÄN SUUNNITTELU JA ILMAISU...2 2.1 Käsikirjoitusprosessi...2
LisätiedotTapahtuman lisääminen Lukkariin
Tapahtuman lisääminen Lukkariin 1. Klikkaa oikeasta yläkulmasta työkalut, mistä avautuu pudotusvalikko. Valitse tapahtumien hallinta. (Voit myös valita Lukkarin etusivulle ja siirtyä sieltä tapahtumien
LisätiedotSivuston tiedotmarking.seoonline.xyz
Sivuston tiedotmarking.seoonline.xyz Luotu Huhtikuu 08 2019 21:11 PM Pisteet59/100 SEO Sisältö Otsikko Social Bookmarking to get more Visitors Pituus : 39 Täydellistä, otsikkosi sisältää väliltä 10 ja
LisätiedotAVOIMET KOULUTUKSET. syksy 2016 & kevät 2017
AVOIMET KOULUTUKSET syksy 2016 & kevät 2017 WISTEC TRAINING OY ITÄMERENKATU 1, 00180 HELSINKI INFO@WISTEC.FI PUH. 030 670 5320 (MA-PE KLO 9-17) WWW.WISTEC.FI TERVETULOA KOULUTUKSIIN! Löydät koulutustarjontamme
Lisätiedotv4.0 Palvelukuvaus 1.11.2014
v4.0 Palvelukuvaus 1.11.2014 - 2-5 Internetsivustopaketti nettihelmi nettihelmi on Avaimet käteen Internetsivusto ratkaisu. Palvelu sisältää laadukkaan graafisen ulkoasun nettihelmi perussivupohjaan ja
Lisätiedot