Tässä opintojaksossa opitaan CSS-kielen perusteet. Edistyneemmät ominaisuudet ja CSS3 käsitellään 2. vuoden kurssilla Web-sovelluskehitys. A Mikä merkitys on Web-standardeilla. B Mitkä ovat CSS2-spesifikaation ongelmia. C Mitä käsitekaavioita ja termipuita CSS:ään liittyy. D Mikä on (X)HTML-elementtien semantiikka. E Millaista epästandardia CSS:ää on olemassa. ... My proposals for CSS3 . Jotkut selaimet tukevat myös CSS3:een ehdotettuja piirteitä, joista yhtä olen käyttänyt. Löydät suhteellisen tarkat tiedot tuetuista CSS-piirteistä kahdesta englanninkielisestä taulukosta ( CSS-taulukko 1 , CSS-taulukko 2 ) ja niiden kommenttisivuista. CSS3:een on ehdotettu lisättäväksi uusia at-sääntöjä, kuten @namespace. Selostan @namespace käyttöä sivuilla CSS notes 1 ja Valitsimet . Se on sääntö, joka tulee sijoittaa tyylisivun alkuun kuten @charset at-sääntökin. Kurssilla käydään HTML5 ja CSS3 perusominaisuuksia läpi niin, että opiskelija voi kurssin jälkeen lähteä syventymään web tekniikoihin haluamallaan tavalla. Kurssin suoritettuaan opiskelija ymmärtää www-sivun rakenteen ja ulkoasullisen eroavuuden ja osaa tehdä rakenteeltaan ja ulkoasumäärityksiltään valideja sivuja. Tarvitset ainoastaan modernin selaimen. Uusin Internet Explorer, Safari, Mozilla Firefox, Google Chrome ja Opera tukevat monia html5-ominaisuuksia. Ks. myös: Kokeiluympäristö – sivu, jossa voi ”lennosta” kokeilla CSS-asetusten vaikutuksia testisisältöön. Selainkohtaisia. Edellä mainittu MDN on CSS on sekä yleinen kuvaus että Firefox-kohtainen kuvaus, joka sisältää laajasti tietoja myös muiden selainten CSS-tuesta. Alkuun päästäksesi et tarvitse tehokasta konetta tai hienoja ohjelmia, melkein mikä tahansa räyskä riittää kunhan siinä on selain (IE, Firefox, Chrome…) ja tekstimuistio, joka Windows koneilla löytyy Apuohjelmista. 1 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 suunnittelu 5. Tekninen suunnittelu 6. CSS3-transitiot on Mikrogramma Design. Vuoden Viinit -kilpailun sivuston ulkoasu uudistettiin täysin vastaamaan vuoden 2017 kisan uudistettua tulostenjulkistustaktiikkaa. HTML5, CSS3 ja JavaScript ovat voimakolmikko, joka vie web-sovelluskehityksen uudelle tasolle ja mahdollistaa rikkaat käyttöliittymät entistä helpommin. ... Niillä onnistuu niin animaatiot kuin median esittäminen kuin paikkatietojen käsittely ja monen moni muu mikä ennen on vaatinut palvelinpään tekniikkaa tai erillisohjelmointia. Opinnäytetyön tavoitteena oli rakentaa web-portfolio HTML5- ja CSS3-tekniikoita käyttäen. Opin-näytetyössä ei ole toimeksiantajaa, vaan sivusto kehitetään omaksi taidonnäytteeksi, jota on ... mikä joillakin sivustoilla on erittäin tärkeää. CSS3:n määrittely esittää tähän @font-face -sääntöä. Tämän metodin avulla määritellään fonttikirjaston URL - osoite ja haettavan fontin nimi, minkä jälkeen fonttia voidaan käyttää verkkosivuilla[16].