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

Slides:



Advertisements
Liknende presentasjoner
GoOnline XP publisering Hvordan komme i gang med GoOnline XP. Denne presentasjonen tar deg steg for steg gjennom oppsett av nettsted med bruk av GoOnline.
Advertisements

Kurs i publisering av hjemmesider
Mobil læring - Hva er mulig?
En introduksjon til moderne webdesign med webstandarder UniK Kjell Magne Fauske
Informasjonskompetanse + smarte tips & triks….
HTML og CSS introduksjon Veiledet selvstudium Webpublisering 10. januar 2008 Monica Strand 1Webpublisering – 10. januar 2008.
Bakgrunnsbilder. • Dere kan nå administrere bakgrunnsbilde selv gjennom Ressursgallerimodulen • Tips: bildet bør ikke være for tungt (inntil kb.
Universell utforming og Tilgjengelighet på nett Haakon Aspelund Deltasenteret.
Duo- en liten innføring
Mars 2008 Ole Husby Nettlesere. Nettlesere finnes På Windows-PC-er på Mac’er på Linux på mobiltelefoner og forskjellige andre steder også.
Open Source Content Management APACHE LENYA Øyvind Buer (s100320, 3AB), Israr Khan (s139051, 3AA), Tore Minsaas (s141451, 3AB)
Kirsten Ribu - Webpublisering - HiO Javascript. Mer om layout Kirsten Ribu
Kirsten Ribu - HiO - LO 130 A1 Rammer. Mer om Javascript LO130A Kirsten Ribu
Webpublisering - HiO - Kirsten Ribu Mer om stiler og stilark. Layout. Litt Design Webpublisering
1 Bilder, tabeller Kirsten Ribu Repetisjon: div taggen Blokker ( ) Et (X)HTML-dokument kan deles inn i blokker med og hver blokk må avsluttes.
Webpublisering Kisten Ribu HiO1 Stilark - lenker Mer om (X)HTML Kap. 7, 8 og 9.
Digital Documents Gisle Hannemyr Autumn 2002 Introducing XML, CSS, XSL eXtensible Markup Language Cascading Style Sheets XML Style Language.
Web på mobile enheter Thomas Flemming, Webseksjonen.
Tekstformatering og lister HTML IT 20 oktober 2004.
HTML – 2. økt HiO IT20 Torsdag Plan Repetisjon/spørsmål fra Grafikk – farger – bildekart Tabeller Rammer Oppgaver.
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.
Kommentarer og stil ”Dette suger!” ”Ne-hei!” ”Jo- hoo”, osv.
Kort om HTML ML meg her og ML meg der..
Oblig 2: The Candy-community. Om XML, XSLT, Sablotron og HTML.
SVG Scalable Vector Graphics When pixels no longer does it for ya.
Hvordan virker Internett
Hvorfor lære HTML og PHP
Oppgaveformatet. Oversikt XML-format, spesifisert gjennom et XML Schema. Består av et sett lovlige elementer og attributter og hvordan de kan ordnes i.
Om Internett, World Wide Web, egen hjemmeside Ole Christian Rynning
Grundlæggende web design, ITU Torsdag d. 6 okt Links.
Arbeidsmetoder og teknikker
HTML. Dagens gang SQL opgaver fra sidst HTML Opgave i HTML Indhold i analyse dokument Tilbage melding på Systemdefinitioner Links HTML editor:
7. Typography, Readability & Legibility Lesbarhet.
HTML og CSS 16. januar
1 Oppsummering Webpublisering Kirsten Ribu HiO.
Forelesning 1 – WMP - Introduksjon/HTML - Tom Heine Nätt.
HUMIT1731 Hypermedier XHTML II Uke 36b. HUMIT1731 uke36b Kåre A. Andersen 2 Noen hovedlinjer… Som tidligere sagt: Disse innledende forelesningene vil.
Avansert tekstbehandling
Ny Fronter-tjeneste: fronter.com/uio
Hva er CSS?. CSS står for Cascading Style Sheets og er en ny standard som skal utfylle HTML.
PCR-reaksjon Forward primer F461-pBET Med sekvens Ttcgccattcaggctacgcaactg [posisjon i pBET] for amplifisering av pBET plasmider. Revers primer.
Repetisjon Ole Christian Rynning. Administrasjon over konto Endre passord Classfronter
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 Introduksjon til Extensible Markup Language (XML)
HUMIT1731 Hypermedier Eksamen folk.uio.no/kaarean/humit1731/oppgaver/Humit1731_h08.doc.
Fellesmøte for IT-ansvarlige november 2010 Informasjonsterminaler Espen Randen UB/umh og Mads Lomholt USIT.
Mer avansert kryptering Mål: Kode et dokument slik at det blir uleselig for de som ikke har kodenøkkelen.
Case Study: Skandiabanken
HUMIT1731 Hypermedier Introduksjon til CSS Uke 37.
HUMIT1731 Hypermedier Introduksjon til XSL Transformation (XSLT)
Universell utforming. Tilgjengelighet for alle ● Alle personer skal kunne bruke et produkt på en likestilt måte så langt det er mulig.
Bruk av Blackboard på BI
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å.
Expression web. Front Page vs Expression web ● Front Page er ute ● Undervisning i Front Page er undervisning i gammeldags teknologi i forhold til standarder.
Hvordan lage raske websider En oversikt over ulike teknikker
Importere design mal E-Site step-by-step.
De flinke elevene.
Табела величина табеле је одређена бројем колона и редова
Intro til WWW, HTML5 og CSS
Bokser Håkon Tolsby Håkon Tolsby.
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
Hvordan lage “drop down menu” Hvordan validere html og css
Responsive websider Bruk av flexbox Håkon Tolsby.
Mer html5 Håkon Tolsby Håkon Tolsby.
Place your logo here, Same height of left logo (9 cm)
Utskrift av presentasjonen:

Menyknapper vha. CSS (ekstra uke 38)

XHTML-dokumentet…

Head’ern – Menyknapper vha. CSS –../../../css/knapper.css

body Hjem index.html Logg logg.html Om gruppa omgruppa.html Hjelp hjelp.html Leksikon oblig2_h09.html [ Se på CSS-fila... ]../../../css/knapper.txt

Stilarket ligger på ’knapper.css’.knapp { border: 2px; border-style: inset; border-color:#CCCCCC; width: 100px; color:#FFFFFF; padding:5px 15px; background-color:#006600; font-family: Verdana,sans-serif; font-size:16px; font-weight:bold; text-align:center; text-decoration:none; }

Stil til navigering a.knapp:link{ color:#FFFFFF; } a.knapp:visited{ color:#CCCCCC; } a.knapp:hover{ color:#66CC33; border:2px outset #CCCCCC; } Kjøre eksempel: