Grundlæggende web design, ITU Torsdag d. 3 nov. 2005 Javascript.

Slides:



Advertisements
Lignende præsentationer
SharePoint /36 2 General SettingsPermissions and ManagementCommunications Titel, description and navigation Versioning settings Advanced settings.
Advertisements

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,
Kort om JavaScript Afvikles i browser på klienten Sendes fra server (php, asp, aspx, htm) eller startes i klient som htm/html fil. Skabelon: –”main” -
Introduktion til HTML HTML dokumentets struktur & Indhold.
Introduktion til CSS Godt i gang med CSS. 201 – V1 – Introduktion til CSS Hvad er stylesheet?
RefWorks 2.00 Velkommen til Det Natur- og Sundhedsvidenskabelige Fakultetsbibliotek - Frederiksberg Campus.
Klik på Aktivér redigering på meddelelseslinjen.
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.
Introduktion til HTML Formularer V1 introduktion til formularer Den sidste af HTML strukturmarkørerne er FORM-markøren, der bruges til at lave.
Videregående pc-vejledning Modul Sik: Sikkerhed Lidt om antivirusprogrammer mm. 60+Bornholm.
EndNote Web Niels Erik Frederiksen – Statsbiblioteket –
Aktivering af link til passwordliste i SFX Anders Vestergaard, DBC, 19. februar 2013 OBS: Inden passwordliste aktiveres i SFX skal liste være oprettet.
Introduktion til CSS I gang med min første HTML & CSS hjemmeside.
Interaktion 4 Stefan Grage.
Cascading style sheets (CSS) Formål med css • Adskillelse af indhold og udtryk • Større typografisk frihed • Nemmere redigering Eksempel uden style sheetuden.
Dag 7: Javascript Html- og css-billedgalleri Javascript-intro
Asma (Mona) Khan & Mathilde Lolle
Sikkerhed/Otto Knudsen 1 Sikkerhed  Sikkerhed i ASP.NET  Autentifikation (Authentication)  Autorisation (Authorization)
Sikkerhed/Otto Knudsen 1 Diagnostics  Debug af web-applikationer.
Hvordan bruger jeg First Class konferencerne ?
Grundlæggende Webdesign Blåt hold – øvelsesgang 2
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.
Dag 9: Programpakker Jquery og JQuery Mobile
Skoleporten Hvordan tilpasser jeg layout mulighederne i
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
Oprettelse af Digital Post
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.
Formål med dag 2 1.Hvordan lægger man websider ud på internettet 2.Hvordan optimerer man billeder til web? 3.Hvordan sætter man billeder ind på websider?
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.
Intro Projekttyper v/ Lise Louv, Uddannelsesafdelingen Siden sidst: evaluering på opgaver og virtuel kursus. Kursets ugeforløb læse – forelæsning – øvelsestime.
18 – Java Server Faces. 2 NOEA2009Java-kursus – JSF 2 Web-applikationer - 1 Brugere interagerer med en Web-browser Browseren sender forespørgsler til.
Elementer på designside Dataelementer Informationer og datafeeds fra eksterne websites som Facebook, LinkedIn etc. uploadede filer som feks. dokumenter,
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 \
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.
D i g i t a l R e t o r i k 2 2 / 2. D i g i t a l R e t o r i k Problemer med Wordpress? -Så hiv fat i Lisbeth eller mig efter denne power point.. Ugens.
Dig Tante Oda fra Brovst Gitteweb-server ( ssh-server (ssh.itu.dk/import/stud/www/gwd/E2005/oevelse_x/4/brugernavn) Internettet.
AJAX/Otto Knudsen 1 AJAX Motivation Definition. AJAX/Otto Knudsen 2 Motivation En typisk web-applikation er synkron klienten sender en forespørgsel og.
Dag 7: Javascript Screen-broadcast – gå til - Indtast mødenummer - Vælg html-viewer - Klik Join sessionwww.123beam.com Php-opsamling (php-warning.
HTML 2. Lister – ul og ol tags En uordnet liste første element anden element tredie element En ordnet liste første element anden element tredie element.
Program Design – 4 Introduktion til PHP. Dagens lektion Hvad er PHP?  - og lidt historie Hvordan virker PHP? Grundlæggende PHP  Variable  Typer  Løkker.
Lektion 8 Programmeringsteknologi Efterår Velkommen Præsentation Programmet for denne lektion De næste gange Arbejdsformen Litteratur Web-programmering/ASP.NET.
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.
CSS - Cascading Style Sheets HTML-koder for tekststruktur og for formatering HTML-koder for tekststruktur CSS-koder for formatering FørNu Lettere at redigere.
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
Frames - paneler, 1 Skærmbillede Framedef.htm Panel 1Panel 2 panelA.htmPanelB.htm.
Fremstilling af Simple WEB steder [ITPL] Foråret 2004
Webserveren kan afvikle flere applikationer, der hver har deres eget selvstændige ”liv” og hukommelse. Den enkelte applikation består typisk af flere elementer.
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.
PD – kursusgang 3 Introduktion til Java Script. Mål Viden om hvordan JavaScripts indlejres i HTML dokumenter Viden om programmering i JavaScript  Erklæring.
CSS - Cascading Style Sheets HTML-koder for tekststruktur og for formatering HTML-koder for tekststruktur CSS-koder for formatering FørNu Lettere at redigere.
Grundlæggende DW, HTML, CSS, udskæring.
Client / Server teknologi Eksamensteori Anbefaling: Tag notater.
Brevudskrivning Du vil gerne skrive et brev, i dette tilfælde til en kreditor. I din venstre menubjælke finder du derfor Kreditor og trykker på den. Derved.
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.
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.
Velkommen KEA IT - intro
Velkommen til Web Integrator grundforløb. Præsentation  Hvem er jeg  Uddannelse  Erhvervserfaring  Hvad skal vi lære  Web  Programmering  Grafisk.
Password hashing Webintegrator HF1 PHP Object orienteret.
Formular designer – Basis Efterår 2016 Tilst
ISS webserver og web applikationer
De grundlæggende redskaber
Mille, Lasse, Nicoline, Alice
Tre lags arkitektur hardware i systemer
De grundlæggende redskaber
Præsentationens transcript:

Grundlæggende web design, ITU Torsdag d. 3 nov Javascript

Javascript er godt til: interaktion (herunder manipulation af HTML/CSS) beregninger formular validering / manipulation event handling Javascript er IKKE godt til: grafik generering netværk (herunder Database adgang) fil manipulation

flere måder at eksekvere javascript på: fra et html-element: (inline) fra et html-dokument: (embedded) eller statements eller fra en ekstern fil: (external)

ting javascript bla. kan gøre for dig

klient maskine server ? Internettet Form validering uden javascript

klient maskine server ? Internettet Form validering med javascript

document.write(”Her er en html linie ”); 4 simple måder at kommunikere med brugeren på: alert(”Din er ikke skrevet korrekt!”); confirm(”Du har ikke indtastet dit telefonnumer.\nSkal formen sendes alligevel?”); prompt(”Hvad er dit navn”,”Hasse”);

Hvordan man får fat i de elementer man gerne vil manipulere history location frames[] navigator documentself, window, top, parent links[] forms[] images[] elements[] Button Checkbox FileUpload Hidden Password Radio Reset Select Submit Text TextArea options[] window (you are here) window.src.document.images[0] document.forms[”minForm”].elements[”mitElement”].value

bla bla bla document.getElementById(”mitDiv”); document.getElementById(”mitDiv").style.backgroundColor=”red”; document.getElementById("farve").innerHTML=”Her er en ny tekst”; var minVariabel = document.getElementById(”mitDiv”); minVariabel.style.backgroundColor=”red”; minVariabel.innerHTML=”Her er en ny tekst”;