HEAD – HUVUDET I huvudet hittar du information om dokumentets titel, sökord, referenser till stildokument och annan information som normalt inte visas.

Slides:



Advertisements
Liknande presentationer
This work is licensed under a Creative Commons 3.0 Attribution License Wikispaces för SBC En guide
Advertisements

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.
Datavalidering med JavaScript
II130V Konstruktion av webbsidor Välkommen till föreläsning 3 September 2007.
XHTML.
FTP, HTTP, HTML, XML och XHTML
Algoritmer och data strukturer -Länkade listor
Att tyda referenser. 1) Artikeln går att få upp på skärmen och skrivas ut på papper Välj knappen SFX UmeåUB.
XHTML 1 Designa din egen webbsida. Idag  Struktur och uppmärkning  Vad är (X)HTML?  Element, taggar och attribut  Validering.
Programmering?. Förslag till innehåll programmeringens grundläggande teori webbredigering, webbprogrammering html xml wml (wap 1) xhtml css javascript.
DCV Idéskiss Design Jag tror att jag ska ha en mörk och stilren design på mitt DCV. Det ska finnas dynamisk funktionalitet där designen byts utan att sidan.
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.
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
Webbutveckling grundkurs DA7710
Göra en enkel webbsida med word
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.
Webbteknik En kort introduktion. Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender.
Webben – intro Första föreläsningen i kursen Webbutveckling.
Stilark: CSS Digitalisering av text April 2005 Mats Dahlström.
Först lite addenda till gårdagen …. (tomt element) eller (med elementinnehåll) attributet target för att identifiera ett mål Korsreferenser See especially.
INFORMATIONSHANTERING Tips & råd av Anna Maria & Joakim
Grundkurs i Internetsökning
Responsive design i praktiken Johan Kling
Mahmud Al Hakim Webmaster DAG 9 VT09 Mahmud Al Hakim
XSLT – en introduktion Digitalisering av kulturarvet.
Källor! Hur gör man egentligen?
1. Uppgiften presenteras
DHTML Designa din egen webbsida.
XSLT – en introduktion Elektronisk publicering.
TEI Header Mats Dahlström Digitalisering av kulturarvet April 2007.
Webbfrukost 15 mars Webbpolicy ●Viktigaste kommunikationskanal ●Innehåll och struktur efter besökaren ●Tydlig avsändare – på varje webbsida ●Ett.
(Cascading Style Sheets) Rebecca Landmér 2007 CSS.
MED RAMVERKET.NET Marcus Medina UTVECKLING. Dagens visdomsord ” För varje berg du bestiger se inte bara vad som ligger framför dig, titta ner och se vad.
CSS del 3 Kvarnbrinkx Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen,
Informationssökning och källkritik
Informatik C VT 2011 Informationssökning Magnus Olsson, Umeå UB Tel
Webbutveckling Med fokus på grunder i html och css.
XHTML och något om CSS Produktion för tryckta Webbutveckling Kvarnbrink
Statistik C VT 2011 Informationssökning Magnus Olsson, Umeå UB Tel
XHTML & CSS Introduktion Erik Nahkala
Dokument Författare namn Mål Sökord Beskrivning Tidsbruk Utbildningsområden Nivåer Program
TEXT – GRUNDERNA Det huvudsakliga innehållet i XHTML- dokument är text – brödtext, rubriker, avgränsande linjer.
Webbteknik En kort introduktion. Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender.
W EBBUTVECKLING, HT 2013 En webbplats Källa: pragmatisk.se.
IV1023 ht2013 nikos dimitrakas KTH/ICT/SCS 1 IV1023 ht2013 Avancerad Datahantering med XML XSLT nikos dimitrakas Rum 8522 Läsanvisningar.
XHTML 1 Elektronisk publicering. Idag  Struktur och uppmärkning  Vad är (X)HTML?  Element, taggar och attribut  Klasser och.
XHTML – Dokumentets grundstruktur Body - head. Grundläggande dokument
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.
Statistik C VT 2010 Informationssökning Magnus Olsson, Umeå UB Tel
Informatik C VT 2010 Informationssökning Magnus Olsson, Umeå UB Tel
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.
Textkodning 1 Dokumentrepresentation. Idag  Struktur och uppmärkning  Vad är (X)HTML?  Element, taggar och attribut  Standarder.
Mikael Olsson SEO utbildning – Bilia Dag 2 - Onsite.
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
Att skriva för människor Att skriva för sökmotorer.
Webbteknik En kort introduktion.
CSS del 3 Samuel Kvarnbrink
CSS del 1 Kvarnbrink
Göra en enkel webbsida med word
I vissa datorer behöver du trycka på F5 för att starta bildspelet
CSS del 1 Samuel Kvarnbrink
Presentationens avskrift:

HEAD – HUVUDET I huvudet hittar du information om dokumentets titel, sökord, referenser till stildokument och annan information som normalt inte visas av webbläsaren.

Head Ligger alltid under taggen Mellan starttaggen och sluttaggen kan elementen  base  link  meta  script  style och  title finnas

BASE Med elementet kan man ange en basadress. Bilden som finns på adress ” Kan enklare hittas med hjälp av basadressen ” och filnamnet ”bil.jpg”

Exempel - base <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" " Elementet BASE Titta en bil <img src=" alt="Valid XHTML 1.0 Strict" height="31" width="88" />

Link Elementet link används för att referera till externa resurser Det kan finnas flera Link-element i ett html- dokument En vanlig användning är att ge en referens till.css filer d.v.s filer som information om hur dokumentet skall se ut på skärmen

LINK – ett exempel <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" " Elementet LINK MIN BIL Titta en bil

LINK – grundläggande Attribut href – specificerar var resursen finns - href="stajl.css"  Det finns ett antal typer av fördefinierade länkar Alternate, Stylesheet, Start, Next, Prev, Contents, Index, Glossary, Copyright, Chapter, Section, Subsection, Appendix, Help och Bookmark. Media – specificerar målmedium – screen är det som gäller om ingenting anges (default) - media="screen"  andra media är tty, tv, projection, handheld, print, braille, aural and all. type anger mediatyp – type="text/css"  Det kan exempelvis vara text/css eller text/javascript.

LINK – ett exempel <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" " Elementet LINK MIN BIL Titta en bil

META Meta elementet används för att specificera data kring dokumentet – vem som är författare, nyckelord, övergripande beskrivningar av dokumentet med mera KEYWORDS – nyckelord som kan användas av sökmotorer AUTHOR - författarnamn DESCRIPTION – kort beskrivning – visas av sökmotorn som sammanfattning av dokumentet DISTRIBUTION - specificerar om dokumentet är globalt eller regionalt

Meta – exempel

Meta - exempel

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" " META-ELEMENT …

Script och Style Elementet Style används för att bädda in information om exempelvis fonter, färger, marginaler e.t.c. Denna information bör läggas i ett separat dokument.css Elementet Script används för att bädda in script som styr beteende om sidan – detta behandlas inte i detta sammanhang

Title Elementet Title används för att identifiera dokumentet – titeln brukar visas övers i det fönster där dokumentet visas XHTML – Title Tag Det får bara finnas en title-tag i dokumentet