CSS del 3 Samuel Kvarnbrink 2006-04-03.

Slides:



Advertisements
Liknande presentationer
Nyheter i GeoBas 3.0 Peo Krook Security, Government & Infrastructure
Advertisements

Intranät Webbprojektet 2011.
Ta bilder med hög upplösning på modellen i Tekla Structures.
Meny •Hem: Visar denna sida. Kan användas för allmän info •ProNavigo visar Modellen, mallar, checklistor •Projektlänkar: visar en undermeny med lämpliga.
Mina Aktiviteter Integration med befintliga webbplatser.
HTML - grunder. Program •Html kan skrivas i anteckningar, eller vilket annat textbehandlingsprogram som helst. Mitt tips: Notepad ++ Notepad ++ •Grafiska.
HTML – vad är det och varför ska vi använda det Och vad är XHTML.
II130V Konstruktion av webbsidor Välkommen till föreläsning 3 September 2007.
XHTML.
AGENDA Bakgrund Vad vi kan erbjuda Referenser Snyggare-Internet,
Tom Ahola.   Ändamålet för sajten? Göra promo för nya skivor, berätta nyheter inom bandet, presentera turnédatum,
Intranät Webbprojektet 2011.
Dagens ämne Kvadratiska former Andragradskurvor Matrisform
Manual: Att skapa en ny sida. (Tryck på F5 för att se PP-presentationen)
HEAD – HUVUDET I huvudet hittar du information om dokumentets titel, sökord, referenser till stildokument och annan information som normalt inte visas.
Programmeringteknik Webbdelen. HTML H yper T ext M arkup L anguage Märker upp sidans innehåll så att webbläsaren kan avgöra hur innehållet ska visas.
Viet Tran.  Syfte och mål  Forskningsfrågor  Metod  Resultat  Slutsats  Vad kunde ha gjorts annorlunda?
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
HTML – vad är det och varför ska vi använda det
Webbteknik lektion 3 Det handlar mer om stilmallar Per K, 2012.
Webbteknik lektion 2 Det handlar om stilmallar Per K, 2012.
XHTML och CSS En föreläsning om webbteknik , SK, PK TFE Umeå Universitet.
Webbteknik lektion 4 Det handlar mer om stilmallar Per K, 2012.
Webben – intro Första föreläsningen i kursen Webbutveckling.
Stilark: CSS Digitalisering av text April 2005 Mats Dahlström.
Responsive design i praktiken Johan Kling
WEBMASTER DAG 4 Mahmud Al Hakim
Mahmud Al Hakim Webmaster DAG 9 VT09 Mahmud Al Hakim
Html5 Rich Media. Video Helt ny Element i html Ersätter FlashVideo Lätt att använda Layout ändringar med css och js.
DHTML Designa din egen webbsida.
1 ITK:P2 F2 Stilsättning av XHTML DSV Peter Mozelius.
Arbeta med Arbortext Övningsuppgift DITA (PM01) 2 – KIT
(Cascading Style Sheets) Rebecca Landmér 2007 CSS.
Happy.ax lathund till WordPress
CSS del 3 Kvarnbrinkx Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen,
Webbutveckling Med fokus på grunder i html och css.
XHTML och något om CSS Produktion för tryckta Webbutveckling Kvarnbrink
XHTML & CSS Introduktion Erik Nahkala
Dreamweaver fortsättning DAG 2 VT09 Mahmud Al Hakim
© Björn Lindell, Datapedagogiskt Forum, SLU Hur kommer jag i gång med att göra web-sidor? Länkar “on line” på URL:
XHTML – Dokumentets grundstruktur Body - head. Grundläggande dokument
Dreamweaver fortsättning DAG 1 VT09 Mahmud Al Hakim
Föreläsning 13 Appletprogram/fristående grafiska program Arv Rita linjer, rektanglar mm Skriva text, byta färg Appletprogram & HTML Grafiska användargränssnitt.
XSLT 1 Digitalisering av kulturarvet.
1 2I1073 Föreläsning 1 KTH-MI Peter Mozelius XHTML, stilmallar och Javascript.
CSS del 2 Kvarnbrink Mer elementreferens ID refererar man till med #-tecken #content { width: 600px; } Klassnamn har en punkt före.newsitem.
CSS del 1 Kvarnbrink I början… Bakgrunden var det enda man kunde byta färg på Allt var satt i Times Texten flödade över hela webbläsarfönstrets.
Copyright, Mahmud Al Hakim, Lektion 3 Ramar, Navigeringsfält, Lager Mahmud Al Hakim
CSS del 3 Samuel Kvarnbrink Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen,
CSS del 3 Kvarnbrink* Färdiga layouter Yaml builder Dreamweavers mallar Free css templates.
Elektronisk affärskommunikation – del 5 Logistikprogrammet.
Repetition webbteknik Per K. Selektorer metod 1 1. Elementreferens CSS-kod: p { font-family: georgia, serif; } HTML: Text skrivs i en brödtext.
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
Webben – en sammanfattning Sista föreläsningen i kursen Produktion för tryckta medier och webb.
Bildsvep Spara och återuppta en ansökan Börjar strax
Det finns två sätt Det ena bygger på…...
Jenny Manning Åsa Gårdsskola
Kandidathantering i Reachmee
Självstudiekurs i avvikelsestatistik
Bakgrund och problemformulering Framtida läge/ Mål
CSS del 1 Kvarnbrink
Hässleholmen läser Bokstart
Medicinska webbapplikationer
för att skapa din kvartershemsida
Hur jag vektoriserar Öppna Illustrator.
Internet A HTML Grunder
CSS del 1 Samuel Kvarnbrink
Hej användare! Välkommen till nya mallar.
Hej användare! Välkommen till nya mallar.
Broderfolket i skvis Kampen for at personlig assistanse i Sverige skal bli regnet som en menneskerettighet, og ikke en folkhemsdödare. Jessica Smaaland,
Presentationens avskrift:

CSS del 3 Samuel Kvarnbrink 2006-04-03

Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen, t.ex. ‘media=”screen”’ all, aural, braille, handheld, print, projection, screen, tty, tv

CSS-signaturer En och samma CSS-fil kan definiera flera stilar (t.ex. alternativ bakgrund) Kopplingen görs genom att sätta ett ID- värde på body-taggen Bra om man t.ex. vill ha lite avvikande förstasida men utan att bolla med olika CSS-filer

Sliding doors Ren CSS-lösning för snygga menyer Fixar bakgrunden på menyflikar med varierande bredd Ett grundkrav: Varje <li>-tagg måste innehålla en annan tagg (en meny med länkar uppfyller det kravet)