HTML / DOM / CSS perusperiaatteita HTML syntaksista Elementtien luokittelu ja sisältömallit Aulikki Hyrskykari
|
|
|
- Esa Jurkka
- 8 vuotta sitten
- Katselukertoja:
Transkriptio
1 Aulikki Hyrskykari HTML / DOM / CSS perusperiaatteita HTML syntaksista Elementtien luokittelu ja sisältömallit
2 <!DOCTYPE html> <html> <head> <meta charset = "UTF 8" /> <title>ensimmäinen kokeilu</title> </head> <body> <h1>www sivun luominen</h1> <p> Harjoitellaan tällä sivulla ensin, mitkä ovat HTML dokumenttiin vaadittavat osat minimissään </p> <p> Html dokumentti sisältää aina head ja body elementit, edellisessä kuvataan dokumenttiin liittyviä yleisempiä asioita ja jälkimmäiseen kirjoitetaan sivun varsinainen sisältö Tämän dokumentin head elementtissä on määritelty dokumentin tallennuksessa käytettävä merkistökoodaus (meta charset ) ja dokumentin nimi (title) Body elementissä on annettu yksi ensimmäisen tason otsikko (h1) ja kaksi kappaletta (p) </p> </body> </html> Selain esittää dokumentin ymmärrettävässä ja havainnollisessa muodossa: HTML5 määrittely määrittelee o kielen syntaksin + aiempaa tarkemminmiten selainten tulee esittää erilaiset kielen elementit käyttäjälle () Selainten kehitystyökalut sivun koodin tutkimisessa HTML:ää alettiin soveltaa suunniteltua monimuotoisempaan käyttöön Uudet HTML määrittelyt o eivät pysyneet takaamaan dokumenttien yksiselitteistä jäsentämistä ja tulkintaa o eri selainvalmistajille alkoi kehittyä omat tulkintansa HTML kielestä Sivustojen kehittäjät joutuivat joko o käyttämään vain niitä HTML elementtejä, jotka testasivat toimiviksi kaikissa selaimissa, o määrittämään, että sivusto toimii vain tiety(i)llä selaimilla tai o kirjoittamaan sivustostaan useampia versioita eri selaimille W3C:ssä nähtiin tarpeelliseksi kehittää HTML:lle paremmin verkkosovelluksiin sopiva korvaaja o syntyi XML (Extensible Markup Lanaguage) o meta kieli, jonka avulla voidaan määritellä merkkauskieliä HTML ei ollut uuden XML kielen mukainen o ei täyttänyt yksinkertaistettuja rakenteellisia vaatimuksia o tarvittiin uusi versio HTML:stä o sai nimekseen XHTML
3 XHTML 10 on lähestulkoon identtinen HTML 41 version kanssa o o XHTML vain tiukemmin ja puhtaammin kirjoitettua HTML:ää XHTML dokumentit ovat valideja HTML dokumentteja (ei päde välttämättä toiseen suuntaan) Tärkeimmät XHTML:n ja HTML:n väliset erot 1) Elementtien päättäminen (properly closed elements) - HTML jäsentäjät tekevät näissä tilanteissa oletuksia - Huom! Myös tyhjät elementit tulee päättää esim <br /> 2) Elementtihierarkian eheys (properly nested elements) - XHTML elmentit tulee olla hierarkisesti sisennettyinä - ts viimeksi avattu elementti tulee sulkea ennenkuin sitä edeltävä elementti suljetaan 3) HTML alku ja lopputunnisteet ja attribuutit pienin kirjaimin (lowercase tags and attributes) - elementtien alku ja lopputunnisteet (tags) kuten myös attribuutit tulee kirjoittaa pienin kirjaimin - ts XHTML:ssä <HEAD> on väärin, ja <head> oikein 4) Attribuutien tarkempi esitys (quoted attribute values) - HTML sallii boolean tyyppisille attribuuteille "arvottomat attribuutit esimerkiksi sallitaan pelkkä boolean attribuutti checked ilman että sille annetaan arvoa - XHTML:ssä kaikilla atribuuteilla on oltava arvo ja sen tulee olla lainausmerkeissä ts XHTMLssä edellinen olisi väärin, sen sijaan tulisi merkitä: checked="checked" (ps jos arvoon sisältyy lainausmerkki, arvo suljetaan heittomerkkeihin, esim name='jussi "Juice" Leskinen') : HTML 10 HTML 20 o Tim Berners-Lee julkaisi ensimmäisen suunnitelman World Wide Webin toteuttamiseksi o ensimmäisten viiden vuoden aikana HTML:n kehityksestä olivat pääasiallisessa vastuussa CERN ja IETF o HTML:stä julkaistiin useita korjailtuja ja tarkistettuja versioita : HTML 30 HTML4 o 1994 vastuu HTML kielen ylläpitämisestä ja kehittämisestä siirtyi W3C:lle o W3C kehittää ja julkaisee www tekniikoihin liittyviä standardeja (recommendations) : XHTML, DOM Level 1 3 o XHTML version julkaisemisen jälkeen W3C päätti lopettaa HTML:n kehityksen o aloitti XML pohjaisen XHTML kielen kehittämisen: HTML4 toteutettiin XHTML:llä vuonna 2000 (XHTML10) o W3C ryhtyi kehittämään uutta HTML:n ja XHTML10 kanssa yhteensopimatonta XHTML20 kieltä o osa selaintoimittajista alkoi kehittää HTML:ään pohjautuvia tekniikoita (DOM Level 1, DOM Level 2 Core ja DOM Level 2 HTML) o tämä kehitystyö hiipui vähitellen 2003 : XForms 10, WHATWG o W3C julkaisi 2003 XML pohjaisen lomakkeiden kuvailukielen, XFormsin o kehitysprojekteissa tuotettiin lähinnä uusia www tekniikoita (kuten esim RSS, Atom) eivät korvanneet HTML:ää o kiinnostus HTML:n jkehittämiseen heräsi jälleen: Mozilla ja Opera tekivät 2004 W3C :lle yhteistyöehdotuksn o ehdotus torjuttiin (W3C strategia oli kehittää uutta XHTML versiota) o Mozilla, Opera ja Apple perustivat WHATWG yhteisön (Web Hypertext Application Technology Working Group) o WHATWG perusperiaatteet: uuden merkkauskielen (1) tulee olla taaksepäin yhteensopiva HTML:n, XHTML:n ja DOM 2 Level tekniikoiden kanssa, (2) toteutusten ja spesifikaatioiden tulee vastata toisiaan (vaikka se tarkoittaisi spesifikaation muuttamista) ja (3) spesifikaatioiden tulee olla niin yksityskohtaiset että sillä voidaan taata selainten yhteentoimivuus 2006 : HTML5, DOM4 o 2006 W3C liittyi WHATWG yhteisöön kehittämään HTML5 kieltä, 2007 perusti siihen tarkoitukseen työryhmän o XHTML 20 kehitystyö lopetettiin o joulukuussa 2012 julkaisema HTML5 Candidate Recommendation o selainten uudet versiot totettavat varsin hyvin kielen uudetkin piirteet o takuu taaksepäin yhteensopivuudesta tekee HTML5:n käyttämisestä houkuttelevaa ja turvallista o DOM4 kehityksen alla
4 HTML tulkit o tunnistavat dokumentissa määritellyt elementit o jäsentävät dokumentin DOM puuksi (DOM = Document Object Model) DOM puu o solmujen hierarkia o juurisolmu <DOCTYPE html> o solmuhierarkia: äiti / lapsi suhteet oheisessa (yksinkertaistetussa) esimerkissä - elementin <h1> äiti on <body> - ementillä <head> on lapsi <title> - elementillä <h1> on kaksi <p> sisarusta o oleellista ymmärtää varsinkin siinä vaiheessa, kun lähdetään tekemään dynaamisia www sivuja o auttaa kuitenkin myös staattisten HTML sivujen rakentamista, määritettäessä wwwsivun ulkoasua CSS sääntöjä käyttäen (esim ominaisuuksien perinnän ymmärtämisessä) CSS (Cascading Style Sheet) okieli, jonka avulla määritellään www sivun ulkoasu oselaimilla oletustyylit elementtien näyttämiseen www sivulla onäitä oletustyylejä voi muuttaa omilla CSS säännöillä CSS säännöt näyttävät tältä: h1 { font family: helvetica, arial rounded, sans serif; color: red; p { background color: lightgreen; font size: large; ootsikossa käytetyn kirjasintyyppi muutetaan punaiseksi, päätteettömäksi San Serif fontiksi okappaleiden tekstin isommaksi ja kappaleiden taustan vaalean vihreäksi
5 <!DOCTYPE HTML> <html lang="fi"> <! otsikko osa > <head> <meta charset = "UTF 8" /> <title>html:n ja CSS:n yhteispeli</title> </head> <! runko osa > <body> <nav> <! lista, tehdään tästä tyylien avulla menu > <ul class="navipalkki"> <li><a href="indexhtml">etusivu</a></li> <li><a href="sivu2html">toinen sivu</a></li> <li><a href="sivu 3html">Kolmas sivu</a></li> <li><a href="yhteystiedothtml">yhteystiedot</a></li> </ul> </nav> <! Sivun varsinainen sisältö > <h1>html+css kokeilu</h1> <p> Tämä on ensimmäinen kokeiluni siitä miten HTML ja CSS toimivat yhdessä Aluksi kirjoitetaan HTML dokumenttiin vain sivun sisältö ja sen rakenne Määritellään ulkomuotoon liittyvät seikat sitten erikseen CSS säännöillä </p> <img src="img/w3cpng alt= W3C logo /> <h2>kuvat www sivulla</h2> <p> Otetaan tähän mukaan yksi kuvakin, jotta nähdään saman tien, miten kuvien liittäminen sivulle tapahtuu </p> <h2>linkit www sivulla</h2> <p> Navigointiosassa on linkkejäkin, vaikka ne eivät nyt johda mihinkään kun noita vastaavia sivuja ei ole luotu </p> <! On hyvien tapojen mukaista liittää mukaan allekirjoitus ja päiväys > <footer> Aulikki Hyrskykari, luotu (viimeksi muokattu ) </footer> </body> </html> 01 html plus css ahtml o kommentit <! ei saa sisältää kahta tavuviivaa peräkkäin > o HTML5 dokumenttityyppi: <!DOCTYPE html> o otsikko osa / runko osa o lista <ul> elementin avulla, jolle määritelty luokka attribuutti: class= navipalkki o linkin määrittely <a> elementin avulla o <nav> elementti (HTML5) o <footer> elementti (HTML5) o www sivuna, selaimen oletusmuotoiluilla: 01 html plus css ahtml o miten saadaan dokumentti näyttämään tältä: 01 html plus css jhtml
6 @charset "UTF 8"; /* LISÄTÄÄN TEKSTILLE JA SIVUN TAUSTALLE VÄRIT */ body { color: #ba55d3; background color: #ffefd5; o CSS säännöt sisältävä tiedosto kirjoiteaan omaksi css tyyppiseksi tekstitiedostokseen (02 01 bcss) o html tiedoston alussa <link> elementti määrittää sivuun liitettävän css tiedoston o ks www sivuna: 01 html plus css bhtml o kuvan paikka elementtivirrassa (document flow) on ensimmäisen kappaleen jälkeen ja ennen otsikkoa Kuvat www sivulla o koska kuva on noiden molempien elementtien ulkopuolella, se varaa www sivulta oman rivinsä Jos se olisi kappaleen tai otsikon sisällä, sitä käsiteltäisiin kuten yhtä merkkiä elementtivirrassa, silloin se kuitenkin suurentaisi tekstin rivivälin oman korkeutensa mukaiseksi o kelluttamalla elementtejä voi siirtää horisontaalisessa suunnassa asetetaan "kellumaan vasemmalle kuva siirtyy dokumentin vasempaan reunaan ja sen /* MÄÄRITELLÄÄN, KUVA "KELLUVAKSI" VASEMPAAN REUNAAN */ img { float:left; margin: 1em; lisäksi muu dokumentin sisältö kuvan jälkeen kiertää kuvan ympäri o tässä tapauksessa tämä tekstin kiertyminen kuvan ympärille on säännön ainoa vaikutus, koska kuva oli jo valmiiksi sivun vasemmassa reunassa o ks www sivuna: 01 html plus css chtml
7 /* RUNGOSSA KÄYTETÄÄN SERIF ja OTSKOISSA SAN SERIF KIRJASINTA */ body { font family: Georgia,"Times New Roman", Times, serif; h1, h2 { font family: Geneva, Helvetica, Arial, SunSans Regular, sans serif; o määrittää, että dokumentissa käytettävä kirjasinperhe on Georgia, paitsi että otsikoissa käytetään Geneva kirjasinperhettä o ks www sivuna: 01 html plus css dhtml /* LISTALLE ABSOLUUTTINEN SIJOITUS SIVUN VASEMPAAN REUNAAN */ ulnavipalkki { position: absolute; top: 2em; left: 1em; width: 9em; o absoluuttinen sijoitus ottaa elementin pois elementtivirrasta ja asettaa sen määrättyyn kohtaan sivulla o kiinnitetään lista sivun vasempaan yläkulmaan o piirtyy määrättyyn kohtaan riippumatta siitä onko siinä kohdassa jotain muutakin sivun sisältöä o ks www sivuna: 01 html plus css ehtml
8 /* SIIRRETÄÄN KAIKKIA ELEMENTTEJÄ OIKEALLE */ body { padding left: 11em; font family: Georgia, "Times New Roman", Times, serif; o rungolle annettu sääntö jättää kaikkien elementtien vasempaan reunaan tyhjää tilaa 11 kirjasinkorkeuden verran o ks www sivuna: 01 html plus css fhtml ulnavipalkki { list style type: none; padding: 0; margin: 0; o poistetaan listan riveiltä oletusbulletti o navigointipalkin ympärille ei jätetä automaattisesti tilaa o ks www sivuna: 01 html plus css ghtml
9 ulnavipalkki { list style type: none; padding: 0; margin: 0; o poistetaan listan riveiltä oletusbulletti o navigointipalkin ympärille ei jätetä automaattisesti tilaa o ks www sivuna: 01 html plus css ghtml ulnavipalkki li { background color: white; margin: 05em 0; padding: 03em; border right: 1em solid #c71585; o listarivin tausta valkoiseksi o jätetään painikkeiden ylä ja alapuolelle tilaa o suurennetaan elementin varaamaa aluetta joka suunnasta o piirretään elementin oikeanpuoleinen reunaviiva värillisenä ja vahvennettuna näkyviin o ks www sivuna: 01 html plus css hhtml
10 ulnavipalkki a { font family: Geneva, Helvetica, Arial, sans serif; text decoration: none; font weight:bold; color: #c71585; o poistetaan alleviivaus linkeistä o määriteltään niiden kirjasin paremmin sivulle sopivaksi o ks www sivuna: 01 html plus css ihtml footer { font family: sans serif; font size: 08em; border top: thin dotted; padding top: 1em; text align: right; o alaviitteelle päätteetön, muuta tekstiä pienempi kirjasin o piirretään ohut pisteviiva sen yläpuolelle, ei kuitenkaan ihan kiinni piirrettyyn pisteviivaan o ks www sivuna: 01 html plus css jhtml
11 [attribuutti= arvo ] * = yksi tai useampia attrbuutti/arvo pareja esim <p lang="en"> A paragraph in English </p> <a href=" target="_blank">tämä on linkki</a> Koteloivat HTML elementin aloittavan kulmasulun "<" ja tag nimen tai lopputunnuksessa kulmasulun, kauttaviivan ja tag nimen välissä ei saa olla väliöntejä, esim < p> </ p> </p > määrittelyjä ei tunnistettaisi kappaleen aluksi tai lopuksi o kaikilla elementeillä on alkutunnus o ei tyhjillä (non void) elementeillä tulee aina olla lopputunnus o tyhjätkin elementit on suositeltavaa päättää kauttaviivalla <br />
12 Alku ja lopputunnuksen väliin jäävä osa muodostaa elementin sisällön (content) Elementti voi sisältää o tekstiä o elementtejä tai o Kommentteja Attribuutit ja niiden arvot eivät ole elementin sisältöä Tyhjätilamerkkien (white spaces) luhistaminen o välilyöntimerkit, sarkainmerkit, rivin sivun ja osanvaihtomerkit Sivua renderöitäessä (kokeile) o peräkkäiset white space merkit luhistetaan yhdeksi välilyönniksi o rivin loppuun osuva tyhjätilamerkki tuottaa rivinvaihdon HTML dokumenttiin kirjoitetussa tekstissä ei saa olla white spaces merkkejä lukuunottamatta muita kontrollimerkkejä Erikoismerkit voidaan aina antaa joko o koodeina &merkin UTF 8 koodi heksadesimaalina; alkaa & merkillä ja päättyy ; merkkiin o välissä joko merkin entiteettinimi tai heksadesimaalikoodi (alkaa # merkillä), esim < = < tai < (kulmasulku) ä = ä tai ä & =& tai & (ja merkki) välilyönti = o ks täydellinen listaus erikoismerkeistä (entity) characters: html /named character referenceshtml tai
13 Lukujärjestelmät, joissa kantalukuna jokin muu kuin 10 o binäärilulukujärjestelmä (kantaluku 2), oktaalijärjestelmä (8), heksadesimaalilukujärjestelmä (16) Heksadesimaaliluvut olukujärjestelmä, jossa kantaluku on 16 o0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 10, 11, 12, 13, omuunnokset B - heksadesimaaliluvusta 1x x x16 0 = 433 desimaaliluvuksi: (1B1) 16 = (433) 10 - desimaaliluvusta heksadesimaaliluvuksi: jaetaan lukua kantaluvulla ja otetaan 3858/16 = 241, jää 2 jakojäännökset talteen: 241/16 = 15, jää 1 (3858) 10 = (F12) 16 15/16 = 0, jää 15 F Aiemmin HTML elementit jaettiin lohkotason ja rivitason (blockline ja inline) elementteihin o lohkotason elementti erottuu ympäristöstään rivin vaihdoin (esim <p> elementti) o rivitason elementti merkkaa tekstiä kappaleen sisällä ( esim <strong> elementti) HTML5:ssä elementit jaetaan useampaan luokkaan Pääluokat ovat o phrasing elementit (~rivitason elementtejä) o Flow elementit (~lohkotason elementtejä)
14 Spesifikaatio luokittelee elementit hienojakoisemmin Luokat ovat päällekkäisiä, ts yksi elementti voi kuulua useampaan luokkaan ks elementtien luokitteluluettelot HTML spesifikaatiosta: vennsvg Mihin luokittelua tarvitaan? o kullekin elementille määritelty sisältömalli (content model) o kuvaa millaista sisältöä elementti voi saada, esim - tyhjä HTML elementti (void element), ei mitään, - vain tietyn määrätyn elementin (määrättyjä elementtejä), - vain phrasing sisältöä tai väljemmin - flow sisältöä Attribuuttien avulla tarkennetaan elementtien merkitystä ja tulkintaa omassa kontekstissaan Yhtäsuuruusmerkin molemmin puolin saa olla välilyönti, tai se voi puuttua Boolean tyyppinen attribuutti o HTML5 syntaksin mukaan ei tarvitse antaa arvoa o pelkkä attribuutin esittäminen vastaa silloin attribuutin "true" arvoa o esim <input disabled> HML5:ssä on joukko attribuutteja, jotka voidaan osoittaa attribuutiksi mille tahansa elementille Näitä kutsutaan globaaleiksi attribuuteiksi
15 Kielen kaikki elementeille voidaan antaa mitä tahansa näistä attibuuteista Sen lisäksi kunkin elementin määrittelyn yhteydessä määritellään erikseen mitä muita attribuutteja elementti voi saada Joidenkin globaalien attribuuttien merkitys (esim titleattribuutti) saattaa olla eri elementeille määriteltynä hiukan erilainen Globaalit attribuutit ovat: accesskey, class, contenteditable, contextmenu, dir, draggable, dropzone, hidden, id, lang, spellcheck, style, tabindex, title, translate
Validaattorit o HTML 5 validaattori: o CSS validaattori: validator/validator.html.
1432013 Aulikki Hyrskykari W3C = World Wide Web Consortium W3C spesifikaatioiden kehitysprosessi o Working Draft (WD) o Candidate Recommendation (CR) o Proposed Recommendation (PR) o W3C Recommendation
Aulikki Hyrskykari Antti Sand
Aulikki Hyrskykari Antti Sand HTML / DOM / CSS perusperiaatteita HTML syntaksista Elementtien lukittelu ja sisältömallit ensimmäinen kkeilu
JWT Hyrskykari, SIS, Tampereen yliopisto 3/19/2013
19.3.2013 Aulikki Hyrskykari HTML dokumentin ensimmäisenä rivinä annetaan dokumenttityypin määrittely HTML5 dokumentti koostuu selementtien hierarkiasta, joista juuri elementti sisältää kaikki muut
Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus
Laajuus 5 op Luennot: 12 x 2t 11.3.2014 29.4.2014 Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Lähiopetuksen jäkeen harjoitustyö ja tentti Aulikki Hyrskykari
Sisältö. XML, XHTML ja CSS XML XML. XML:n ja HTML:n ero. XML kieliä XML XHTML CSS XSL. T Hypermediadokumentin laatiminen 2002
, XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen 2002 XHTML CSS XSL Sisältö EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard Generalized Markup Language Kevyempi
H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki 13.9.2006
H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin
H T M L eli kuinka laadin itselleni päheät kotisivut. Janne Käki
H T M L eli kuinka laadin itselleni päheät kotisivut Janne Käki 13.9.2006 Mikä ihmeen HTML? HyperText Markup Language hypertekstiä eli toisiinsa linkitettyjä dokumentteja merkintäkieli, perustuu erilaisiin
Aulikki Hyrskykari Antti Sand
Aulikki Hyrskykari Antti Sand Edellinen luento o historiaa tärkeää tietää koska vanhojakin sivuja tulee aina vastaan o HTML / DOM / CSS perusperiaatteet ja yhdessä toimiminen o elementtien syntaksista,
HTML & 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
CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia.
CSS1 CSS (Cascading Style Sheets) CSS-kielen avulla määritellään HTML-dokumentin tyyli. CSS avulla voidaan tarkemmin määritellä eri elementtien ominaisuuksia. Esim.
Digitaalisen median tekniikat. Luento 3: CSS
Digitaalisen median tekniikat Luento 3: CSS Luennot 1. Intro 2. XHTML 3. CSS Box Model Selektorit Esimerkkiä yms. 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys & saavutettavuus 7. Palvelinohjelmointi
Kuvat. 1. Selaimien tunnistamat kuvatyypit
Kuvat Kuvia voi liittää xhtml-sivulle -elementillä -elementillä -elementillä lomakkeiden yhteydessä lähinnä painikenappeja taustakuvina -elementin background-attribuutilla tai
Johdatusta selainohjelmointiin
Johdatusta selainohjelmointiin Ohjelmat ja tyylit selaimessa ja HTML Jaana Holvikivi Selaimet ja HTML Selaimet: Internet Explorer, Exchange Firefox, Chrome Opera 10 Safari 4 Lukevat HTML sivuja ja asettelevat
Code 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ö,
Taulukot. 1. Taulukon rakenne: ICT01D Elina Ulpovaara
Taulukot Taulukoita käytetään XHTML:ssä taulukkomuotoisen tiedon esittämiseen esim. tilastot, hinnastot jne sivun ulkoasun muotoiluun eli taittoon - voidaan korvata CSS:n asemointia käyttäen ICT01D 28.11.2005
Ulkoasun muokkaus CSS-tiedostossa
Ulkoasun muokkaus CSS-tiedostossa Nellin ulkoasun muokkaus CSS-tiedostossa Lähes kaikki on muokattavissa css-tyylitiedosta käsin. Jokaiselle kieliversiolle on oma tyylitiedostonsa: www_v_fin/metalib.css
Aulikki Hyrskykari. CSS Taustaa CSS syntaksi CSS Valitsimet Kuvat verkkosivulla
4.4.2013 Aulikki Hyrskykari CSS Taustaa CSS syntaksi CSS Valitsimet Kuvat verkkosivulla Tyylipohjakieli Nimi tulee piirteiden putousmaisesta periytymisestä o cascade = vesiputous o tyylipiirteet periytyvät
Ulkopuolisen tyylitiedoston käyttö
1 CSS - aloitus Sisältö: s. 2. Ulkopuolisen tyylitiedoston käyttö s. 3. Tyyliohjeen kirjoittaminen s. 4. style-elementti s. 5. style-attribuutti s. 6. class-attribuutti s. 7. id-attribuutti s. 8. Fontit
Cascading Style Sheets
Cascading Style Sheets CSS - Cascading Style Sheets tyylikuvauskieli suunniteltu HTML:ää varten 1996, oma syntaksi CSS1 (1996), CSS2 (1998), CSS Mobile Profile CSS3 (tuleva) selaintuki nykyään hyvä, mutta
valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda
Valitsimista valitsin on useimmiten html-elementti, jolle tyyli halutaan luoda Muistin virkistykseksi elementtejä http://appro.mit.jyu.fi/doc/www/xhtml/ HTML-elementtien lisäksi valitsimille voidaan luoda
Laajuus 5 op Luennot: 12 x 2t Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus
Laajuus 5 op Luennot: 12 x 2t 17.3.2015 30.4.2015 Harjoitukset: 7 viikkoharjoitusta harjoitusten tekemiseen saatavissa apua 2 ryhmää / harjoitus Lähiopetuksen jäkeen harjoitustyö ja tentti Antti Sand Taru
CSS aloitus. CSS Cascade Stylesheet Mirja Jaakkola
CSS aloitus CSS Cascade Stylesheet Mirja Jaakkola Sisältö 3. Ulkopuolisen tyylitiedoston käyttö 4. Tyyliohjeen kirjoittaminen 5. style-elementti 6. style-attribuutti 7. class-attribuutti 8. id-attribuutti
XML / DTD / FOP -opas Internal
XML / DTD / FOP -opas Internal Reviewed: - Status: pending approval Approved by: - Author: Sakari Lampinen Revision: 1.0 Date: 15.10.2000 1 Termit DTD (data type definition) on määrittely kielelle, niinkuin
Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti
1 XHTML - aloitus Sisältö: s.2 Taustaa s.4 Elementin rakenne s.7 XHTML dokumentti s.8 DOCTYPE s.11 html s.13 head s.14 meta s.16 title s.17 link s.18 style s.19 body s.22 Lohko- ja inline-elementit s.23
Kotisivujen teko. Jan Lindholm Kirkkonummen kansalaisopisto Syksy koodari.eu jsbin.com
Kotisivujen teko Jan Lindholm Kirkkonummen kansalaisopisto Syksy 2014 koodari.eu jsbin.com Käyttäjätunnus / Salasana aoppilas.01 / aoppilas#2013# aoppilas.02 / aoppilas#2013# aoppilas.03 / aoppilas#2013#
Digitaalisen median tekniikat css tyylimääritykset
Digitaalisen median tekniikat css tyylimääritykset 26.3.2004 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää
Digitaalisen median tekniikat css tyylimääritykset Harri Laine 1
Digitaalisen median tekniikat css tyylimääritykset 30.4.2004 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää
CSS - tyylit. 13.11.2000 Seppo Räsänen
CSS - tyylit 13.11.2000 Seppo Räsänen Sivu 2 1 CSS-tyylit Dynaaminen HTML tai DHTML on standardi, joiden käyttöä tukevat uusimmat Netscapen ja Microsoftin selaimet. DHTML:n ominaisuuksia ovat tyylitiedostot
XML, XHTML ja CSS. T-111.361 Hypermediadokumentin laatiminen. Mikko Pohja
XML, XHTML ja CSS T-111.361 Hypermediadokumentin laatiminen Mikko Pohja Sisältö XML Yleensä Eri kieliä XHTML CSS XSL XML EXtensible Markup Language W3C Recommendation helmikuu 1998 SGML:n osajoukko Standard
CSS - aloitus. ICT01D syksy 2005 Mirja Jaakkola, Helia. Ulkopuolisen tyylitiedoston käyttö
CSS - aloitus ICT01D syksy 2005 Mirja Jaakkola, Helia Ulkopuolisen tyylitiedoston käyttö Tyylimääritykset sijaitsevat erillisessä.css-tiedostossa, joka linkitetään xhtml-dokumenttin head-lohkossa linkelementillä:
Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.
3 HTML ja XHTML Tutkitaan sitten HTML-dokumenttien anatomiaa, jotta päästään käsiksi rakenteisten dokumenttien käsitteistöön esimerkkien kautta.
CSS. Tekstin muotoilua
CSS Tekstin muotoilua Tekstin muotoilu Kirjasimen ominaisuudet font-family font initial inherit; font-style normal italic oblique initial inherit; font-variant normal small-caps initial inherit; font-weight
Entiteetit erotetaan muusta tekstistä & ja puolipiste. esim. copyright-merkki näkyy sivulla
1 ENTITEETIT Tehtävä 1. Tietokoneet ja käyttöjärjestelmät käyttävät erilaisia merkkijärjestelmiä ja varsinkin Internetin alkutaipaleella aiheutti sen, että jotkut merkit eivät näkyneet kaikilla oikein.
Internetsivujen perusrakenne. Html-dokumentin keskeiset elementit ja attribuutit
Internetsivujen perusrakenne Html-dokumentin keskeiset elementit ja attribuutit Websivu html-dokumentti Internetsivun rakenne kuvataan html-kielellä Html-dokumentti on tekstimuotoinen tiedosto, jossa luetellaan
Ajatus kaiken taustalla
HTML ja tyylit Ajatus kaiken taustalla Perimmäisenä tarkoituksena tarjota formatointi- ja taittokieli, jonka avulla elementtirakenteisten dokumenttien ulkoasun määrittely voidaan irrottaa sisällön ja rakenteen
Lisätehtävät. Frantic 2015 sivu 1 www.frantic.com
Lisätehtävät Frantic 2015 sivu 1 www.frantic.com Fontit - Google fonts Fonttien käyttäminen verkossa ilman uusien fonttien lataamista on melko rajattua, sillä koskaan ei voi tietää mitä fontteja vastaanottajan
2. PEHMEÄ XHTML XRAJAHTML
Luennot 1. Intro 2. PEHMEÄ XHTML XRAJAHTML Dokumentin (matalan tason) rakenne DOCTYPE ja merkistökoodaukset Elementtien syvät rajat 3. CSS 4. JavaScript 5. JavaScript-kirjastot & AJAX 6. Käytettävyys &
XHTML - harjoitus. Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa. Tiedoston tallennus notepad (muistio) ohjelmassa:
XHTML - harjoitus Tehtävä1: Tee xhtml tiedosto käyttäen notepad (muistio) ohjelmaa Tiedoston tallennus notepad (muistio) ohjelmassa: Jokaisen XHTML-dokumentin tulisi alkaa XML-määrittelyllä(engl.XML-prologue),
HTML 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
Navigointi Verkkomultimedia ICT1tn004
Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?
Tee html-sivu, jossa on yllä olevat kaksi taulukkoa.
TAULUKKO 1 Taulukoiden avulla voidaan informaatio esittää havainnollisesti esimerkiksi palstoitettuna. Lisäksi voidaan sijoittaa eri elementit haluttuihin paikkoihin (taulukkotaitto). Taulukko luodaan
Katsotaan tarkemmin seuraavaksi: Reunus (border) Täyte (padding) Marginaali (margin)
23.4.2013 Aulikki Hyrskykari Lokeromalli Taustat Visuaalinen sommittelu/asemointi Lomakkeet margin top Sisältö (content) Täyte (padding) border top padding top margin left border left padding left ELEMENTIN
HTML5 -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"
Opinnäytetyö Toni Hurskainen Porin ammattiopisto / Tekniikkaopisto Sähköala TT03
Opinnäytetyö 5.4.2006 Toni Hurskainen Porin ammattiopisto / Tekniikkaopisto Sähköala TT03 Sisällysluettelo 1. Johdanto... 3 2. Suunnittelu... 4 2.1. PTOPlus.net... 4 2.2. Sivujen tarkoitus ja kohderyhmä...
1. Lohkon korkeus ja leveys
Asemointi Asemointi on elementtien sijoittelua. Sisältö: height, width float - kelluva sisältö position Elina Ulpovaara 13.10.2009 1. Lohkon korkeus ja leveys Leveys - width Korkeus - height - mittayksiköt
Verkkojulkaiseminen Minna Väisänen. HTML5-tehtävä
Verkkojulkaiseminen Minna Väisänen HTML5-tehtävä Kirjoita Dreamweaverissa oheisen nettisivun koodi. Lisää xx-kohtiin omat tietosi. Kuvan nimi on joki.jpg. Ensin tehdään sivusto ja sitten yksittäinen sivu.
Digitaalisen median tekniikat css tyylimääritykset jatkuu
Digitaalisen median tekniikat css tyylimääritykset jatkuu 31.3.2004 Harri Laine 1 CSS fontit font-family: pilkulla eroteltu luettelo fonttinimiä, ensimmäistä listasta löytyvää fonttia käytetään fontit
Digitaalisen median tekniikat css tyylimääritykset jatkuu Harri Laine 1
Digitaalisen median tekniikat css tyylimääritykset jatkuu 31.3.2004 Harri Laine 1 CSS fontit font-family: pilkulla eroteltu luettelo fonttinimiä, ensimmäistä listasta löytyvää fonttia käytetään fontit
Verkkosivut 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
Notepad++ on ilmaisohjelma ja sen voi ladata osoitteesta: http://notepad-plus-plus.org/
1 HTML-perusteita HTML on lyhenne sanoista Hyper Text Markup Language. Aluksi oli kyse tekstidokumenteista, jotka oli linkitetty toisiinsa nk. hyperlinkkien avulla. Nykyään HTML-dokumentit sisältävät paljon
Digitaalisen median tekniikat css tyylimääritykset
Digitaalisen median tekniikat css tyylimääritykset 18.9.2007 Harri Laine 1 Sisällön ja ulkoasun erottaminen toisistaan tavoiteltavaa sama sisältö pitäisi voida esittää erilaisilla alustoilla esim. esittää
XML prosessori. XML prosessointi. XML:n kirjoittaminen. Validoiva jäsennin. Tapahtumaohjattu käsittely. Tapahtumaohjattu käsittely.
XML prosessointi Miten XML dokumentteja luetaan ja kirjoitetaan XML prosessori lukee ja välittää XML dokumentin sovellukselle. Se sisältää entieettikäsittelijän (mahdollisesti) XML jäsentimen Sovellus
HTML ja CSS. T WWW-palvelun suunnittelu Mikko Pohja
HTML ja CSS T-111.4360 WWW-palvelun suunnittelu Mikko Pohja Sisältö HTML XHTML CSS DOM DHTML Käytännön esimerkkejä Kuka tahansa pystyy tekemään yksinkertaisen dokumentin HTML Hyper Text Markup Language
TIEDEJUTTUKURSSI 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
FrontPage 2000 - Näkymät
FrontPage 2000 - Näkymät FrontPagessa on kuusi erilaista näkymää sivustoon. Sivunäkymä Tässä näkymässä luodaan sivut eli näkymä vastaa paljolti Wordin tekstinkäsittelyohjelman näkymää. Tässä on myös muokattava
Kotisivuohjeet. Eteläpohjalaiset Kylät ry. Sivupohjien rakenne
Kotisivuohjeet Tässä ohjeessa käydään läpi kotisivujen tekemisen perusteet keskittyen html-koodiin ja sen ominaisuuksiin. Sivupohjissa ulkoasu ja rakenne on pääasiassa jaettu erilliseen css-tyylitiedostoon,
Kun suunnitelma on valmiina niin itse sivuston rakentaminen on jo helpompaa. (jatketaan tätä rakentelu vaiheessa.
WWW-sivun teko Niko Rautava 2006 http://koti.mbnet.fi/nrautava/ Kannattaa aloittaa www-sivun suunnittelu ihan paperille laittamalla siihen seuraavia tietoja: - sivujen määrä - alasivut (määrä, ulkonäkö)
Tunnuksen päivitys 19.9.2012
Tunnuksen päivitys 19.9.2012 2 Tampereen yliopiston tunnus Tampereen yliopiston tunnus Tuhannet ihmiset näkevät Tampereen yliopiston tunnuksen päivittäin lomakkeissa, nettisivuilla, raporteissa, esitteissä.
Kotisivut helposti - osa 3
Kotisivut helposti - osa 3 Tämän artikkelisarjan kahdessa ensimmäisessä osassa esiteltiin Internet-sivujen perusteita, kotisivujen suunnittelulähtökohtia sekä HTML/XHTML-ohjelmoinnin perusteita ja yleisimmin
MITÄ JAVASCRIPT ON?...3
JavaScript MITÄ JAVASCRIPT ON?...3 YLEISTÄ JAVASCRIPTIN SYNTAKSISTA...3 KÄSKYSANAT JA MUUT VARATUT SANAT...3 MUUTTUJIEN, FUNKTIOIDEN JA LUOKKIEN NIMISSÄ...3 HTML-TAGEIHIN VIITTAAVISSA METODINIMISSÄ...3
Kuva xhtml-sivulla. Mirja Jaakkola
Kuva xhtml-sivulla Mirja Jaakkola Sisältö 3. Kuva www-sivulla 4. img-elementti 5. Kuvan koko 6. Kuvan keskitys vaakasuoraan & kuvateksti 7. Kuvan tasaus pystysuoraan 8. Esimerkki: pystysuora tasaus eri
HTML perusteita (ei julkiseen jakeluun)
HTML perusteita (ei julkiseen jakeluun) Tämä opas pyrkii selvittämään joitain verkkoviestintään liittyviä käsitteitä ja antamaan perustiedot HTML- kielestä sekä musiikin WWW- julkaisusta. Internetissä
KAPPALEMUOTOILUT. Word Kappalemuotoilut
Word 2013 Kappalemuotoilut KAPPALEMUOTOILUT KAPPALEMUOTOILUT... 1 Tekstin tasaaminen... 1 Sisentäminen... 1 Koko kappaleen sisentäminen... 2 Sisennyksen poistaminen... 2 Riippuva sisennys (sivuotsikko)...
http://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
Muotoilutoliot. XSL:n muotoiluoliot. Muotoiluolio. Muotoilualueet. Lohkoalueiden sijoittelu. Muotoilualueiden sijoittelu. Rivialueiden ominaisuuksia
XSL:n muotoiluoliot "Formatting objects" (FO) muotoiluolioita, esim. lohko, kirjainmerkki, taulukon solu, (FO:n elementtejä) muotoiluominaisuuksia, esim. kehyksen leveys, kirjasinkoko, (FO:n elementtien
WWW-ohjelmoinnin kokonaisuus. WWW-OHJELMOINTI 1 Merkkauskielet. Merkkauskielten idea. Merkkauskielet (markup languages) Merkkauskielten merkitys
WWW-OHJELMOINTI 1 WWW-ohjelmoinnin kokonaisuus SGML, XML, HTML WWW-selaimen sovellusohjelmointi WWW-palvelimen sovellusohjelmointi Eero Hyvönen Tietojenkäsittelytieteen laitos Helsingin yliopisto 26.10.2000
Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla)
T A M P E R E E N Y L I O P I S T O Opinnäytteen nimi ja mahdollinen alaotsikko (tämä pohja toimii parhaiten Word2010-versiolla) Kasvatustieteiden yksikkö Kasvatustieteiden pro gradu -tutkielma NIMI NIMINEN
Aulikki Hyrskykari. JWT Hyrskykari, SIS, Tampereen yliopisto 3/31/2014
1.4.2014 Aulikki Hyrskykari Edellinen luento o Sääntöjen kohdistaminen (periytyminen, painoarvo) o CSS värit, mittayksiköt o Typografiaa, kirjasinkokojen hallinnasta, webbikirjasimet o Lokeromalli alustavasta
Mitä direktiivi käytännössä velvoittaa?
Mitä direktiivi käytännössä velvoittaa? Web Content Accessibility Guidelines - Verkkosisällön saavutettavuusohjeet Timo Övermark Tapio Haanperä http://papunet.net/saavutettavuus WCAG 2.1 - Verkkosisällön
selector { CSS property: value; property2: value; Code Camp for Girls 2015 - Sonja Jaakkola & Sanna Nygård
selector { CSS property: value; property2: value; Code Camp for Girls 2015 - Sonja Jaakkola & Sanna Nygård CSS selectorit Elementti HTML CSS otsikko h1 { color: pink; Luokka HTML CSS
WWW-sivujen Verkkosivujen ulkoasu (CSS)
WWW-sivujen Verkkosivujen ulkoasu (CSS) T-111.1100 Digitaalisen median työvälineet (3 op) T-111.1100 Digitaalisen median työvälineet (3 op) Markku Laine DI Pia Tukkinen Mediatekniikan laitos Mediatekniikan
3 Verkkosaavutettavuuden tekniset perusteet
3 Verkkosaavutettavuuden tekniset perusteet Saavutettavuuden toteuttaminen edellyttää lähtökohtaisesti tietoa laitteista ja sovelluksista, käyttäjistä ja käyttötavoista, sekä tekniikasta. Tekniikasta on
Editorin käyttö. TaikaTapahtumat -käyttöohje
Editorin käyttö TaikaTapahtumat -käyttöohje Yleistä ohjelmasta etaika-järjestelmän HTML-moduuli sisältää tekstieditorin, joka on monipuolinen apuväline tehtäessä materiaalia sivustolle (esim. tapahtumakohtaiset
Oulun yliopiston www-sivujen tekeminen
Oulun yliopiston www-sivujen tekeminen Oulun yliopiston ja sen yksiköiden www-sivuilla noudatetaan yliopiston www-politiikan peruslinjauksia sekä graafisen ohjeiston mukaista visuaalista linjaa. Yhtenäisellä
ARVO - 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
Sivuston tiedotqbooksupportpho nenumber.com
Sivuston tiedotqbooksupportpho nenumber.com Luotu Kesäkuu 07 2019 05:06 AM Pisteet74/100 SEO Sisältö Otsikko QuickBooks Support Phone Number +1-844-233-5335 Telephone Support Pituus : 67 Täydellistä, otsikkosi
XML kielioppi. Elementtien ja attribuuttien määrittely. Ctl230: Luentokalvot Miro Lehtonen
XML kielioppi Elementtien ja attribuuttien määrittely Ctl230: Luentokalvot 11.10.2004 Miro Lehtonen Dokumenttien mallinnus Säännöt dokumenttityypeille 3Mahdollisten dokumenttirakenteiden määrittely Samassa
Digitaalisen median tekniikat. JSP ja XML Harri Laine 1
Digitaalisen median tekniikat JSP ja XML 28.4.2004 Harri Laine 1 JSP hyvin lyhyesti JSP on Java-pohjainen skriptikieli JSP:llä laadittu sivu käännetään java-servletiksi (sivun toteutus vastaa servlettiluokan
Digitaalisen median tekniikat. JSP ja XML
Digitaalisen median tekniikat JSP ja 28.4.2004 Harri Laine 1 JSP hyvin lyhyesti JSP on Java-pohjainen skriptikieli JSP:llä laadittu sivu käännetään java-servletiksi (sivun toteutus vastaa servlettiluokan
Sivuston tiedotmysiteworthcheck.com
Sivuston tiedotmysiteworthcheck.com Luotu Huhtikuu 26 2019 09:24 AM Pisteet59/100 SEO Sisältö Otsikko Check you website value Pituus : 23 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta. Kuvaus
M. Merikanto 2012 XML. Merkkauskieli, osa 2
XML Merkkauskieli, osa 2 Esimerkki: XML-dokumentti resepti maitokaakao
Teeman rakentaminen Wordpressiin
1 Teeman rakentaminen Wordpressiin Jari Sarja lokakuu 2009 Sisältö Johdanto... 2 Valmiin teeman muokkaaminen... 2 XHTML:n perussäännöt... 4 Teeman tiedostot... 5 Sanasto... 5 Hierarkia... 5 Template...
OPINNÄYTETYÖRAPORTTI WEB-STANDARDIT JA NIIDEN SOVELTAMINEN. Timo Sulanne Kimmo Tapala
OPINNÄYTETYÖRAPORTTI WEB-STANDARDIT JA NIIDEN SOVELTAMINEN Timo Sulanne Kimmo Tapala Tietojenkäsittelyn koulutusohjelma Joulukuu 2005 Työn ohjaaja: Rami Lehtinen TAMPERE 2005 Tekijät Koulutusohjelma Tutkintotyön
VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN
VERKKOSOVELLUSTEN OHJELMOINTI, JOHDATUS PHP:HEN Tämän tehtävän tarkoitus on tutustuttaa ympäristöön sekä tutustuttaa wwwdokumenttien tekoon php:llä. Alkutoimet Varmistetaan, että verkkolevyllä on kansio
Navigointi Verkkomultimedia ICT1tn004. Käytettävyys navigoinnista
Navigointi Verkkomultimedia ICT1tn004 27.9.2009 Elina Ulpovaara Käytettävyys navigoinnista Sivuston sisältö hahmottuu nopeasti hyvän navigoinnin avulla. Navigointi on helppoa ja nopeaa. Mitä sivulla on?
XML johdanto, uusimmat standardit ja kehitys
johdanto, uusimmat standardit ja kehitys Ossi Nykänen Tampereen teknillinen yliopisto (TTY), Digitaalisen median instituutti (DMI), W3C Suomen toimisto Esitelmä Hyvin lyhyt versio: on W3C:n suosittama
Sivuston tiedotpechaticentr.ru
Sivuston tiedotpechaticentr.ru Luotu Kesäkuu 03 2019 17:04 PM Pisteet59/100 SEO Sisältö Otsikko Изготовление печатей в Москве. Изготовление печати любой сложности. Pituus : 67 Täydellistä, otsikkosi sisältää
Arvioitava työ. Antamasi pisteet. Kommenttisi työstä Aulikki Hyrskykari
21.3.2013 Aulikki Hyrskykari Vertaisarvioinneista HTML5 dokumentin otsikko osa HTML5 dokumentin runko osa dokumentin rakenne ja osien semanttinen merkkaus sisällön ryhmittelyä lohkotasolla semanttista
ETAPPI ry JOOMLA 2.5 Mediapaja. Artikkeleiden hallinta ja julkaisu
ETAPPI ry JOOMLA 2.5 Artikkeleiden hallinta ja julkaisu ETAPPI ry JOOMLA 2.5 Sivu 1(16) Sisällysluettelo 1 Joomla! sivuston sisällöntuotanto... 2 2 Artikkeleiden julkaisu sivustolla... 4 3 Artikkelin julkaisemista
1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE VÄRILLINEN LOGO LOGO VÄRILLISELLÄ POHJALLA MUSTA LOGO 7 1.
1 LOGO JA SEN KÄYTTÖ 1.1 LOGO JA TURVA-ALUE 4 1.2 VÄRILLINEN LOGO 5 1.3 LOGO VÄRILLISELLÄ POHJALLA 6 1.4 MUSTA LOGO 7 1.5 EI NÄIN 8 3 1.1 Logo ja turva-alue neste jacobsin logo Neste Jacobsin uusi tekstilogo
Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta.
1. Julkaisutoiminnan peruskysymyksiä a) Mieti kohderyhmät b) Mieti palvelut c) Mieti palvelujen toteutus Vaasan yliopiston toimintaa tukevat informaatiopalvelut ovat käytettävissä WWW:n kautta. PALVELUKOKONAISUUDET:
,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU
,QWHUQHWVHODLPHQNl\WWlPLQHQ±,QWHUQHW([SORUHU Tässä pääsette tutustumaan Internet Explorerin (IE) käyttöön. Muitakin selainversioita löytyy, kuten esimerkiksi Netscape, Opera ja Mozilla. Näiden muiden selainten
Sivuston tiedotle-vintage.fr
Sivuston tiedotle-vintage.fr Luotu Tammikuu 12 2017 10:53 AM Pisteet56/100 SEO Sisältö Otsikko Le Vintage - Restaurant (site officiel) Pituus : 39 Täydellistä, otsikkosi sisältää väliltä 10 ja 70 kirjainta.
QT tyylit. Juha Järvensivu 2008
QT tyylit Juha Järvensivu juha.jarvensivu@tut.fi 2008 Sisällys QStyle Style sheet Tyyli (QStyle) Kapseloi widgettien Look And Feel ominaisuudet Toteutettu QT:ssa QStyle luokkaan Sisäänrakennettuja tyylejä
Proseduraalinen dokumentti: sisältö, rakenne ja ulkoasu yhdessä, esim. worddokumentti
1 XHTML - aloitus Sisältö: s.2 Taustaa s.4 Elementin rakenne s.7 XHTML dokumentti s.8 DOCTYPE s.11 html s.13 head s.14 meta s.16 title s.17 link s.18 style s.19 body s.22 Lohko- ja inline-elementit s.23
SeaMonkey pikaopas - 1
SeaMonkey pikaopas SeaMonkey on ilmainen ja yksinkertainen www-sivujen teko-ohjelma. Sillä on kätevää koostaa yksinkertaisia sivuja ilman, että täytyy tietää jotain HTML-koodista. Tämä opas esittelee sivuston
UpdateIT 2010: Editorin käyttöohje
UpdateIT 2010: Editorin käyttöohje Käyttäjätuki: Suomen Golfpiste Oy Esterinportti 1 00240 HELSINKI Puhelin: (09) 1566 8800 Fax: (09) 1566 8801 E-mail: gp@golfpiste.com Sisällys Editorin käyttöohje...
XML & CSS. WWW-sovellus??
XML & Näkökulmia WWW-ympäristön sovelluksiin ja käyttöliittymiin ILKKA PALOLA Citec Information WWW-sovellus?? Informaationhallinta, julkaisutoiminta Verkkoviestintä ESIMERKKEJÄ käyttäjistä ja käyttökohteista:
Sivuston 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ä,
SATAKUNNAN AMMATTIKORKEAKOULU. Hakala Toni Varpelaide Heidi TEKSTINKÄSITTELYN OHJEET CASE: OPINNÄYTETYÖN RAPORTOINTI WORDILLA
SATAKUNNAN AMMATTIKORKEAKOULU Hakala Toni Varpelaide Heidi TEKSTINKÄSITTELYN OHJEET CASE: OPINNÄYTETYÖN RAPORTOINTI WORDILLA Liiketalous ja tietojenkäsittely Huittinen Liiketalous Taloushallinto 2005 1