HTML, SGML, CSS, XML, XHTML, MIME, HTTP
|
|
|
- Karl Nilsson
- för 5 år sedan
- Visningar:
Transkript
1 Internets innehåll HTML, SGML, CSS, XML, XHTML, MIME, HTTP gruint06/ingint06, internets innehåll Föreläsning 2, bild 1 av 27
2 Vad ska vi lära? Vad HTML är, var det kommer från och var vi hittar information Nästa generation av HTML: CSS, XHTML Beskrivning av internetdata: XML Hur internet hanterar olika typer av data (MIME) HTTP, intenetprotokoll, ställföreträdare (proxies) gruint06/ingint06, internets innehåll Föreläsning 2, bild 2 av 27
3 HTML & SGML HyperText Markup Language Märkning: Traditionell användning: <b>editera text</b> Men också för korrektion, beskriva data och mycket annat Märkspråk har funnits länge: troff, nroff (för unix manualsidor), runoff TeX, LaTeX, utärkta för böcker, OH (dessa OH t.ex.) SGML, HTMLs ursprung, liknar XML. Både SGML och XML beskriver data gruint06/ingint06, internets innehåll Föreläsning 2, bild 3 av 27
4 SGML/XML-exempel < > <sender> <person> <christianname>serafim</christianname> <familyname>dahl</familyname> </person> </sender> <reciever> <person> </person> </reciever> <reciever> <contents> Visst är det fult!?! </contents> </ > gruint06/ingint06, internets innehåll Föreläsning 2, bild 4 av 27
5 SGML/XML-exempel... I exemplet finns en beskrivning av datas innebörd Ingenting om presentation av data (färg, font,... ) All text inom <ettikett>text</etikett> Det finns separata dokument som kan användas för att specificera vilka etiketter som får förekomma i ett SGML-dokument, i vilken ordning de får förekomma, et.c. Kan användas för validering gruint06/ingint06, internets innehåll Föreläsning 2, bild 5 av 27
6 DTD, Document Type Definition <!doctype [ <!element (sender,reciever,contents)> <!element sender (person)> <!element reciever (person)+> <!element person (distributionlist) (christianname, middlename?,familyname)> <!element (christianname, middlename?,familyname) (#PCDATA)> <!element distributionlist (#PCDATA)> <!element contents (#PCDATA)> ]> gruint06/ingint06, internets innehåll Föreläsning 2, bild 6 av 27
7 HTML beskriver hur webbsidor ska presenteras en webbläsare läser beskrivningen och tolkar den enligt antingen en standardtolkning eller enligt tolkningsmall som finns angiven i dokumentet en tidig version redan 1965 i Douglas Englebarts online System, NLS en idéskiss och en hypertextbaserad anteckningsbok (ett för CERN globalt program kallat ENQUIRE) gjordes av Tim Berners-Lee 1980 ( Utvecklas och underhålls av W3C (World Wide Web Consortium) HTML, CSS, XHTML, XML Vanligast är HTML 4.0 Nya standarden är XHTML 1.1 gruint06/ingint06, internets innehåll Föreläsning 2, bild 7 av 27
8 <html><head><title>html</title></head><body> <!-- raden ovan kan fattas --> <h1>html</h1> <p>en kort presentation av <b><u>html</u></b>. Huvudpunkter:</p><ul> <li>till skillnad från XML och SGML, beskriver HTML <i>presentation</i> av data och inte <i>strukturen</i> eller <i>innehållet</i> i stort på samma sätt som <a href=" <li>det kan finnas text utanför etikett-paren. Sådan text "fungerar" men valideras inte.</li> <li>man kan inte skriva ett "valideringsdokument"</li> <li>om man inte skriver korrekt HTML kommer dokumentet visas i alla fall. Här fattas en avslutsetikett. </ul> </li><li>som i andra märkspråk kan vissa etiketter endast förekomma inom vissa andra. T.ex. får <li> endast finnas inuti <body></li> <li>ett textfragment kan länkas till andra dokument eller till en viss plats i ett annat dokument</li> </ul> </body> </html> gruint06/ingint06, internets innehåll Föreläsning 2, bild 8 av 27
9 HTML En kort presentation av HTML. Huvudpunkter: Till skillnad från XML och SGML, beskriver HTML presentation av data och inte strukturen eller innehållet i stort på samma sätt som TeX Det kan nnas text utanför etikett-paren. Sådan text fungerar men valideras inte. Man kan inte skriva ett valideringsdokument Om man inte skriver korrekt HTML kommer dokumentet visas i alla fall. Här fattas en avslutsetikett. Som i andra märkspråk kan vissa etiketter endast förekomma inom vissa andra. T.ex. får <li> endast nnas inuti <body> Ett textfragment kan länkas till andra dokument eller till en viss plats i ett annat dokument gruint06/ingint06, internets innehåll Föreläsning 2, bild 9 av 27
10 <?xml version="1.0" encoding="iso "?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head><meta http-equiv="content-type" content="text/html; charset=iso " /> <title>xhtml</title> </head> <body> <h1>xhtml</h1> <p>en kort presentation av <b><u>xhtml</u></b>. Huvudpunkter:</p> <ul> <li>till skillnad från XML och SGML, beskriver XHTML <i>presentation</i> av data och inte <i>strukturen</i> eller <i>innehållet</i> i stort på samma sätt som <a href=" <ul> <li>det kan finnas text utanför etikett-paren. Sådan text "fungerar" men valideras inte.</li> <li>man kan inte skriva ett "valideringsdokument"</li> <li>om man inte skriver korrekt XHTML kommer dokumentet orsaka en felutskrift. Här fattas en slut-etikett
11 </ul> </li> <li>som i andra märkspråk kan vissa etiketter endast förekomma inom vissa andra. T.ex. får <li> endast finnas inuti <body></li> <li>ett textfragment kan länkas till andra dokument eller till en viss plats i ett annat dokument</li> </ul> </body> </html> XML Tolkningsfel: felmatchad tagg. Förväntat: </li>. Adress: Radnummer 22, Kolumn 9: </ul> ^
12 HTML-etiketter HTML-referens: (X)HTML-referens: Också på som också har länkar till tutorials Organiserad lista över alla etiketter: gruint06/ingint06, internets innehåll Föreläsning 2, bild 12 av 27
13 HTML-etiketter... Ett HTML-dokuments delar: head (dokumenthuvudet) innehåller generell information om dokumentet, som titel, författare, teckenkodning, vilket program som genererat sidan... body (dokumentkroppen), dokumentets innehåll ELLER frameset, beskriver en samling med ramar OBS! Om huvudet saknas tolkas hela dokumentet som body Etiketten <a> med attributet href motsvarar en länk. Länken kan anges som en absolutadress eller en relativ adress. Adresser till sidor på samma site anges med fördel som relativa eftersom det är enkelt att flytta hela siten till annan server eller annan filkatalog <a href="dokument-i-samma-katalog.html">... <a href="katalog/dokument.html">... <a href="../annan-katalog/annat-dok.html">... BASE kan användas för alla relativa länkar gruint06/ingint06, internets innehåll Föreläsning 2, bild 13 av 27
14 HTML-etiketter... Andra användbara huvud-etiketter: title (mest använda) Kommer senare: meta som används för att simulera HTTP-headers. style som används för att ändra presentationen, t.ex. genom användande av cascading style sheets (CSS) i kroppen används <p>...</p> för att avgränsa stycken och om det inte finns någon etikett kring en text är <p>...</p> skönsvärde (i HTML). Använd <br> eller <br /> för radbyte. Ankare: <a name="here"> markerar en plats i ett dokument som man senare kan hoppa till m.h.a.dokumentnamn#here som t.ex. <h1> </h1>... <h6> </h6>. Rubriknivåer. Om du vill att radbrott och blanka ska räknas som de är: <pre> </pre> Textens utseende kan ändras med <b>, <i>, <font>, <big>, <small>, <sub>, <tt>, <s>. Modernare är att använda CSS, krav i XHTML, klokt även i HTML. Tabeller <table>, tabellrader <tr>, tabellhuvud <th>, tabellcell <td> gruint06/ingint06, internets innehåll Föreläsning 2, bild 14 av 27
15 HTML-verktyg På webben finns ett antal program som kontrollerar och korrigerar era HTML-sidor, t.o.m. som uppgraderar till nyare standard Dessutom finns det utvecklingssystem för HTML (med och utan CSS) som ger omfattande hjälp och stöd vid programmeringen. gruint06/ingint06, internets innehåll Föreläsning 2, bild 15 av 27
16 Cascading Style Sheets (CSS) Med CSS kan man definiera om presentationen av i stort sett alla HTML-element. Stilinformationen kan man ge i HTML-filen: <html> <head> <style type="text/css"> h2 {text-decoration:overline} h4 {text-decoration: line-through} p {text-decoration: underline} a {text-decoration: none} </style> </head> <body> <h2>en rubrik på nivå 2</h2> <h4>en rubrik på nivå 4</h4> <p>ett stycke text</p> <p>ett annat stycke <a href=" med en länk</a></p> </body> <html> gruint06/ingint06, internets innehåll Föreläsning 2, bild 16 av 27
17 En rubrik på nivå 2 En rubrik på nivå 4 Ett stycke text Ett annat stycke med en länk gruint06/ingint06, internets innehåll Föreläsning 2, bild 17 av 27
18 CSS... Man kan också definiera stil i en separat fil och ange detta i ett länk -attribut i HTML-filens huvud: <link rel="stylesheet" type="text/css" href="stil.css"> eller direkt i htmlkoden: <p style="color: sienna; margin-left: 20px"> Här kommer ett stycke</p> gruint06/ingint06, internets innehåll Föreläsning 2, bild 18 av 27
19 XML XML är ett sätt att beskriva data (som SGML). Det finns inga fördefinierade etiketter som i (X)HTML. Man måste ange en tolkning, t.ex. m.h.a. en DTD XML utför ingenting men data från ett XML-dokument kan presenteras på hur många sätt som helst XML kan användas för datautbyte eller för att beskriva hur mjukvara ska konfigureras eller t.o.m. som programkod En exempel-xml-applikation: RSS (really simple syndicating). Se t.ex. gruint06/ingint06, internets innehåll Föreläsning 2, bild 19 av 27
20 XML: exempel <?xml version="1.0" encoding="iso "?> <note> <to>serafim</to> <from>carina</from> <heading>påminnelse</heading> <body>glöm inte lunch med mig idag!</body> </note> gruint06/ingint06, internets innehåll Föreläsning 2, bild 20 av 27
21 Denna XML-fil verkar inte ha någon associerad stilinformation. Dokumentträdet visas nedan. -<note> <to>serafim</to> <from>carina</from> <heading>påminnelse</heading> <body>glöm inte lunch med mig idag!</body> </note> gruint06/ingint06, internets innehåll Föreläsning 2, bild 21 av 27
22 XHTML extensible HTML ska ersätta HTML XHTML 1.0 är (nästan) exakt HTML 4.1 Mera strikt, renare genom att alla etiketter måste slutas (stängas). <br> blir <br/>. Bättre med <br /> så gamla webbläsare klarar av dem. alla html-filer måste vara välformade. <p><a href="adress.html">en länk</p></a> genererar ett fel. ingen text utanför etikettpar XHTML är HTML definierat som en XML-applikation: gruint06/ingint06, internets innehåll Föreläsning 2, bild 22 av 27
23 MIME: Multimedia Internet Mail Extension Öppen standard för hur multimediaobjekt skall skickas per e-post. Numera även för http-förfrågningar och -svar (och mycket mer) Beskriver hur innehållet är organiserat. Helhet/delar/mindre delar. Beskriver varje dels typ, t.ex.: text plain, html news postscript, pdf, doc zip image jpeg, tiff, gif,... audio video mpeg, quicktime, wmv... gruint06/ingint06, internets innehåll Föreläsning 2, bild 23 av 27
24 HTTP: HyperText Transport Protocol Standard för hur webbservrar och -klienter (mest webbläsare) ska utbyta data. Använder MIME för att koda data i båda riktningarna Använder TCP/IP för datatransport För att få tag i /kurser/kth/2d2052/ingint06/index.html skickar klienten en förfrågan, såsom: GET /kurser/kth/2d2052/ingint06/index.html HTTP/1.1 Se gruint06/ingint06, internets innehåll Föreläsning 2, bild 24 av 27
25 HTTP, förfrågan Kommando (GET eller POST) GET /kurser/kth/2d2052/ingint06/index.html HTTP/1.1 Header (namn och värde) Host: Accept: */* acceptera varje MIME-typ tom rad innehåll (med deklarerad innehållstyp, ingenting för GET) med POST skickas även värden gruint06/ingint06, internets innehåll Föreläsning 2, bild 25 av 27
26 HTTP, svar Kommando (oftast OK) HTTP/ OK Header (med t.ex. innehållstyp) Date: Fri, 20 Jan :11:31 GMT Server: Apache/ (Fedora) PHP/5.0.4 mod_perl/2.0.1 mod_ssl/ OpenSSL/0.9.7f Transfer-Encoding: chunked Content-type: text/html tom rad innehåll (i vårt fall filen /public/www/kurser/kth/2d2052/ingint06/index.html på NADA gruint06/ingint06, internets innehåll Föreläsning 2, bild 26 av 27
27 HTTP, proxies (ställföreträdare) Ibland vill man begränsa HTTP-access mllan sitt eget LAN och WAN Då måste alla webbläsare inom ett (lokalt) nätverk ansluta till en gemensam värddator inom nätverket som kan agera som en ställföreträdare (proxy) för nätverket. Det är vanligt att kombinera den funktionaliteten med en brandvägg. Ställföreträdaren verkar utåt som en vanlig webbserver men lagrar inga egna HTML-sidor utan reläar sidor från de lokala servrarna till den värddator som ställer förfrågningar till proxy n. Den begränsas inte av brandväggen. Ställföreträdaren ansluter till önskad värd på internet Ställföreträdaren kan begränsa åtkomst av vissa sidor eller servrar Ställföreträdaren kan också ha en egen cache så att sidor som ofta efterfrågas kan lagras lokalt på ställföreträdaren. Svarstider minskas ofta radikalt då. Ställföreträdaren lägger till egen header-information till svars-header n Vissa nätverk kräver port 80 för proxies. Det kan fortfarande gå med länkar till Tekniken används för många andra protokoll också. gruint06/ingint06, internets innehåll Föreläsning 2, bild 27 av 27
Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion
Webbteknik En kort introduktion Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender 1 Historisk återblick 89 CERN Tim Berners Lee Ett plattformsoberoende sätt att sprida
ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML
ITK:P2 F1 FTP, HTTP, HTML, XML och XHTML DSV Peter Mozelius 1 Hemsidor med HTML Hur många av er har provat på att bygga en egen hemsida med HTML eller XHTML? För hand eller med hjälpverktyg? Har ni lagt
Märkspråk, HTML, XHTML, CSS & JavaScript: kort intro med pekare till till mer information Föreläsning 4
previous next Märkspråk, HTML, XHTML, CSS & JavaScript: kort intro med pekare till till mer information Föreläsning 4 Innehåll Märkspråk med HTML, XHTML, och CSS JavaScript en kort intro Speciella referenser
Hur hänger det ihop? För att kunna kommunicera krävs ett protokoll tcp/ip, http, ftp För att veta var man skall skicka
Webben som verktyg Idag: Hur hänger det ihop? Viktiga tekniker Stegen i ett webbprojekt Verktyg Dreamweaver Photoshop Joomla CMS Storyboard och flödesschema Fixa webbhotell Hur hänger det ihop? För att
Olika slags datornätverk. Föreläsning 5 Internet ARPANET, 1971. Internet började med ARPANET
Olika slags datornätverk Förberedelse inför laboration 4. Historik Protokoll, / Adressering, namnservrar WWW, HTML Föreläsning 5 Internet LAN Local Area Network student.lth.se (ganska stort LAN) MAN Metropolitan
HTML och CSS. Eric Elfving Institutionen för datavetenskap. 18 augusti 2015
. HTML och CSS Eric Elfving Institutionen för datavetenskap 18 augusti 2015 Översikt 2/17 Introduktion HTML Syntax Vanliga element CSS Syntax Selektorer Kombinera HTML och CSS Webserver Introduktion 3/17
F02 En första sida. Dagens agenda
F02 En första sida Dagens agenda doctype taggar, element, attribut, värden teckenkodning HTML/XHTML Indentering Block/inline-element Struktur Se demo #2
HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA)
HTML och CSS Eric Elfving Institutionen för Datavetenskap (IDA) Upplägg Introduktion Grundläggande HTML Ändra utseende med CSS 2 Introduktion HyperText Markup Language används för att strukturera text
F02 HTML. Föreläsning 2, HT2013 HTML. Kurser: Klientbaserad Webbutveckling 1DV435. Johan Leitet
Föreläsning 2, HT2013 HTML F02 HTML Kurser: Klientbaserad Webbutveckling 1DV435 Johan Leitet F02 HTML Dagens agenda doctype taggar, element, attribut, värden teckenkodning HTML/XHTML
Nätverk och Java, grunder Föreläsning 0: 0: Introduktion till Internet
Nätverk och Java, grunder Föreläsning 0: 0: Introduktion till Internet Se Se också Intro en en streamad videoinspelning som som finns finns på på nätet nätet Innehåll Kort om grundläggande nätverkskoncept
Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät
Repetition Internet Hypertext Server och klient Föreläsning 2 HTTP HTML Internet Hypertext Många sammankopplade nät Text försedd med länkar till andra texter Gemensamma adresser T ex 10.10.0.1 Gemensamma
Repetition. Hypertext. Internet HTTP. Server och klient Föreläsning 2. Text försedd med länkar till andra texter. Många sammankopplade nät
Repetition Föreläsning 2 Internet Hypertext Server och klient HTTP HTML Internet Många sammankopplade nät Gemensamma adresser T ex 10.10.0.1 Gemensamma protokoll Protokoll = regler och algoritmer för kommunikation
TNMK30. Elektronisk publicering
TNMK30 Elektronisk publicering VÄLKOMNA TILL KURSEN! Katerina Vrotsou katerina.vrotsou@liu.se Medieteknik. 2004 Informationsvisualisering, visuell data analys MEDVERKANDE Stefan Gustavson, stefan.gustavson@liu.se
! Katerina Vrotsou! Medieteknik. 2004! Informationsvisualisering, visuell data analys
VÄLKOMNA TILL KURSEN! TNMK30 Elektronisk publicering! Katerina Vrotsou! katerina.vrotsou@liu.se! Medieteknik. 2004! Informationsvisualisering, visuell data analys MEDVERKANDE OVERVIEW! Stefan Gustavson,
TNMK30 - Elektronisk publicering
Webben TNMK30 - Elektronisk publicering Vad är internet? Vad är internet? Vad är internet? Internet: sammankoppling av datornätverk. Används för bl.a. epost, chat, filöverföring, webbsidor. Kommunikation
Lektion 2 - CSS. CSS - Fortsätt så här
Lektion 2 - CSS I den här lektionen behandlas HTML och CSS. Det förutsätts att lektion 1 är gjord, eller att du har tillräckliga kunskaper i grundläggande HTML för att klara den här lektionen. CSS - Fortsätt
Nätverk grunder Föreläsning 1: 1: Introduktion till Internet
previous next Nätverk grunder Föreläsning 1: 1: Introduktion till Internet Kursledare: Cristian Bogdan cristi@nada.kth.se Gästföreläsare: Björn Eiderbäck bjorne@nada.kth.se Innehåll Kort om grundläggande
Labora&on 7 Syfte med laborationen:
Labora&on 7 Syfte med laborationen: - att förstå enkel 7ilhantering i PHP - att repetera grundläggande PHP- begrepp såsom loopar, arrayer, stränghantering och formulär. VIKTIGT: uppgift 3-5 är repetitionsuppgifter
Statistik från webbplatser
Statistik från webbplatser problem och möjligheter Ulf Kronman Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen, BIBSAM och ISO? Varför ställer webmastern krångliga motfrågor?
Strukturering med XML och DTD
Föreläsning i webbdesign Strukturering med XML och DTD Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se PresentaCon SCl Layout OrganisaCon/struktur InformaConsobjekt Länkar Innehåll/data
Språk för webben introduk4on 4ll HTML
Föreläsning i webbdesign Språk för webben introduk4on 4ll HTML Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se En webbsidas beståndsdelar Text (formaterad, strukturerad) Länkar Inkluderade
TNMK30. Elektronisk publicering
TNMK30 Elektronisk publicering Välkomna till kursen Niklas Rönnberg niklas.ronnberg@liu.se Kopparhammaren 2, rum 2011 Medverkande Stefan Gustavson, stefan.gustavson@liu.se Camilla Forsell, camilla.forsell@liu.se
Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
ORDLISTA WEBBDESIGN 100P
ORDLISTA WEBBDESIGN 100P HTML- TAGGAR M.M. (DE BLÅFÄRGADE ORDEN ÄR OLIKA ATTRIBUT SOM HÖR TILL DE OLIKA TAGGARNA.) HTML Står för Hyper Text Markup Language och är en uppsättning markeringskoder.
Uppmärkningsspråk. TDP007 Konstruktion av datorspråk Föreläsning 3. Peter Dalenius Institutionen för datavetenskap
Uppmärkningsspråk TDP007 Konstruktion av datorspråk Föreläsning 3 Peter Dalenius Institutionen för datavetenskap 2015-01-29 Vad handlar det andra seminaret om? Strukturerad text Uppgifter Hämta information
WWW. Exempel på klientsidan. Överföring av en html-fil. Snyggare variant. Verkligt format. Meddelandeformat för begäran HTTP
Exempel på klientsidan WWW Javascript-interpretator XML-interpretator HTML-interpretator Java-interpretator CSS-interpretator Använder TCP Kan återanvända uppkoppling Inga tillstånd hos servern OS API
Uppmärkningsspråk. TDP007 Konstruktion av datorspråk Föreläsning 3. Peter Dalenius Institutionen för datavetenskap
Uppmärkningsspråk TDP007 Konstruktion av datorspråk Föreläsning 3 Peter Dalenius Institutionen för datavetenskap 2017-01-26 2 Vad handlar det andra seminariet om? Strukturerad text Uppgifter Hämta information
Introduktion till programmering
Introduktion till programmering Föreläsning 5 Programmering av webbsidor. Webbens grundbegrepp HTML HTML (HyperText Markup Language) är det språk som används för att skriva webbsidor. HyperText: text med
Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1
Internet A HTML Grunder 1 HTML Tags (Speciella markeringar) < Instruktion> De flesta instruktioner avslutas också med en 2 untitled Min
Objektorienterad Programkonstruktion. Föreläsning 10 7 dec 2015
Objektorienterad Programkonstruktion Föreläsning 10 7 dec 2015 Nätverksprotokoll - OSI Open Systems Interconnection model (ISO standard) definierar 7 lager för nätverkskommunikation: 1 - Physical Layer:
Webbservrar, severskript & webbproduktion
Webbprogrammering Webbservrar, severskript & webbproduktion 1 Vad är en webbserver En webbserver är en tjänst som lyssnar på port 80. Den hanterar tillgång till filer och kataloger genom att kommunicera
Tentamen ITK:P2. Inga hjälpmedel tillåtna förutom penna och papper. Skriv tydligt och texta gärna. 14 st frågor, 70 poäng.
Tentamen ITK:P2 lördag 2007-04-14 Inga hjälpmedel tillåtna förutom penna och papper. Skriv tydligt och texta gärna. 14 st frågor, 70 poäng. 40 poäng ger betyget G, 55 ger VG Peter Mozelius DSV 1.) Ditt
Laboration med Internet och HTML
Laboration med Internet och HTML Denna laboration går ut på att du skall kunna skapa enkla hemsidor i HTML. Vi kommer inte att ta upp edstorer för hemsidor som t.ex. DreamWeaver eller FrontPage. Dessa
HTML. Introduktion till HyperText Markup Language
HTML Introduktion till HyperText Markup Language 1 Frågor innan vi börjar? 2 Dagens föreläsning Snabb introduktion till webben Varför använder vi HTML? Ett första HTML-dokument Metadata Teckenkodning Validera
En grundkurs i hemsidor och hur de är uppbyggda
En grundkurs i hemsidor och hur de är uppbyggda Den här artikeln tänkte väldigt grundligt gå igenom koncepten kring en hemsida och hur den är uppbyggt, för att ge dig grundkunskap att bygga vidare på och
Arbetsmaterial HTML pass 1 - Grunder
Arbetsmaterial HTML pass 1 - Grunder Det vi idag kallar Internet växte fram ur ett amerikanskt nätverk kallat ARPAnet som skapades i slutet av 60 talet. Ett topphemligt verktyg för att koppla ihop stordatorer
Övning (X)HTML 2. Sidan 1 av 7 2010-11-11
Sidan 1 av 7 2010-11-11 Övning (X)HTML 2 Innan du börjar med laborationen ska du se till så att du har öppnat din editor (till exempel Notepad++). I denna editor ska du skriva (X)HTML-kod som du sedan
Introducerande övningar i HTML
Introducerande övningar i HTML En webbsida består av en textfil som innehåller sidans text och koder i språket HTML, för att formatera innehållet. Har man bilder på sidan, så finns de som separata filer
Administration: Grundläggande internetprogrammering
Administration: Grundläggande internetprogrammering Verktyg för hands-on internetprogrammering 2D2052 (ingint06) / 2D1335 (gruint06) Serafim Dahl serafim@nada.kth.se gruint06/ingint06, intro + intro till
F07 Stilmallar Dagens agenda
F07 Stilmallar Dagens agenda CSS, Stilmallar Lokala, interna, externa Selektorer - Taggselektorer - Klasselektorer - ID-selektorer Egenskapsarv Pseudo-klasser och element Kombinatorer Specificitet Stilmallar
Datakommunika,on på Internet
Webbteknik Datakommunika,on på Internet Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Internet Inter- = [prefix] mellan, sinsemellan, ömsesidig Interconnect = sammanlänka Net =
20/01/2016. html och css
html och css 1 Kommunikation Dator med webbläsare Förfrågan: http://www.umu.se Webserver Returnerar HTML-kod Webbläsare http://gs.statcounter.com/#desktop-browser-se-monthly-201501-201601-bar 2 Verktyg
<header> </header> <footer> </footer>
Tidigare har man använt taggen för att märka delar av dokument. I HTML5 har man lagt till stöd för de nya taggarna för att det inte ska bli så många -taggar. I exemplet nedan använder
Webbprogrammering. Sahand Sadjadee
Webbprogrammering Sahand Sadjadee Agenda Webb The World Wide Web (WWW) is a network of online content that is formatted in HTML and accessed via HTTP. The term refers to all the interlinked HTML pages
Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen
MÅL Programmeringteknik Webbdelen Efter webbmomentet ska du: kunna använda ett tiotal kommandon i: HTML (göra webbsidor) CSS (webbsidans utseende) Javascript (programmering - klienten) PHP (programmering
Webbsidor och webbservrar
Webbsidor och webbservrar Server HTTP-protokollet Dokument (t.ex. HTML kod) Klient URL (t.ex. länk) Normal funktion hos webben: Användaren klickar på länk eller anger URL på annat sätt. Servern lokaliserar
Föreläsning 4. CSS Stilmallar för webben
Föreläsning 4 CSS Stilmallar för webben Innehåll 1. CSS, vad är det? 2. Repetition av HTML-element 3. CSS, hur, var, när? 4. CSS & arv? CSS Cascading Style Sheet Same, same, but different Samma innehåll
Statistik från webbplatser
Statistik från webbplatser virtuella besök eller levererade sidor? Ulf Kronman Karolinska Institutet Universitetsbiblioteket Föredragets huvuddelar Frågorna och motfrågorna Vilka frågor ställer chefen,
Nätet. Uppgiften. Nivå
Nivå 1 Nätet All Code Clubs must be registered. Registered clubs appear on the map at codeclubworld.org - if your club is not on the map then visit jumpto.cc/ccwreg to register your club. Uppgiften Har
XML. Extensible Markup Language
XML Extensible Markup Language XML - 1969 Generalized Markup Language (GML) 1979-85 Standard Generalized Markup Language (SGML) 1990 HyperText Markup Language (HTML) 1996-98 Extensible Markup Language
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter
Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter 1M321 Webbteknik 1, 7,5hp Medieteknik 2018 Rune Körnefors rune.kornefors@lnu.se 1. Skapa ett nytt HTML-dokument I denna laboration
Labora&on 2 HTML och validering övningar/uppgi:er
Labora&on 2 HTML och validering övningar/uppgi:er 1M321 Webbteknik 1, 7,5hp Medieteknik 2016 Rune Körnefors rune.kornefors@lnu.se 1. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det
Del 1 och 2 HTML/CSS. Webbutveckling Laboration 1 Nicklas Bostedt 850906-8550
Del 1 och 2 HTML/CSS Vi har fått i uppgift att göra en hemsida av eget val! Jag har bestämt mig för att skapa en hemsida åt en påhittad restaurang här i Umeå som inriktar sig på exklusiv nyttig mat och
03/12/2015. Logga in på: b.socrative.com eller ladda ner appen
Logga in på: b.socrative.com eller ladda ner appen Använder Har skapat använt skrivit internet i webbsidor. CSS html. (stilmall). (nästan ) dagligen. 1 Dator med webbläsare Interne t Webserver Smartphon
Christer Scheja TAC AB
Byggnadsautomation för ingenjörer Byggnadsautomation för ingenjörer VVS-tekniska föreningen, Nordbygg 2004 Christer Scheja TAC AB resentation, No 1 Internet/Intranet Ihopkopplade datornät ingen ägare Internet
Hyperlänkar. I HTML skapar man en hyperlänk med taggen <a> </a>, som är en förkortning av ordet ankare, på (engelska anchor).
Länkar, ankar och resurser En länk är en hänvisning från ett dokument till en resurs. En resurs kan nästan vara vad som helst. Det mesta på internet är resurser i någon form, som exempelvis HTLM-dokument,
HTML-Standarder. CT3620 Vetenskapsmetodik för teknikområdet Magnus Heglert
HTML-Standarder CT3620 Vetenskapsmetodik för teknikområdet 2005-10-18 Magnus Heglert mht03003@student.mdh.se Juan Maluenda Alvarez jma02002@student.mdh.se Sammanfattning Kring 1990 hade Internet börjat
Kommunikation. Dator med webbläsare Förfrågan: Webserver. Returnerar HTML-kod
html och css Kommunikation Dator med webbläsare Förfrågan: http://www.umu.se Webserver Returnerar HTML-kod Webbläsare Chrome Firefox Internet Explorer Safari Opera Källa : http://www.w3schools.com/browsers/
Webbteknik II. Föreläsning 4. Watching the river flow. John Häggerud, 2011
Webbteknik II Föreläsning 4 Watching the river flow Web Service XML-RPC, SOAP, WSDL, UDDI HTTP Request, Response, Headers, Cache, Persistant Connection REST Hype or the golden way? Web Service / Webbtjänst
<Webbutvecklare lektion="02"> Kursledare: Mahmud Al Hakim
Kursledare: Mahmud Al Hakim Lektionstillfällets mål Introduktion till CSS CSS Regler och egenskaper Externa CSS-filer: Link-taggen Intern CSS: Style-taggen Inline CSS: Attributet
CSS-övningar. 1. Grunder
CSS-övningar 1. Grunder CSS Testa stilmallar Klasser Elementen div och span Ärvda egenskaper Mer om typsnitt, marginaler och mått Textdekor Fristående CSS -fil Attributet style Prioritetsordning hos stilelement
Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg <h1> layout-tagg <font size="6">
CSS { } Anne Diedrichs Medieteknik Södertörns Högskola Förkunskaper: Tim Berners Lees vision webbläsarkriget W3C strukturtagg layout-tagg Kurslitteratur: Niederst Robbins, Learning
Webbpublicering. Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se)
Webbpublicering Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se) Föreläsningsöversikt Föreläsning 1 Vad är webbpublicering? Lite historia - Internet och webben Statiska webbplatser Grundkoncept: webbläsare,
EDA095 HTML. Per Andersson. April 26, Lund University Innehåll: HTML, CSS, DOM, JavaScript
EDA095 HTML Per Andersson Lund University http://cs.lth.se/pierre_nugues/ April 26, 2017 Innehåll: HTML, CSS, DOM, JavaScript Per Andersson EDA095 HTML April 26, 2017 1 / 23 Webben Webben byggs upp av
Lektion 5 HTML, CSS, PHP och MySQL
Lektion 5 HTML, CSS, PHP och MySQL I den här lektionen behandlas i huvudsak PHP för att läsa information från en databas, MySQL. Det förutsätts att tidigare lektioner är gjorda, eller att du har tillräckliga
Modul 6 Webbsäkerhet
Modul 6 Webbsäkerhet Serverskript & Säkerhet Webbservrar & serverskript exponerar möjlighet för fjärranvändare att skicka data och köra kod vilket medför risker. Man ska aldrig lita på att alla vill göra
Hantera informationspaket i system för bevarande
Kompetensutveckling har erbjudits deltagare inom projektet Elektroniskt bevarande i form av en kurs i XML. Kursen har genomförts av Riksarkivet och haft en praktisk inriktning. Ett 10-tal personer deltog
Du kan själv följa med i denna steg-för-steg guide i din texteditor.
Grundläggande HTML HTML Steg-för-steg Du kan själv följa med i denna steg-för-steg guide i din texteditor. doctype Linköpings universitet I textdokument som används på internet finns på första raden information
ATT GÖRA WEBBSIDOR. Frivillig labb
Numerisk analys och datalogi KTH 100 44 Stockholm Kerstin Frenckner, tel 790 7143, e-post kfrenck@nada.kth.se 2D1339 Programkonstruktion Hösten 2001 Datorintroduktion Frivillig labb ATT GÖRA WEBBSIDOR
<sid nr="1" av="2" /> Stackenföreläsning: XML & XSLT: Intro. XML och XSLT
Intro Stackenföreläsning: XML & XSLT: Intro XML och XSLT Rasmus Kaj, Stacken http://www.stacken.kth.se/~kaj/ Intro Korrekt XML? Alternativ till XSL? XSLT Funktioner Exempel
Webbteknik II. Föreläsning 5. Restless farewell. John Häggerud, 2011
Webbteknik II Föreläsning 5 Restless farewell HTTP Request HTTP verbs (methods): GET, POST, HEAD, DELETE, PUT, OPTIONS, TRACE, CONNECT http://www.w3.org/protocols/rfc2616/rfc2616-sec9.html variable=value&variable2=value2
2I1073 Föreläsning 1. HTML och XHTML XHTML
2I1073 Föreläsning 1 XHTML, stilmallar och Javascript 1 KTH-MI Peter Mozelius HTML och XHTML HyperText Markup Language Element = taggar + taggarnas innehåll innehåller lite text taggarna kan
Litteratur. Nätverk, Internet och World Wide Web. Olika typer av nätverk. Varför nätverk? Anne Diedrichs Medieteknik Södertörns högskola
Litteratur Nätverk, Internet och World Wide Web Anne Diedrichs Medieteknik Södertörns högskola Beekman kap 9-11 Varierar i olika upplagor. Läs alla kapitel om nätverk och Internet och webb Olika typer
Introduktion HTML och PHP 732G16 Databaser design och programmering
Introduktion HTML och PHP 732G16 Databaser design och programmering 08-04-22 Ingrid Alin Nilsson 1 Presentationen tar upp Lite grundläggande om HTML Grunderna i PHP Styrstrukturer Funktioner Filhantering
FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll
FrontPage Express I programpaketet Internet Explorer 4.0 och 5.0 ingår också FrontPage Express som installeras vid en fullständig installation. Det är ett program som man kan använda för att skapa egna
www.skillspartner.com
Mål Deltagarna ska förstå: Vad XML är Hur XML fungerar Vilka problem XML löser Hur XML används Känna till begrepp: DTD, DOM, XSL etc. Känna till verktyg Innehåll Vad är XML XML i relation till HTML XML
Lektion 1, Del1, Kapitel 4
, Del1, Kapitel 4 Inlärningsmål Att förstå uppbyggnaden av XHTML dokument Att kunna använda XHTML för att skapa enkla webbsidor. Att kunna lägga till bilder till en webbsida Att förstå hur man skapar och
Grundläggande datavetenskap, 4p
Grundläggande datavetenskap, 4p Kapitel 4 Nätverk och Internet Utgående från boken Computer Science av: J. Glenn Brookshear 2004-11-23 IT och medier 1 Innehåll Nätverk Benämningar Topologier Sammankoppling
Konstruktion av datorspråk
Konstruktion av datorspråk Fö3: Uppmärkningsspråk Peter Dalenius petda@ida.liu.se Institutionen för datavetenskap Linköpings universitet 2009-01-29 Översikt Uppmärkningsspråk Struktur och specifikation
21/01/2016. Stilmallar. styra utseendet av webbplatsen DEL 1. Karin Fahlquist. index.html. recept.html frukt.html grönsaker.html
Stilmallar styra utseendet av webbplatsen DEL 1 Karin Fahlquist index.html recept.html frukt.html grönsaker.html 1 Samma kod olika utseende Olika exempel om layout: http://www.csszengarden.com/ Stilmallar
Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.
Lab1 - CV-sidan Du ska bygga en variant av en CV-sida i HTML och CSS. Sidan ska åtminstone innehålla en bild på dig, en klassisk tabell med utbildningar/erfarenheter, ditt favoritcitat, en eller flera
Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011)
Laboration 1: Xhtml och CSS.Tillämpad fysik och elektronik Per Kvarnbrink (redigering Ulf Holmgren 2011) Målsättning Att prova på grundläggande html samt att separera innehåll och utseende. Slutresultatet
Vad är XML XML. Exempel - SMIL. Exempel - XHTML. extensible Markup Language
XML Vad är XML extensible Markup Language 2D1525 Programmering för interaktiva medier http://www.nada.kth.se/kurser/kth/2d1525/ Ett meta-märkspråk med vilket man kan bygga märkspråk som xhtml, wml, smil
Webbplats analys cofra.it
Webbplats analys cofra.it Genereras på Januari 16 2017 07:17 AM Ställningen är 37/100 SEO Innehåll Titel COFRA - Born To Work - Längd : 22 Perfekt, din titel innehåller mellan 10 och 70 tecken. Beskrivning
KUNDREGISTER Sid 2(7) Teknisk specifikation
KUNDREGISTER Sid 1(7) Kundregister Innehållsförteckning 1 Allmänt...2 1.1 Inledning...2 1.2 Disposition...2 1.3 Ordlista...2 1.4 Referenser...2 2 Systemöversikt...3 3 Systemlösning...4 3.1 Kundregisterfiler...4
HTML & webbteknik. Introduktion till HTML. Formatering. Struktur HTML. Uppdelning. Hur man skapar hemsidor. Öppen standard W3C. Plattformsoberoende
Introduktion till HTML HTML & webbteknik Hur man skapar hemsidor Öppen standard W3C World Wide Web Consortium Plattformsoberoende Om standarden följs. XHTML Utveckling av HTML, kommer kanske i framtiden
Lektion 2 Del 1 Kapitel 6
Lektion 2 Del 1 Kapitel 6 Inlärningsmål Att kunna kontrollera och styra webbsidors utseende med hjälp av CSS mallar Att med hjälp av CSS mallar kunna ge en hel website ett gemensamt utseende Att med hjälp
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi<er
Labora&on 1 Introduk&on &ll utvecklingsmiljön övningar/uppgi
XML-produkter. -Registret över verkliga huvudmän (RVH) Teknisk handledning för webbtjänst mot RVH (Web Services) Datum: Version: 1.
XML-produkter -Registret över verkliga huvudmän (RVH) Teknisk handledning för webbtjänst mot RVH (Web Services) Datum: 2018-09-18 Version: 1.0 Innehållsförteckning 1. Inledning... 3 1.1. Syfte 3 1.2. Målgrupp
WEBBUTVECKLING Kursplanering
Kursplanering v 35-37: Struktur, mappar, google-skills, planering, html-grunder, bra/dåliga exempel, webbläsare, editorer v 38-43: HTML - länkar, färger, text, listor, bilder. v 44: Höstlov v 45: Repetition,
Idag. Webben och HTML. Webbens funk3on. URL och websidor. Moment F om webben och HTML startar nu
Idag Webben och HTML Ins3tu3onen för system- och rymdteknik Luleå tekniska universitet Moment F om webben och HTML startar nu Dead-line: torsdag 22 sep (dvs om en vecka). UppgiQ: Skriv en enkel websida
Inför prov 1 i webbdesign
Inför prov 1 i webbdesign Skapa ett grundläggande HTML-dokument sidtitel övriga instruktioner Grundläggande märken, samt hur de används startmärke
Bilder. Bilder och bildformat
och bildformat Det första du måste göra är att skaffa bilder att lägga in i ett HTMLdokument. Ta en bild med din mobil/ webbkamera eller rita bilden själv.du kan ta gratisbilder från Google, gå in på bilder
Webbstandarder för fler än en plattform
Beteckning: Institutionen för matematik, natur- och datavetenskap Webbstandarder för fler än en plattform Mikael Norling, Tomas Wigren Juni 2008 Examensarbete, 15 poäng, B Datavetenskap Internetteknologi
TDDD52 CSS. Färger. Färger 1/3/13
Jag önskar göra det lä0are för användarna genom a0 markera vissa delar med en annan färg? HTML är bra, men det är inte så snyggt? TDDD52 - CSS CSS regler och selectors gör a0 jag kan styla min HTML precis
Webbprogrammering 725G54
Webbprogrammering 725G54 Hej! Jakob Bandelin, gästadjunkt jakob.bandelin@liu.se Interaktionsdesign, webbdesign, apputveckling Agenda Kursmål och -upplägg HTML Teckenkodning Validering Lab 1. Kursmål exemplifiera
Datakommunika,on på Internet
Föreläsning i webbdesign Datakommunika,on på Internet Rune Körnefors Medieteknik 1 2012 Rune Körnefors rune.kornefors@lnu.se Klient Server Klient (Client kund) ED program för ad utnydja tjänster som begärs
2009-08-20. Manual för Typo3 version 4.2
2009-08-20 Manual för Typo3 version 4.2 1 2 Innehåll: 1. Allmänt 4 2. Grunderna i Typo3 5 2.1 Knappar 5 2.2 Inloggning 5 2.3 Den inledande vyn 6 2.4 Sidträdet 7 3. Sidor 8 3.1 Skapa en ny sida 8 3.1.1
Handbok Remote Access TBRA
NESTOR NESTOR NESTOR SV.TBRA web.131219 Handbok Remote Access TBRA 1. ALLMÄNT Remote Access är en kommunikationsenhet som möjliggör stabil och tillförlitlig fjärranslutning, via mobil uppkoppling, till
API:er/Mashup. Föreläsning 4 API:er och Mashups. Johan Leitet johan.leitet@lnu.se twitter.com/leitet facebook.com/leitet. Webbteknik II, 1DV449
API:er/Mashup Föreläsning 4 API:er och Mashups Webbteknik II, 1DV449 Johan Leitet johan.leitet@lnu.se twitter.com/leitet facebook.com/leitet F04 API:er Mashup Dagens agenda API RSS Säkerhet Mashup Resurser