HTML intro Dag 1. Client – Server miljø Client Server Klient ◦ Hardware (Screen size, colors, processor…) ◦ Platform (Mac, Windows, Linux…) ◦ Browser.

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.
Hejnsvigbynet.dk Opdatering med typo3 CMS. •Mål –Deltagere skal kunne oprette og redigere tekst, tabeller og billeder på en underside •Forudsætninger.
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.
Launchy – En Mozilla Extension 9 juni 2005Henrik Gemal Side 1 ● Launchy er en Mozilla extension. Dvs. En udvidelse til Mozilla. ● Virker.
BiC BioCentrum-DTU Technical University of Denmark Erfaringer med Breeze Live Samtidig undervisning af onsite og online studerende Peter Wad Sackett &
Modul 2: Website Undervisere: Stefan og Helle Hvad handler modulet om?
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik  Aalborg.
Hjemmesider Intro.
ADOBE DREAMWEAVER JOEK © TEC 2011 Dreamweaver har været branchens primære design værktøj igennem mange år. Oprindeligt blev programmet udviklet af Macromedia,
+ Interaktion 1 Stefan Grage. + DAGENS MÅL  HTML5 recap  Layoutdiagrammer revisited  Layout & grids  Lyd & video på web  Canvas & animation – vil.
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
Challenges in Web Search Engines • Spam • Content Quality • Quality Evaluation • Web Conventions • Duplicate Hosts • Vaguely-Structured Data.
Program for Dag1 1. ca Intro til kurset og gruppeopdeling 2. ca Markupsprog og browsere – hent Komodo 3. ca Tags, xhtml, Validering.
+ Interaktion 2 Stefan Grage. + DAGENS MÅL  CSS recap  CSS3 Status & anvendelse  Baggrunde, kanter, skygger, opacity, gradients…  Transitions  Web.
1. Del - Karin. Undervisere: Peter, Karin, Jens og Gitte Hvem er Peter & Karin? Broadcast:
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?
Grundforløbsprojekt Strøm, Styring & IT.
-Filhåndtering her under SSHFilhåndtering her under SSH -LinkLink -BillederBilleder -Dreamweaver her under hvordan vi opratter projektDreamweaver her under.
Google som søgemaskine
Introduktion/Otto Knudsen 1 Overblik WebForms ASP.NET.
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.
Introduktion til XML.
Præsentation 2: Opsummering af Client-Side Teknologier del 1 Internetteknologi 2 (ITNET2)
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 \
Udviklingstarget for portaler og portalservices Resume: Indstilling til SG og overdragelse til OIM.
Mail på tablet og pc ligger på Kone´s server og kan hentes på adressen
BlueDoc 2.0 (C) 2003 TMA Components Web-integreret Intranet søgemaskine.
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.
AJAX/Otto Knudsen 1 AJAX Motivation Definition. AJAX/Otto Knudsen 2 Motivation En typisk web-applikation er synkron klienten sender en forespørgsel og.
Intro Evaluering De sidste to gange?. HTTP, cookies og sessions Forelæsning nr 10 Tilbage til trafikken mellem server – client Sende HTTP-request og respons.
Gennemgang af hjemmeside.
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.
IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld Svidt Kjeld Svidt  Institut for Bygningsteknik.
OIM Fælles Udviklingstargets | Side 1 Fælles udviklingstargets Analyseopgave Resultatet bliver en tilføjelse/rettelse i OIM-bilag A.2 Udføres med fokus.
Netværk og interprocess- kommunikation - Et eksamensoplæg!
Internetteknologi (ITNET2) Præsentation 20: ASP.NET Introduktion ”Med Active Server Pages (ASP)”
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.
CSS - Cascading Style Sheets HTML-koder for tekststruktur og for formatering HTML-koder for tekststruktur CSS-koder for formatering FørNu Lettere at redigere.
DWDK – øvelsestime 3 CSS – let the fun begin!!. Tilgængelige slides Disse slides ligger på mit public drev
Per P Madsen AAU1 Del 4 : Sessions-, presentations- og applikationslaget - Applikationsprotokoller. - RPC og RMI. - Digital audio og Voice over IP. - RTP.
Intro Evaluering De sidste to gange?. HTTP, cookies og sessions Forelæsning nr 10 Tilbage til trafikken mellem server – client Sende HTTP-request og respons.
Grundlæggende DW, HTML, CSS, udskæring.
Masterpages/Otto Knudsen 1 Temaer (Themes) Stylesheets til ASP.NET web-applikationer.
Client / Server teknologi Eksamensteori Anbefaling: Tag notater.
Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester kursusgang Introduktion til projektweb og html Kjeld.
PD – kursusgang 2 Introduktion til Frames og Cascading Style Sheets.
OPERATIONEL ANALYSE AF WEBADFÆRD OAW – LEKTIONSGANG 4.
Kjeld Svidt  Institut for Byggeri og Anlæg  Aalborg Universitet IT i Byggeriet Semester kursusgang Projektweb og html (fortsat) Kjeld Svidt.
Opsamling og repetition. Forelæsning 12 Hvad I ikke lærte Repetition? - date() - arrays - echo og return I funktioner - strukturering af script - navngivning.
Internet, html og Dreamweaver Anden øvelsesgennemgang Onsdag den 13. juni Webkommunikation 2007 v/ Niels Christian Nielsen.
ANALYSE AF WEBADFÆRD - OAW OAW – LEKTIONSGANG 4. ANALYSE AF WEBADFÆRD - OAW SUMMARY, LECTURE 3 (Extended) Common Log File Format Host, Ident, Authuser,
Web adgang til ISeries -også fra PDA/mobile enheder Karsten Holm Soft Design A/S.
PHP Intro Webintegrator PHP. PHP Baggrund PHP er et server-side programmeringssprog anvendt til udvikling af dynamiske webapplikationer og websteder.
Computerens talsystem
De grundlæggende redskaber
Præsentation af webkomponent
Tre lags arkitektur hardware i systemer
Efter folkeskolen kan du i Danmark typisk vælge én af 2 ”retninger”
De grundlæggende redskaber
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”
Præsentationens transcript:

HTML intro Dag 1

Client – Server miljø

Client Server Klient ◦ Hardware (Screen size, colors, processor…) ◦ Platform (Mac, Windows, Linux…) ◦ Browser ( Explorer, Firefox, Safari…) WebServer ◦ Hardware (24 hours online, Diskspace) ◦ Platform: Apache, IIS ◦ Domain name, FTP

Konstruktion af HTML sider Hyper Text Markup Language Editor ◦ Notepad, Notepad++ (PC) ◦ TextEdit, TextMate (Mac) ◦ Dreamweaver (WYSIWYG editor) minHjemmeSide.html Test i browser (Explorer, Firefox..)

Markup Language via tags Start tag sluttag De starter med et mindre-end tegn " ". Starbuzz Coffee …….. Element = Opening Tag + Content + Closing Tag

Præsentation HTML til strukturering ! CSS til styling ! ---css kode ----

Meeting the ’HT’ in HTML HT = HyperText Navigation via links ◦ elixirs Indhentning af billedfiler ◦

Tags kan indeholde attributter (egenskaber/properties)