HTML – 2. økt HiO IT20 Torsdag 4.11.04. Plan Repetisjon/spørsmål fra 28.10 Grafikk – farger – bildekart Tabeller Rammer Oppgaver.

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

Bygg web på Opplæring Presentasjon Idium AS Bygg web på Opplæring.

Intro til programmering i Processing

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

Brukerveiledning til NHOs PowerPoint-mal

1. Om postere Når vi her snakker om Postere mener vi vitenskapelige plansjer til bruk på seminarer, kongresser og i andre faglige sammenhenger. Vi snakker.

1.Om postere Postere er vitenskapelige plansjer til bruk på seminarer, kongresser og i andre faglige sammenhenger. Vi snakker altså ikke om plakater som.

Dette er en vitenskapelig plansje i størrelse A1 (594mm x 841mm) laget ved hjelp av PowerPoint. Skriften her er Arial 48pt og fargen er lik streken.

En repitativ aften Torsdag Oppgave 1 • Hent filen standardbrev.docx fra cappa.hagali.com/utdanningshuset/repitisjon • Flytt avsnitt 3 ned ett.

Rammer/Frames HTML II IT og læring IT20 4. november 2004.

LEVANGER KOMMUNE PRODUKSJON OG AJOURHOLD - INTERNETTSIDER1 Mappenavn - Filnavn - Bokmerke •Bare små bokstaver, også i ending (jpg, htm) •Ikke æ, ø eller.

Oppdatering for Windows Update Windows Update er viktige oppdateringer for din PC. Disse skal i utgangspunktet komme første tirsdag i hver måned, men de.

1. Om postere Postere er vitenskapelige plansjer til bruk på seminarer, kongresser og i andre faglige sammenhenger. Vi snakker altså ikke om plakater som.

MAL MEMORYOPPGAVER Eksempel fra kurset! 1.Rød 2.Svart 3.Black 4.Grønn 5.Green 6.Gul 7.Yellow 8.Hvit 9.White 10.Rosa 11.Pink 12.Lilla 13.Purple 14.Blå 15.Blue.

Gjenfinningssystemer og verktøy II

Overordnet om HTML- undervisningen IT20 oktober 2004.

Kirsten Ribu - Webpublisering - HiO Javascript. Mer om layout Kirsten Ribu

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

Brukergrensesnitt og design av skjermbilder

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.

Brukergrensesnitt og design av skjermbilder

Webpublisering Kisten Ribu HiO1 Stilark - lenker Mer om (X)HTML Kap. 7, 8 og 9.

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

Teksbehandling -Word Skrivemakin vs. Teksbehandling

IFrame LEGGE TIL IFRAME. IFRAME for å legge til en iframe, kopier kodesnutten som angitt på siden du skal dele fra: f. eks.:

Publisering på verdensveven Kursdag 2 VÅFF, våren 2002.

Publisering på verdensveven Kursdag 3 VÅFF, våren 2002.

Skjema/Forms HTML II IT og læring 2/20 november 2001.

HTML – 3. økt HiO IT20 Onsdag

Tekstformatering og lister HTML IT 20 oktober 2004.

Hyperlenker HTML IT20 oktobrt Egen serverFremmed server Intern kobling Lokal kobling Ekstern kobling.

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

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.

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

Hvorfor lære HTML og PHP

IFrame LEGGE TIL IFRAME. IFRAME for å legge til en iframe, kopier kodesnutten som angitt på siden du skal dele fra: f. eks.:

PowerPoint-mal FLT. –mer en et fagforbund Forbundet for Ledelse og Teknikk.

 Bygd opp av piksler  Hvor mange?  Mer ppi = bedre kvalitet = større fil  Skrivere bruker dpi.

RGB •The RGB fargemodell er en additiv fargemodell der rødt, grønt og blått lys er lagt sammen på ulike måter å gjenskape et bredt spekter av farger.

RGB •RGB fargemodellen er en fargemodell, der rødt, grønt og blått lys er lagt sammen på ulike måter og gjenskaper et bredt spekter av farger. Navnet på.

Høgskolen i Oslo Nettsideproduksjon og bildebehandling IKT-seksjonen, høst 2007.

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

1. Om postere Når vi her snakker om Postere mener vi vitenskapelige plansjer til bruk på seminarer, kongresser og i andre faglige sammenhenger. Vi snakker.

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

Her er noen skjermbilder fra PowerPoint kurs holdt for leger

INTRODUKSJON TIL FLASH OG ACTION SCRIPT PROGRAMMERING.

HTML og CSS 16. januar

1 Oppsummering Webpublisering Kirsten Ribu HiO.

Brukerveiledning i GIMP- animasjon (GIF)

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

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

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.

Case Study: Skandiabanken

HUMIT1731 Hypermedier Introduksjon til CSS Uke 37.

Tabeller HTML II IT og læring IT20 4. november 2004.

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å.

Datakortet – Modul 3 Word 2003, Kap Modul 3.

Spillutvikling Introduksjon til spillutvikling i Processing

Følgende logoer skal benyttes;

Bokser Håkon Tolsby Håkon Tolsby.

Mer html5 Håkon Tolsby Håkon Tolsby.

Slik tilpasser du Microsoft SharePoint Online-området

emne setning SmartArt-grafikk med bilder på rød bakgrunn (Viderekomne)

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

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

Mer html5 Håkon Tolsby Håkon Tolsby.

Utskrift av presentasjonen:

HTML – 2. økt HiO IT20 Torsdag

Plan Repetisjon/spørsmål fra Grafikk – farger – bildekart Tabeller Rammer Oppgaver

Grafikk – farger – bildekart (i) Å sette opp –Bakgrunnsfarge –Tekstfarge –Farger på lenker Lenken Besøkt lenke Aktiv lenke Eksempler – –NettleserNettleser Attributter til BODY: BGCOLOR= TEXT= LINK= VLINK= ALINK=

Grafikk – farger – bildekart (ii) Fargeoversikt –Navn –Heksadesimale størrelser Innebygde fargenavn Red, Green, Blue, White etc Heksadesimale verdier (RGB) hvit: #FFFFFF rød: #FF0000 gul: #FFFF00 blå: #0000FF grønn: #00FF00 svart: #000000

Grafikk – farger – bildekart (iii) Å sette opp bilde som bakgrunn To aktuelle bildeformater –.GIF –.JPG –JPG: for foto –GIF: for tegninger og enklere –GIF gir transparens Attributt til BODY: BACKGROUND=”bild er/bildenavn.GIF” Eksempler – –NettleserNettleser

Grafikk – farger – bildekart (iv) Sette inn bilder Bilder som kobling (Sette inn lyd: ) Attributter: ALIGN right/center/left ALIGN bottom/middle/top WIDTH pksler eller % HEIGHT BORDER rammebredde Her kommer tekst Eksempler – –NettleserNettleser

Grafikk – farger – bildekart (v) a.Finn grafikk som det skal klikkes på b.Definer områdene der det skal kunne klikkes c.Bruk for eksempel Pain Shop Pro til å finne koordinater Eksempler – –NettleserNettleser Definere klikkbare områder. Eksempel: Så kan bildet settes inn: (SHAPE: RECT, CIRCLE, POLY

Tabeller Hvert enkelt tabellelement må spesifiseres, rad for rad, celle for celle Hoved-tag: … Radene: … Cellene: … Attributter: WIDTH % eller piksler BORDER rammetykkelse ALIGN tabellplassering COLOR farge på tabellen CELLPADDING luft mellom cellekant og celleinnhold CELLSPACING luft mellom celler BGCOLOR bakgrunnsfarge for celle COLSPAN/ROWSPAN celle over flere kolonner/rader HALIGN/VALIGN CAPTION overskrift

Rammer Inndeling av vinduet i nettleser Vanlig bruk: innholdsfortegnelse og hovedvindu I et hovedvindu beskrives strukturen og delene gis navn Innholdet i hver del beskrives i egne HTML-dokumenter med de navn som er angitt i hovedstrukturen Eksempler – –NettleserNettleser Hovedtag: … Attributter: ROWS COLS Innhold i rammer: Attributter: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING, NORESIZE

Oppgaver 1.Lag sider med bilde, noe tekst og linker 2.Lag sider med bilde og bildekart 3.Lag sider med en tabell 4.Lag sider med rammer For alle oppgavene: Lag serier med eksempler og varier attributter, tekster, innhold etc