Webdesign & Webkommunikation, ITU Torsdag d. 9 feb. 2006 HTML © Hasse Feldthaus.

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?
Videregående pc-vejledning
Hejnsvigbynet.dk Opdatering med typo3 CMS. •Mål –Deltagere skal kunne oprette og redigere tekst, tabeller og billeder på en underside •Forudsætninger.
Introduktion til HTML Tabeller. Formatering af tekst, overskrifter, brødtekster og links bringer os ganske langt. Men ofte vil vi også have brug for at.
Mini-kursus for 8.a og 8.b Efterår Alt for store overskrifter -Brug skriftstr. 16 -Brug gerne fed skrift Understregning og punktum i overskrifter.
Vejledning i weblog-værktøjet
Administration af hkkbhbest.dk Guide til brug ved kursus onsdag den 16. februar 2011.
Introduktion til HTML Hypertekst referencer. Uden links – Hypertekst referencer – intet world wide web. World wide web er et Hypermedium….. Link definition.
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.
Sidetyper Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
Vejledning i blog-værktøjet WordPress Opdateret august 2009.
DDS PowerPoint 2009 Eksempel på opsætninger DDS titel dias.
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
Vejledning i blog-værktøjet WordPress Opdateret oktober 2012.
Vejledning i blog-værktøjet WordPress Opdateret august 2008.
Vejledning i blog-værktøjet WordPress Opdateret februar 2009.
Cascading style sheets (CSS) Formål med css • Adskillelse af indhold og udtryk • Større typografisk frihed • Nemmere redigering Eksempel uden style sheetuden.
Dagsorden: Formål: Jeres websider skal layoutes i bokse/sektioner
Grundlæggende Webdesign Blåt hold – øvelsesgang 2
POSITIONERING Stefan Grage
1. Del - Karin. Undervisere: Peter, Karin, Jens og Gitte Hvem er Peter & Karin? Broadcast:
Side-egenskaber Web-udvikling med FrontPage 2003 RHS - Informationsteknologi.
Web tilgængelighed Do’s and dont’s
Intro Forelæsning 2 Linux install-party lør.14.sept kl – man. 14.okt – Kursets omfang :7,5 ECTS Kursussammensætning: forelæsning.
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?
Studieweb Kaare og Jonathan.
Sensus Tilgængelighed i PDF-filer - Adobe Professional Helene Nørgaard Bech Sensus ApS.
Dag 4 - dagsorden: Formål: I skal lære at lave menuer I Tekst/CSS-baserede menuer 1. Lodret menu med mouse-over-effekt 2. Vandret menu med mouse-over-effekt.
1 Webdesign - De første trin Grundliggende begreber Internettet (1969-): En fællesbetegnelse for netværk eller tjenester der benytter samme.
H:\ public_html \ gwd \ oevelse_x \
Øvelsesgang 1 - DWDK Rikke Poulsen. Timernes indhold supplement til læsningen og forelæsningen Jeres behov? Gennemgang af opgaverne? Andre emner, i vil.
Sensus Hyppige brud på retningslinierne for tilgængelighed - WCAG Helene Nørgaard Bech Sensus ApS.
1 HMAK XMLRelationel model og XMLNOEA / PQC 2005 SQLServer og XML Hent data via URL Generering af xml –Raw –Auto –Explicit Hent data via template Evt.
Videregående pc-vejledning Modul 06: Netværk WWW = World Wide Web 60+Bornholm.
XML Rasmus D. Lehrmann DM Indhold Hvad er XML? XML standarder Hvor bruges XML? XML struktur Træ struktur Element & Attribute Syntaks i XML Stylesheets.
Dig Tante Oda fra Brovst Gitteweb-server ( ssh-server (ssh.itu.dk/import/stud/www/gwd/E2005/oevelse_x/4/brugernavn) Internettet.
Dag 7: Javascript Screen-broadcast – gå til - Indtast mødenummer - Vælg html-viewer - Klik Join sessionwww.123beam.com Php-opsamling (php-warning.
Gennemgang af hjemmeside.
JavaScript i externe filer JavaScript gemmes i en ekstern fil (myscripts.js ) og så hentes ind i dokument hvor de skal bruges med, svarende at koden var.
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.
Tilgængelighed og Content Management Systemer - ATAG.
Fremstilling af Simple WEB steder [ITPL] Foråret 2004
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
XML 2. Formatering af XML data med CSS Når man arbejder med XML og CSS er fremgangsmåden den samme som i forbindelse med HTML og CSS.
ATAG Tilgængelighed og Content Management Systemer.
PD – kursusgang 3 Introduktion til Java Script. Mål Viden om hvordan JavaScripts indlejres i HTML dokumenter Viden om programmering i JavaScript  Erklæring.
DWDK – øvelsestime 3 CSS – let the fun begin!!. Tilgængelige slides Disse slides ligger på mit public drev
Grundlæggende web design, ITU Torsdag d. 3 nov Javascript.
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.
Usability – 3. november: Tilgængelighedstests Vigtige deadlines! Dagens øvelse Tilgængelighedsrapport Usability-rapport Næste uge.
Ø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.
Intro Siden sidst: evaluering på opgaver og virtuel kursus.
IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
Dreamweaver, CSS og eksterne applikationer Fjerde øvelsesgennemgang Onsdag den 20. juni Webkommunikation 2007 v/ Niels Christian Nielsen.
Internet, html og Dreamweaver Anden øvelsesgennemgang Onsdag den 13. juni Webkommunikation 2007 v/ Niels Christian Nielsen.
Instruktioner Der findes 4 forskellige skabeloner i 6 forskellige farver: titel, punktopstilling, billede og citat. Derudover er der én skabelon hvis titelsiden.
Ændr 2. linje i overskriften til AU Passata Light 7. AUGUST 2015 MARIE HALKJÆR KRAGELUND AARHUS UNIVERSITET AU SØGEMASKINEOPTIMERING.
Formular designer – Basis Efterår 2016 Tilst
Efter folkeskolen kan du i Danmark typisk vælge én af 2 ”retninger”
Efter folkeskolen kan du i Danmark typisk vælge én af 2 ”retninger”
Vejledning: Publicering af artikler på portalen.
Præsentationens transcript:

Webdesign & Webkommunikation, ITU Torsdag d. 9 feb HTML © Hasse Feldthaus

Dette er overskriften Hej verden! et HTML dokument er en helt almindelig tekst-fil der overholder en række syntaksregler, så det kan fortolkes af en browser. Opbygningen af et HTML dokument

Almindelig tekst mellem … vil blive vist som almindelig tekst (whitespaces som mellemrum, linieskift og tabuleringer ignoreres) Almindelig uformateret tekst udenfor … vil blive tolket som fejl kommentarer (kan stå i og udenfor head og body 4 typer af koder som bliver fortolket anderledes end tekst start/stop tags der påvirker indhold de omslutter tags der i sig selv giver indhold specialkoder der fortolkes til andet end selve kodeteksten

HTML tags (body) det der bliver tagget Her er en fed tekst(Bold) Her er en kursiv tekst(Italic) Dette er en blok tekst (Paragraph) Dette er en overskrift niveau 1 (Heading1) Dette er en overskrift niveau 6 (Heading6) starttagsluttag Denne tekst er både fed og kursiv Her er fed tekst i en overskrift Denne tekst er både fed og kursiv Forkert: Her er en fed tekst Her er en kursiv tekst Dette er en blok. Yada yada yada yada Dette er blok 2 Bla blabla bla bla (SIFU)

HTML tags (body) (BReak) (Horisontal Ruler) parameterNavn=”parameterVærdi” (centrer tekst) (streg 100 pixels bred) navn/værdi par adskilt af mellerum

HTML tags (body) tryk her (anchor) Relative links: ”fil2.htm” ”undersider/fil2.htm” ”../racerbiler/fil2.htm” ”../../../../peters/temp/fil2.htm” Absolutte links: ” ” Pseudo protokoller: defineret sektion af et html dokument: ”fil2.htm#del3” Her er del 3 tryk her tooltip

HTML tags (body) &kode; æ  ”æ”Æ  ”Æ” ø  ”ø”Ø  ”Ø” å  ”å”Å  ”Å” (Non Breaking SPace) @(# ASCII kode … i det her tilfælde

HTML tags (head) Sidens titel index.htm index.html