Øvelsesgang 1 - DWDK Rikke Poulsen. Timernes indhold supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil.

Slides:



Advertisements
Lignende præsentationer
Introduktion til CSS Videre med CSS. Body egenskaber Body-markøren omslutter alle vores indholdselementer. Du kan derfor ved at tillægge en række egenskaber,
Advertisements

Introduktion til HTML HTML dokumentets struktur & Indhold.
Introduktion til CSS Godt i gang med CSS. 201 – V1 – Introduktion til CSS Hvad er stylesheet?
Projekt - Litteratursøgning og skriftlighed
Grundlæggende PowerPoint
SEO (Search Engine Optimization) - Hvordan bliver du mere synlig på nettet?
Hjemmesidekonstruktion Tjekspørgsmål 1.Hvad er et markup-sprog – hvad bruges det til? 2.Hvad er forskellen mellem et markup-sprog og et scriptsprog? 3.Hvad.
Det Internationale Område Studieområde 3/
Opgaver og svarark – til individuel brug
Søgeord og konverteringer En webtekst skal på samme tid skabe synlighed i søgemaskinerne og motivere brugerne til at udføre en handling, vi som afsendere.
Vejledning i blog-værktøjet WordPress Opdateret august 2009.
Visitsite.dk © anja nielsen Forskellige typer websider Søgemaskiner Webshops (betaling) Blog (i forandring – og to-vejs kommunikation) Stationære.
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
Sådan strukturerer du en pressemeddelelse
Sprog/billeder på Internettet
Vejledning i blog-værktøjet WordPress Opdateret oktober 2012.
Vejledning i blog-værktøjet WordPress Opdateret februar 2009.
Dagsorden: Formål: Jeres websider skal layoutes i bokse/sektioner
Asma (Mona) Khan & Mathilde Lolle
Design og arkitektur for borger.dk
Program for Dag1 1. ca Intro til kurset og gruppeopdeling 2. ca Markupsprog og browsere – hent Komodo 3. ca Tags, xhtml, Validering.
POSITIONERING Stefan Grage
Join.me/webkursus. * Vi kan nu ramme de html-elementer vi vil… * Lad os få placeret vores “kasser”/strukturelle elementer * Dertil bruger vi en række.
Web tilgængelighed Do’s and dont’s
XML 1.
SEO PÅ AU.
CSS ver. 2 Rikke Møller-Poulsen. Visning af billeder?!? Er der stadig nogen, der har problemer med at få vist billeder på deres site?
Visitsite.dk © anja nielsen Forskellige typer websider Søgemaskiner Webshops (betaling) Blog (i forandring – og to-vejs kommunikation) Stationære.
XML1 4.7 XML and Its Data Model. XML2 Introduktion til XML, 178 XML = eXtensible Markup Language Markup language –sprog, hvor data "pakkes ind" i tags.
XML1 4.7 XML and Its Data Model. XML2 Introduktion til XML, 178 XML = eXtensible Markup Language Markup language –sprog, hvor data "pakkes ind" i tags.
Introduktion til XML.
Præsentation 28: Eksamen Objektorienteret Middleware.
Beginning CSS and Web Development kap
Rammeformater og indholdsformater
Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.
Vejledning til oprettelse af CV
XML Schema og RDF Costanza Navarretta Center for Sprogteknologi, Københavns Universitet
Kildekritik Niveau 1 for folkeskolens afgangsklasser.
XML Rasmus D. Lehrmann DM Indhold Hvad er XML? XML standarder Hvor bruges XML? XML struktur Træ struktur Element & Attribute Syntaks i XML Stylesheets.
XML og Skemaer Costanza Navarretta Center for Sprogteknologi, Københavns Universitet
Videregående pc-vejledning Modul 07: Elektronisk post 60+Bornholm.
Videregående pc-vejledning 60+Bornholm Velkommen til.
Øvelsestimer (opgave 5) v/Morten Davidsen Læser til daglig cand.merc.(dat.) på CBS.
Usability – øvelse 1: Kortsortering
Daisy Overblik. Formål og principper Alternative udgaver bør være tro gengivelser af det trykte forlæg for at sikre at syns- og læsehandicappedes har.
Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik.
DWDK Øvelsesgang 2. Tegnsæt: utf-8 vs. iso Utf-8 = universelt tegnsæt Giver advarsel i validator Dokument skal gemmes i utf-8 format i notepad.
Grundlæggende XML og XML- baserede teknologier til textmodellering DTD 2. kursusgang (7/ )
Tilgængelighed og Content Management Systemer - ATAG.
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
ATAG Tilgængelighed og Content Management Systemer.
Tekst til nettet Digitale Medier E /11. MENU DIGITALE MEDIER: FORMIDLING OG DESIGN SØGEMASKINER OG OPTIMERING Tekst på nettet Opsummering på kursets.
DWDK – øvelsestime 3 CSS – let the fun begin!!. Tilgængelige slides Disse slides ligger på mit public drev
Øvelsestimer (opgave 7) v/Morten Davidsen Læser til daglig cand.merc.(dat.) på CBS.
Grundlæggende DW, HTML, CSS, udskæring.
Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld.
Webdesign & Webkommunikation, ITU Torsdag d. 9 feb HTML © Hasse Feldthaus.
PD – kursusgang 2 Introduktion til Frames og Cascading Style Sheets.
Øvelsestimer (opgave 3) v/Morten Davidsen Øvelseslærer på ITU cand.merc.(dat.) studerende på CBS.
Øvelsestimer (opgave 3) v/Morten Davidsen Læser til daglig cand.merc.(dat.) på CBS.
Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt.
Hjemmesider Begynderguide. Editor En editor er et program, hvor du kan skrive dine koder. Se videoen her for gennemgang af, hvordan du kan downloade og.
Fornavn Efternavn Din titel. Agenda Punkt 1 Punkt 2 Og et tredje.
Modul 07, Elektronisk post
Vejledning: Publicering af artikler på portalen.
Informationssøgning og referencer
- 30 minutters oplæg - 30 minutters ordet er jeres
Informationssøgning og referencer
Præsentationens transcript:

øvelsesgang 1 - DWDK Rikke Poulsen

Timernes indhold supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil have gennemgået?

Praktiske oplysninger Vi starter kl pauser 2 ved hver pc Jeg er i dette lokale (3A52) Kø på tavlen Spørg hinanden Newsgroup it-c.courses.DWDKit-c.courses.DWDK Websites som og Yderligere spørgsmål:

Dagens agenda Noget om xhtml-kode generelt Noget om opgaverne Hjælp til opgaverne

Xml-deklaration og tegnsæt <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Hvilken version af sproget xml benyttes? Hvilket tegnsæt bruges? unicode UTF-8 iso (æ, ø og å)

DOCTYPE <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet DTD = Document Type Definition - standard for koden - xhtml 1.0 Strict (den w3c anbefaler) - Bruges til browserfortolkning og validering

html-tag <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Omslutter hele dokumentet Attributter: -xmlns: XML Name Space har altid den værdi -xml:lang angiver det sprog dokumentet er skrevet på

head-tag <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Information om sitet -Titel -Meta-tag med info om fx -Forfatter -Indhold -keywords

body-tag <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " Hjemmesidens titel Dette er min hjemmeside. Denne tekst er fremhævet Selve indholdet

Opgave 2 Vær opmærksom på at tags skal være indlejrede, dvs.: Jeg er en haj til html

Opgave 3 Headings til

Opgave 4 - Indhold, der ikke er overskrifter, dvs. brødtekst, skal inddeles i afsnit (paragraphs) det første afsnit, jeg vil skrive det andet afsnit, jeg vil skrive

Opgave 5 Elementet har altid en attribut og en værdi: ITU’s hjemmeside Links kan være Absolutte Relative (indenfor dit eget site) ”skum.html” ”maelk/skum.html” ”../produkter/maelk/skum.html” Pseudo-protekoller: Til et defineret sted i et html-dokument ”skum.html#top” Kræver definition af stedet, der linkes til toppen

Opgave 6 er et tomt tag Indeholder kun attributter med værdier Samme regler for stien til billedet som ved Afsluttes med det samme

Opgave 7 - validering Så kommer det store øjeblik…