Kort om HTML ML meg her og ML meg der..

Slides:

Advertisements

Liknende presentasjoner

En introduksjon til moderne webdesign med webstandarder UniK Kjell Magne Fauske

Advertisements

Praktiske eksempler for å bedre tilgjengeligheten til nettsider.

HTML og CSS introduksjon Veiledet selvstudium Webpublisering 10. januar 2008 Monica Strand 1Webpublisering – 10. januar 2008.

Mer html. Krav til innlevering • Utvikles i HTML5 • Være velformet og validert • Benytte css • Drop down menyer • Basere seg på HTML5 tagger for sideoppsett:

Universell utforming og Tilgjengelighet på nett Haakon Aspelund Deltasenteret.

XML EXtensible Markup Language

XMLSchema.  Innledende eksempler: Tove 4. Janni 5. Huskelapp 6. Ikke glem avtalen til helgen 7. Vi har sett DTD’en til dette xml dok. Her kommer.

WCAG 2.0. WCAG historikk West County Assembly of God, 1969 Web Content Accessibility Guidelines (WCAG 1.0), 1999 Web Content Accessibility Guidelines.

Overordnet om HTML- undervisningen IT20 oktober 2004.

Linked Data og UBiT Rurik Thomas Greenall, NTNU Library.

Kirsten Ribu - HiO - LO 130 A1 Rammer. Mer om Javascript LO130A Kirsten Ribu

1 Bilder, tabeller Kirsten Ribu Repetisjon: div taggen Blokker ( ) Et (X)HTML-dokument kan deles inn i blokker med og hver blokk må avsluttes.

Universell utforming Døra har god kontrast mot vegg og gulv og er terskelfri. Vindu gjør at du ser om du møter noen, selv om ett av dem burde ha vært.

JAVASCRIPT I NETTLESEREN. Objekter i nettleseren Objekter som er innebygd i språket Egendefinerte objekter Nettleser objekter HTML objekter.

EVENTS. Event modeller Javascript 1.0 og 1.1 Netscape Commander 4.x Internet Explorer 4.x DOM level 2 Internet Explorer 5.x.

© UNIVERSITETETS SENTER FOR INFORMASJONSTEKNOLOGI UNIVERSITETET I OSLO USIT Side 1 XML - Teori og praktisk bruk Astrid Jenssen

Koding/merking av tekst Uke 35

Elektroniske filformater til brukerne. Bruksområder Info-hefter Skjemaer Tabeller …

Forelesning 2 – WMP - PHP Introduksjon - Tom Heine Nätt.

XML Extended Markup Language - The ASCII of the Future.

Digital Documents Gisle Hannemyr Autumn 2002 Introducing XML, CSS, XSL eXtensible Markup Language Cascading Style Sheets XML Style Language.

1 Arrayer og form(ularer) (Kapittel 4). 2 Mål  Forstå assosiative og superglobale arrays  Kunne behandle webformularer (forms)  Kjenne forskjellen.

Innledning om HTML IT20 oktober Bakgrunn Konseptet WWW ble født i 1983 i CERN, Geneve Opphavsmann: Tim Berners-Lee, MIT Spre informasjon uavhengig.

XSLT The Candy Community. Fiktivt community Godteri-relatert og sukkersøt musikk. To typer metadata: Candy factor Sugar level.

Web Accessibility Initative (WAI) Flere akronymer.

CSS Doing it in style!. CSS Cascading style sheets. Eget språk for presentasjon av dokumenter. Ligner Java-syntaks. Klasser av stiler for gjenbruk. Kaskaderende.

DOM og scripting Making it come alive. Hva er DOM? Standard for å definere trestrukturen til XML-dokumenter. IDL-spesifikasjon av grensesnitt, egenskaper.

Databasen IV Stemmer og kommentarer. Stemmer Avgis på hvorvidt metadata passer på noden. fitness: Hvor godt et egenskap passer til dataene den beskriver.

Kort om XML Språket om språket. XML: Eksempel Hans Tømmerholt.

Kommentarer og stil ”Dette suger!” ”Ne-hei!” ”Jo- hoo”, osv.

Kort om HTML ML meg her og ML meg der. En SV’er til og med.

SQL+XQuery+XML+ PHP+XSLT+HTML = $$ ?. CGI Common Gateway Interface Parametere til websider (server-side scripts) I URL'en:

Oblig 2: The Candy-community. Om XML, XSLT, Sablotron og HTML.

Hvordan virker Internett

Hvorfor lære HTML og PHP

FRA: ______________________________ TIL:______________________________ SUBJECT_______________________________ MELDING: _______________________________.

Oppgaveformatet. Oversikt XML-format, spesifisert gjennom et XML Schema. Består av et sett lovlige elementer og attributter og hvordan de kan ordnes i.

1 Hvordan lage websider Med Interkodex AS. 2 Innledende Å lage profesjonelle webløsninger kan gjøres veldig enkelt og rimelig. Du trenger ikke kunne webdesign.

 Format?  Layout?  Estetikk?  Program?  Visuell kommunikasjon?  Produsere, ikke bare konsumere?  Lage/gjøre, ikke bare se/høre?  Blir elevene.

Om Internett, World Wide Web, egen hjemmeside Ole Christian Rynning

HTML. Dagens gang SQL opgaver fra sidst HTML Opgave i HTML Indhold i analyse dokument Tilbage melding på Systemdefinitioner Links HTML editor:

DRI1002-V04 Fforelesning uke 17,19 Arild Jansen, AFIN DRI IKT og informasjonssøking Forelesning uke 17 og 18 Hovedpunktene i forelesningen Litt om.

Formalisering av B2B applikasjoner

Produksjon og publisering på WWW Organisering av drift og vedlikeholdsarbeidet v/ Halvard Wensel, Fiskeridepartementet.

HTML og CSS 16. januar

DRI H Arild Jansen, AFIN Utviklingen av fritekstsystemer Hovedpunkter for forelesningen Litt repetisjon fra 2. time –Om støtteundervisning.

1 Oppsummering Webpublisering Kirsten Ribu HiO.

Forelesning 1 – WMP - Introduksjon/HTML - Tom Heine Nätt.

Avansert tekstbehandling

Mer html display, form,. Krav til innlevering Utvikles i HTML5 Være velformet og validert Benytte css Drop down menyer Basere seg på HTML5 tagger for.

HUMIT1730 Koding/merking av tekst Uke 34b. HUMIT1730MN uke34b Kåre A. Andersen 2 Tekstkoding Representasjon av info. om visse aspekter ved tekster, så.

Hva er CSS?. CSS står for Cascading Style Sheets og er en ny standard som skal utfylle HTML.

Konventionel tekstformatering: Her har vi en overskrift fulgt af normal tekst Deskriptiv tekstformatering: Her har vi en overskrift fulgt af normal tekst.

Repetisjon Ole Christian Rynning. Administrasjon over konto Endre passord Classfronter

Protokoller Pensum: Olsen, kap. 5 og 6. Kommunikasjonsprotokoll Rutiner for å administrere og kontrollere oversending av data Telefonsamtale (”Hallo”,

Menyknapper vha. CSS (ekstra uke 38). XHTML-dokumentet…

Intro til (x)html Del 1. HUMIT1731 uke35b Kåre A. Andersen 2 En mal … Dette er en mal for DTD XHTML 1.0 Transitional Her kommer.

HUMIT1731 Hypermedier Eksamen folk.uio.no/kaarean/humit1731/oppgaver/Humit1731_h08.doc.

XML og JDOM Helge Furuseth XML  XML = Extensible Markup Language Basert på SGML – Standard Generalized Markup Language  HTML =

HUMIT1731 Hypermedier Introduksjon til CSS Uke 37.

HUMIT1731 Hypermedier Introduksjon til XSL Transformation (XSLT)

Se side 8-9. Kapittel 1: HTML5 og CSS Hyper Text Markup Language 1990-årene: Tim Berners-Lee ville strukturere tekster og lage klikkbare henvisninger på.

Intro til WWW, HTML5 og CSS

Mer html5 Håkon Tolsby Håkon Tolsby.

HTML5 og CSS Håkon Tolsby Håkon Tolsby.

Bokser og Menyer Håkon Tolsby Håkon Tolsby.

DRI IKT og informasjonssøking 2. Forelesning og seminar uke 4

Layout HTML5 Håkon Tolsby Håkon Tolsby.

Utskrift av presentasjonen:

Kort om HTML ML meg her og ML meg der.

HTML HyperText Markup Language. Struktur og semantikk i hypertekst-dokumenter. Utviklet for å dele forskningsresultater. Ved CERN, parallelt med HTTP og WWW. Standardiseres av W3C.

Utviklingen av markupspråk

Document Type Definition DTD, Doctype Ordliste + grammatikk. Lovlige elementer og attributter Organiseringen av dem

HTML DTDs Strict (”standard”) Transitional (Loose) Frameset

Strict Streng (ideell) tolkning. Separering av struktur (HTML) og stil (CSS). Ikke stil-elementer: <font face=”arial”>…</font> <center>…</center> <b>, <i>, <u> Ikke stil-attributter: <p align=”right”>…</p> <table marginheight=”10”>…</table>

HTML: Mal <!DOCTYPE html PUBLIC ”-//W3C//DTD HTML 4.01//EN” ”http://www.w3.org/TR/html4/strict.dtd”> <html> <head> <title>Hello World!</title> <meta http-equiv=”Content-type” content=”text/html; charset=UTF-8”>  </head> <body> <h1>Hello World</h1>  </body> </html>

XSLT: Output-metode <xsl:output method=”html” version=”4.01” encoding=”UTF-8” doctype-public=”-//W3C//DTD HTML 4.01//EN” doctype-system=”http://www.w3.org/TR/html4/strict.dtd” indent=”yes”/>

HTML: Innhold Avsnitt, headings (p, h1-6) Meta-info og ressurser (meta, link, script, style) Bilder, linker (img, a) Lister og definisjoner (ul, ol, li, dl, dt, dd) Inline-tekst (em, strong, keyb, code, var, tty, abbr, acronym, q, ins, del, samp) Tabeller (table, tr, th, td, thead, tfoot tbody, col, colgroup, caption) Forms (form, input, label, select, option, button, fieldset, legend) Placeholders (div, span) Annet (blockquote, pre, object)

HTML: Form-eksempel <form method=”get” action=”foo.php”> <label for=”nameField”>Name:</label> <input id=”nameField” type=”text” name=”name”> </p> <input type=”submit” value=”Register name”> </form>

XHTML HTML formulert som XML Modularisert Velformethet fra XML: Elementer skal avsluttes Elementer skal nestes riktig Attributtverdier skal være i ””. XHTML er XML. XHTML. Er. XML.

XHTML: Mal <?xml version=”1.0” encoding=”UTF-8”?> <!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Strict//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html> <head> <title>Hello World!</title>  </head> <body> <h1>Hello World</h1>  </body> </html>

XHTML: Innhold Akkurat det samme som HTML. Se HTML 4.01 Strict for en referanse.

XHTML: Form-eksempel <form method=”get” action=”foo.php”> <label for=”nameField”>Name:</label> <input id=”nameField” type=”text” name=”name”/> </p> <input type=”submit” value=”Register name”/> </form>

Obliger HTML 4.01 Strict for alle transformerte sider. XHTML 1.0 Strict for statiske sider. Følge ”ånden”: Bruke elementer semantisk riktig. Ikke tabeller for layout (that means YOU). Logisk rekkefølge på headers. (h1, h2, h3) Følge WAI så godt det går.

Ressurser: http://www.w3.org/TR/html4/ http://www.w3.org/TR/xhtml1 http://www.w3.org/TR/CSS2/ http://www.w3schools.com