Outline. 1 Reiteration. 2 Att konstruera en enkel Web Site. 3 Hypertextlänkar. 4 Hypertextlänkar till andra resurser. 5 Additional topics
|
|
- Karolina Abrahamsson
- för 7 år sedan
- Visningar:
Transkript
1 Outline 1 Reiteration Lecture 3: Internet/WWW 2 Att konstruera en enkel Web Site Anders Ardö 3 Hypertextlänkar EIT Electrical and Information Technology, Lund University September 17, Hypertextlänkar till andra resurser 5 Additional topics 6 Mer Information September 17, / September 17, / XML tagging Linked data Only one root-element Open/close tag <book>...</book> Tree structured Must be correctly balanced - well formed WRONG <title>what is <author>anders</title></author> CORRECT<title>What is <author>anders</author></title> Size matters Different elements <title>what is</title> <Title>Where is</title> Element can have attributes: <author role="primary">anders</author> <journal vol="34" no="4">knowledge Organisation</journal> Identification: HTTP URIs Information about: RDF/XML publishing structured data interlinked and more useful Relationships: links to related items Example Linking Open Data : goal: build a data commons making various open data sources available on the Web as RDF setting RDF relationships between data items items ( persons); RDF triplets; (2012) September 17, / September 17, /
2 Web services: REST - Representational State Transfer Mashups client/server simple use HTTP (and other protocols) use HTTP methods explicitly To create a resource on the server, use POST. To retrieve a resource, use GET. To change the state of a resource or to update it, use PUT. To remove or delete a resource, use DELETE. stateless expose directory structure-like URIs transfer XML, JavaScript Object Notation (JSON), or both predominant model combine data from several sources to create new services main characteristics combination visualization aggregation examples: Directory: September 17, / September 17, / Filter bubble Privacy What do search engines or social sites know about me? At least location, search history, click history, likes, and more... Personalize whats shown (search results,... ) using this info Show us what we want/like to see - algorithmically... and not whats relevant (who decides that?) Problem? Search history, clicks, photos, documents, comments,... leads to a profile that can be used by ads or sold, or even stolen which might lead to it ending up in unwanted places and used against you Beware! För att inte tala om NSA... September 17, / September 17, /
3 Lecture 4 agenda Outline 1 Reiteration 1 Reiteration 2 Att konstruera en enkel Web Site 2 Att konstruera en enkel Web Site 3 Hypertextlänkar 3 Hypertextlänkar 4 Hypertextlänkar till andra resurser 4 Hypertextlänkar till andra resurser 5 Additional topics 5 Additional topics 6 Mer Information 6 Mer Information September 17, / September 17, / Konstruera en enkel Web Site I Konstruera en enkel Web Site II Förstå hur man bygger upp en storyboard för olika website strukturer Skapa länkar mellan dokumenten på en website Relativa och absoluta katalogstrukturer Arbeta med grundelementen Markera en position med ett id-attribut Skapa en länk till en id-märkt position Markera en bild som en länk Skapa en bild-mappning från en inline bild Förstå URL:er Länka till en site på nätet Länka till en FTP site Länka till en adress Semantiska länkar Arbeta med metadata September 17, / September 17, /
4 Arbeta med websitestrukturer Första intrycket av en site Ett storyboard är ett diagram över en websitestruktur som visar alla sidor på siten och hur de är sammanlänkade Det är viktigt att man gör en storyboard över sin website innan man börja skapa de olika sidorna för att kunna bestämma vilken struktur som passar bäst för den typ av information som siten ska innehålla En välkonstruerad struktur försäkrar att användarna kan navigera på siten utan att missa viktig information Websites need to make a great first impression to capture users interest. In less than 50 milliseconds, users build an initial gut feeling that helps them decide whether they ll stay or leave. Investigation of how first impressions of websites are influenced by two design factors: Visual complexity how complex the visual design of a website looks Prototypicality how representative a design looks for a certain category of websites users strongly prefer website designs that look both simple (low complexity) familiar (high prototypicality) Från September 17, / September 17, / Linjär struktur Hierarkisk struktur I en linjär struktur så är varje sida länkad föregående sida och efterföljande sida i en ordnad länkkedja Linjära strukturer fungerar bäst med websidor som har en klart definierad ordning I en utökad linjär struktur så innehåller varje sida dessutom en länk tillbaka till startsidan I den hierarkiska strukturen är sidorna länkade från startsidan och ner till mer specifika sidor Användarna kan enkelt gå från en mer generell sida till en mer specifik sida I den här strukturen så kan man snabbt hoppa förbi den linjära ordningen till någon specifik sida Antal klick till Act III, Scene 3? September 17, / September 17, /
5 Blandade strukturer Website utan sammanhängande struktur När websiten blir större och mer komplex så behöver man ofta en kombination av olika strukturer Det övergripande formatet är ofta hierarkiskt så att det tillåter användaren att gå från det generella till det specifika; men länkarna tillåter också navigering genom websiten på ett linjärt sätt Ett siteindex är en sida med en innehållsförteckning för hela siten och dess innehåll September 17, / September 17, / Skyddade strukturer Outline På de flesta kommersiella websiter så finns det skyddade sektioner som endast registrerade användare (föreningsmedlemmar, bankkunder) har tillgång till 1 Reiteration 2 Att konstruera en enkel Web Site 3 Hypertextlänkar 4 Hypertextlänkar till andra resurser 5 Additional topics 6 Mer Information September 17, / September 17, /
6 Skapa en Hypertextlänk Skapa en Hypertextlänk För att länka till en sida så specificerar man till namnet på filen genom href attributet i <a> taggen <a href= filename.html >en hypertext link</a> Filnamn kan vara olika om man skriver dem med stora eller små bokstäver, t.ex., i operativsystemen UNIX och Mac OS (jmfr Windows) En konvention kan vara att använda endast små bokstäver till filnamn på en website och att undvika specialtecken som mellanslag och snedstreck Man bör också använda korta filnamn för att undvika stavfel September 17, / September 17, / Specificera en katalogstruktur Specificera en katalogstruktur För att skapa en länk till en fil i en annan katalog än den där HTML-dokumentet ligger så måste man specificera platsen för filen, det vill säga dess path : folder1/folder2/file.html En absolut path specificerar en fils exakta position i datorns katalogstruktur En relativ path specificerar en fils position i förhållande till det nuvarande dokumentet Om filen ligger i samma katalog som det nuvarande dokumentet så behöver man inte ange katalogen Om filen ligger i en underkatalog till den nuvarande filen så måste man ta med underkatalogens namn September 17, / September 17, /
7 Specificera en katalogstruktur För att gå upp en nivå i katalogträdet så börjar man den relativa path :en med en dubbelpunkt../file.html Man bör alltid använda relativ path, i länkarna, om det går Exempel Absolut path : /home/anders/document/f4.pdf /var/www/undervisning/introkurs/schema.html /var/www/undervisning/laboration/uppgifter.html Relativ path : litteratur.html undervisning/introkurs/schema.html../laboration/uppgifter.html September 17, / Sätta baskatalogen Baselementet <base.../> specificerar bas-urlen för alla relativa URLs i dokumentet Baselementet är användbart när ett dokument flyttas till en ny katalog. Snarare än att behöva skriva om alla relativa path :er, kan man bara ändra baspositionen för att ange den nya katalogpositionen Baselementet är också användbart när man vill kopiera en enda sida från en stor website på en annan webserver <head> <base href=" /> </head> <body> <img src="stickman.gif" /> <a href=" </body> September 17, / Att använda id-attributet Länka till olika positioner inom ett dokument För att hoppa till en specifik position inom ett dokument, så måste man först markera den positionen Ett sätt att identifiera olika element i ett HTML dokument är att använda id-attributet Id namn måste vara unika Id namn tolkar stora och små bokstäver som samma bokstav För att skapa en länk inom ett dokument så innesluter man innehållet i länken i en <a> tag och använder href-attributet som referens till ett annat elements id-attribut <a href= #A >[A]<a> länkar till det element (plats i denna sida) som har id-attribut A <h2>glossary</h2> <a href= #A >[A]<a> <a href= #B >[B]<a> <a href= #C >[C]<a>... September 17, / September 17, /
8 Länka till olika positioner i ett annat dokument Att använda länkade bilder För att skapa en länk till en specifik plats i ett annat dokument så skriver man <a href="url#id">content<a> där url är en referens till en HTML eller XHTML fil och id är id för ett märkt element i den filen En länks innehåll är inte begränsat till text En standardkonvention på nätet är att göra sitens logotyp till en hypertext länk som pekar på startsidan <a href="url"> <img src="file alt="text" /> </a> HTML tillåter också att man delar upp en bild i olika zoner, eller hotspots, som länkar till olika destinationer September 17, / September 17, / Att använda länkade bilder Bildmappning på clientsidan För att definiera hotspots så skapar man en bildmappning ( image map ) som matchar ett område på bilden till en specifik länk Skapas på clientsidan eller serversidan En bildmappning på clientsidan definieras av ett map element Webläsaren hanterar bildmappningen lokalt Eftersom allting sker lokalt så kan man enkelt testa websidorna Reagerar snabbare än mappning på serversidan <img src="planets.gif" width="145" height="126" alt="planets" usemap="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt <area shape="circle" coords="90,58,3" href="mercur.htm" a <area shape="circle" coords="124,58,8" href="venus.htm" a </map> September 17, / September 17, /
9 Definiera Hotspots Skapa en rektangulär hotspot Definiera en hotspot genom två egenskaper : Dess position i bilden (0,0 är upp till vänster) Dess form Syntaxen för ett hotspot element: <area shape= shape coords= coordinates href= url alt= text /> Två punkter definierar en rektangulär hotspot: Övre-vänstra hörnet Nedre-högra hörnet Exempelkod för en rektangulär hotspot: <area shape= rect coords= 384,61,499,271 href= water.htm /> Koordinaterna matas in som en serie av fyra tal separerade av kommatecken HTML förväntar sig att de två första talen representerar koordinaterna för övre-vänstra hörnet av rektangeln och att nästa två tal representerar positionen för nedre-högra hörnet Vår exempel hotspot är en hypertextlänk till water.htm September 17, / September 17, / Skapa en cirkulär hotspot En polygon som hotspot En cirkulär hotspot definieras av positionen av dess centrum och dess radie Exempelkod för en cirkulär hotspot : <area shape= circle coords= 82,78,80 href= karts.htm /> Koordinaterna (82, 78) och med en radie på 80 pixels För att skapa en polygon så matar man in koordinaterna för varje hörn i polygonen Exempelkod för en polygon hotspot : <area shape= poly coords= 13,60,13, ,60 href= rides.htm /> September 17, / September 17, /
10 Default Hotspot Använda en bildmappning <area shape="default" coords="0, 0, x, y".../> där x är bredden på inline bilden i pixel och y är bildens höjd Alla punkter som inte täcks in av andra hotspots kommer att aktivera default hotspot länken September 17, / September 17, / Skapa en bildmappning på Clientsidan Multimedia Images <img src="me.jpg" width="800" height="640".../> Sound (html5) <audio controls="controls"> <source src="car.mp3" type="audio/mp3" /> Your browser does not support the audio tag. </audio> Video (html5) <video width="320" height="240" controls="controls"> <source src="train.mp4" type="video/mp4" /> Your browser does not support the video tag. </video> September 17, / September 17, /
11 Uniform Resource Locator - URL A Web resource is located by a URL protocol server path Optionally a port on the server (default 80) port URL:er Webläsaren kommunicerar med webservern genom HyperText Transfer Protocol (HTTP) URL för alla websidor måste börja med http (eller https) Andra internetresurser använder andra protokoll och har då något annat namn Ett protokoll är en uppsättning regler som bestämmer hur informationen ska överföras mellan två datorer Relative URLs sgml/dtd.html Fragment identifier [ ] [ ] [ ] protocol : // server : port / path? parameters # fragment September 17, / September 17, / Länka till en website Länka till en website Om en URL inte inkluderar en path, så kommer servern att leta i den högsta katalogen i servern Om en URL inte specificerar något filnamn, så kommer servern att leta efter default-sidan (index.html,... ) Delen cs.utsa.edu av servernamnet kallas också för domännamn September 17, / September 17, /
12 Hypertextattribut - tooltip Hypertextattribut - target Flera HTML-attribut för att styra utseende och uppförande hos länkar Om man vill så kan man lägga till extra information (tooltip) till användarna genom attributet title till många HTML-taggar En tooltip är en beskrivande text som visas då muspekaren befinner sig över en länk <a href=... title= tooltip info >...</a> Man kan tvinga ett dokument att visas i ett sekundärt fönster genom att lägga till target attribut till <a> taggen <a href=... target= _blank >...</a> September 17, / September 17, / Outline Länka till FTP-servrar 1 Reiteration 2 Att konstruera en enkel Web Site 3 Hypertextlänkar 4 Hypertextlänkar till andra resurser 5 Additional topics FTP servrar är en annan metod för att lagra och dela filer på Internet FTP servrar överför information genom att använda protokollet File Transfer Protocol, (FTP) En FTP-server kräver att varje användare matar in ett användar-id och ett lösenord 6 Mer Information September 17, / September 17, /
13 Länka till en lokal fil Länka till en adress Ibland kan man se URL för en fil på din dator Inget servernamn Använd file som protokoll file:///home/anders/proj/eit/tagcloud/fostruct.html Jämför URL: Många websiter använder för att användare ska kunna kommunicera med sitens ägare Man kan göra om en address till en hypertextlänk mailto-protokollet tillåter också att man lägger till information till et mailto:address?header1=value1&header2=value2&... This%20is%20a%20test%20message dvs September 17, / September 17, / Länka till en adress - specialtecken i URL Länka till en adress - SPAM Om man behöver lägga till en adress till websidan så finns det några steg man kan ta för att undvika problem med spam: Ersätt alla adresser på din sida med inline bilder av adresserna Skriv ett program i JavaScript kryptera alla adresser i HTML koden Ersätt tecknen för adressen med teckenkoder September 17, / September 17, /
14 Länka till olika resurser Outline 1 Reiteration 2 Att konstruera en enkel Web Site 3 Hypertextlänkar 4 Hypertextlänkar till andra resurser 5 Additional topics 6 Mer Information September 17, / September 17, / Skapa en semantisk länk Semantisk länk Två attribut, rel och rev, tillåter dig att specificera relationen mellan en länk och dess destination rel: relationen mellan detta dokument och det länkade dokumentet rev: relationen mellan det länkade dokumentet och detta dokument I dokumentet index.html: <a rel="next" href="ch1.html">chapter 1</a> Länkar som innehåller rel och rev attribut kallas semantiska länkar eftersom taggen innehåller information om relationen mellan länken och dess destination Webläsare använder inte detta attribut, men det kan användas av sökmaskiner och andra program för att få mer information om länken I dokumentet ch1.html: <a rev="start" href="/book/index.html">beginning</a> September 17, / September 17, /
15 rel, rev - värden alternate An alternate version of the document stylesheet An external style sheet for the document start The first document in a selection next The next document in a selection prev The previous document in a selection contents A table of contents for the document index An index for the document glossary A glossary (explanation) of words used in the document copyright A document containing copyright information chapter A chapter of the document section A section of the document subsection A subsection of the document appendix An appendix for the document help A help document bookmark A related document nofollow "nofollow" is used by Google licence taga. Ardö, EIT friend Lecture 3: Internet/WWW September 17, / Metadata Information om en site kallas metadata Man kan lägga till metadata till sin websida genom att lägga till ett meta-element i head sektionen i dokumentet <head> <meta name="description" content="free Web tutorials" /> <meta name="keywords" content="html,css,xml" /> <meta name="author" content="hege Refsnes" /> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> </head> September 17, / Metadata Metadata Man kan lägga till information och kommandon till kommunikations-strömmen med meta-elementets http-equiv attribut Tvinga webläsaren att uppdatera websidan med jämna intervall <meta http-equiv="refresh" content="60" /> Omdirigera webläsaren från nuvarande dokument till ett nytt dokument <meta http-equiv="refresh" content="5;url= /> Bestämma teckenuppsättning <meta http-equiv="content-type" content="text/html;charset=utf8" /> September 17, / September 17, /
16 Outline Mer info 1 Reiteration 2 Att konstruera en enkel Web Site 3 Hypertextlänkar 4 Hypertextlänkar till andra resurser HTML tags explained: HTML attribut 5 Additional topics 6 Mer Information September 17, / September 17, 2013 /
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/
Läs merHyperlä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,
Läs merEn bortsprungen katt
Nivå 1 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. En bortsprungen katt
Läs merITK: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
Läs merBilder. 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
Läs merAtt bygga enkla webbsidor
Nivå 1 Att bygga enkla webbsidor 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/18cplpy to find out what
Läs merF02 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
Läs merIsolda Purchase - EDI
Isolda Purchase - EDI Document v 1.0 1 Table of Contents Table of Contents... 2 1 Introduction... 3 1.1 What is EDI?... 4 1.2 Sending and receiving documents... 4 1.3 File format... 4 1.3.1 XML (language
Läs merTNMK30. 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
Läs merWebbteknik. 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
Läs merKomma igång med Adobe Presenter ver.7
Komma igång med Adobe Presenter ver.7 (Adobes guide med tillägg av Tove Forslund, Lärcentret 7.2.2009) Adobe Presenter Presenter gör det möjligt att förbättra dina presentationer genom att Banda in eller
Läs merHTML 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
Läs merNä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
Läs merProblem som kan uppkomma vid registrering av ansökan
Problem som kan uppkomma vid registrering av ansökan Om du har problem med din ansökan och inte kommer vidare kan det bero på det som anges nedan - kolla gärna igenom detta i första hand. Problem vid registrering
Läs merInformation technology Open Document Format for Office Applications (OpenDocument) v1.0 (ISO/IEC 26300:2006, IDT) SWEDISH STANDARDS INSTITUTE
SVENSK STANDARD SS-ISO/IEC 26300:2008 Fastställd/Approved: 2008-06-17 Publicerad/Published: 2008-08-04 Utgåva/Edition: 1 Språk/Language: engelska/english ICS: 35.240.30 Information technology Open Document
Läs merSchenker Privpak AB Telefon VAT Nr. SE Schenker ABs ansvarsbestämmelser, identiska med Box 905 Faxnr Säte: Borås
Schenker Privpak AB Interface documentation for web service packageservices.asmx 2012-09-01 Version: 1.0.0 Doc. no.: I04304b Sida 2 av 7 Revision history Datum Version Sign. Kommentar 2012-09-01 1.0.0
Läs merIdag. 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
Läs merModule 6: Integrals and applications
Department of Mathematics SF65 Calculus Year 5/6 Module 6: Integrals and applications Sections 6. and 6.5 and Chapter 7 in Calculus by Adams and Essex. Three lectures, two tutorials and one seminar. Important
Läs merBeijer Electronics AB 2000, MA00336A, 2000-12
Demonstration driver English Svenska Beijer Electronics AB 2000, MA00336A, 2000-12 Beijer Electronics AB reserves the right to change information in this manual without prior notice. All examples in this
Läs merIntroduction to the Semantic Web. Eva Blomqvist
Introduction to the Semantic Web Eva Blomqvist eva.blomqvist@liu.se Outline The original vision Meaning of data Current applications Revisiting the vision and looking ahead Scientific American, May 2001:
Läs merJavaScript in SharePoint and not just for Apps. Wictor Wilén
JavaScript in SharePoint and not just for Apps Wictor Wilén Wictor Wilén Agenda Varför JavaScript? JavaScript bibliotek SharePoint JS bibliotek JavaScript Client Side Object Model (JSOM/CSOM) REST Client
Läs merRepetition. 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
Läs merRepetition. 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
Läs merTaking Flight! Migrating to SAS 9.2!
Taking Flight! Migrating to SAS 9.2! Joel Orr, System Engineering Division June 1, 2011 Agenda Introduction Benefits of Migration Possible Migration Scenarios To Do List Potential Problems Resources Introduction
Läs merOptimering av webbsidor
1ME323 Webbteknik 3 Lektion 7 Optimering av webbsidor Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda Optimering SEO (Search Engine Optimization) Sökmotor: index, sökrobot
Läs merInternet 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
Läs merÖversättning av galleriet. Hjälp till den som vill...
Hjälp till den som vill... $txt['aeva_title'] = 'Galleri'; $txt['aeva_admin'] = 'Admin'; $txt['aeva_add_title'] = 'Titel'; $txt['aeva_add_desc'] = 'Beskrivning'; $txt['aeva_add_file'] = 'Fil att ladda
Läs merOlika 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
Läs merBRÖDGRUPPENS HEMSIDA
BRÖDGRUPPENS HEMSIDA LOGGA IN 1 SCHEMA 2 NYTT/ÄNDRA SCHEMA 3-4 DELTAG I EN BRÖDRUNDA 5-6 LÄGG TILL NYA MEDLEMMAR 7-8 Detta är en manual över hur ni, brödgruppens medlemmar kan använda den interna medlemssidan
Läs merWebbplats analys facebook.com
Webbplats analys facebook.com Genereras på Januari 14 2019 10:26 AM Ställningen är 44/100 SEO Innehåll Titel Facebook - Log In or Sign Up Längd : 28 Perfekt, din titel innehåller mellan 10 och 70 tecken.
Läs merEvery visitor coming to the this website can subscribe for the newsletter by entering respective address and desired city.
Every visitor coming to the this website can subscribe for the newsletter by entering respective e-mail address and desired city. Latest deals are displayed at the home page, wheras uper right corner you
Läs merInstallation av F13 Bråvalla
Website: http://www.rbdesign.se Installation av F13 Bråvalla RBDESIGN FREEWARE - ESCK Norrköping-Bråvalla 1. Ladda ner och packa upp filerna i en mapp som du har skapat på ett lättöverskådligt ställe utanför
Läs merHTML 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
Läs mer21/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
Läs merHur 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
Läs merTNMK30. 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
Läs mer! 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,
Läs merNä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
Läs merTNMK30 - 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
Läs merLaboration 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
Läs merWebbplats analys cite4me.org
Webbplats analys cite4me.org Genereras på Maj 03 2019 15:50 PM Ställningen är 36/100 SEO Innehåll Titel Reference Maker and Citation Machine - Generator: Amazing Tool for Effortless Referencing Längd :
Läs merSwedbank Mobile Loadtesting. LoadRunner 11.04 Mobile App protocol
Swedbank Mobile Loadtesting LoadRunner 11.04 Mobile App protocol Bakgrund Mission: Prestandatesta mobilt backend Typ: RESTful tjänst Underlag: Dokumenterat URI och API (Uniform Resource Identifier, Application
Läs merWebbplats analys akcpdistributor.de.ipaddress.com
Webbplats analys akcpdistributor.de.ipaddress.com Genereras på Juli 19 2019 10:29 AM Ställningen är 52/100 SEO Innehåll Titel Akcp Distributor - Akcp-Distributor.de Website Analysis and Traffic Statistics
Läs merWebbplats analys akcpsensor.de.ipaddress.com
Webbplats analys akcpsensor.de.ipaddress.com Genereras på Juli 19 2019 10:29 AM Ställningen är 52/100 SEO Innehåll Titel Akcp Sensor - AKCess Pro IP-basierte Messtechnik für die Sicherheitsüberwachung
Läs merSchenker Privpak AB Telefon 033-178300 VAT Nr. SE556124398001 Schenker ABs ansvarsbestämmelser, identiska med Box 905 Faxnr 033-257475 Säte: Borås
Schenker Privpak AB Interface documentation for web service packageservices.asmx 2010-10-21 Version: 1.2.2 Doc. no.: I04304 Sida 2 av 14 Revision history Datum Version Sign. Kommentar 2010-02-18 1.0.0
Läs merIT för personligt arbete F2
IT för personligt arbete F2 Nätverk och Kommunikation DSV Peter Mozelius Kommunikation i nätverk The Network is the Computer Allt fler datorer är sammankopplade i olika typer av nätverk En dators funktionalitet
Läs merLösenordsportalen Hosted by UNIT4 For instructions in English, see further down in this document
Lösenordsportalen Hosted by UNIT4 For instructions in English, see further down in this document Användarhandledning inloggning Logga in Gå till denna webbsida för att logga in: http://csportal.u4a.se/
Läs mer20/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
Läs merWebbteknik 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
Läs merORDLISTA 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.
Läs mer2.1 Installation of driver using Internet Installation of driver from disk... 3
&RQWHQW,QQHKnOO 0DQXDOÃ(QJOLVKÃ'HPRGULYHU )RUHZRUG Ã,QWURGXFWLRQ Ã,QVWDOOÃDQGÃXSGDWHÃGULYHU 2.1 Installation of driver using Internet... 3 2.2 Installation of driver from disk... 3 Ã&RQQHFWLQJÃWKHÃWHUPLQDOÃWRÃWKHÃ3/&ÃV\VWHP
Läs merDatasäkerhet och integritet
Chapter 4 module A Networking Concepts OSI-modellen TCP/IP This module is a refresher on networking concepts, which are important in information security A Simple Home Network 2 Unshielded Twisted Pair
Läs merArbetsmaterial 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
Läs merRedaktörens Lathund för Glokala. Så här redigerar du en redan befintlig hemsida. Så här skapar du en länk till en extern hemsida
Redaktörens Lathund för Glokala Glokala Folkhögskolan www.glokala.se Hej och välkommen till redaktörens lathund! Detta är en snabbguide för dig som har behörigheter att skapa och uppdatera sidor på Glokalas
Läs merGrundlä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
Läs merIntroduktion 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
Läs merSVENSK STANDARD SS :2010
SVENSK STANDARD SS 8760009:2010 Fastställd/Approved: 2010-03-22 Publicerad/Published: 2010-04-27 Utgåva/Edition: 2 Språk/Language: svenska/swedish ICS: 11.140 Sjukvårdstextil Sortering av undertrikå vid
Läs mer- den bredaste guiden om Mallorca på svenska! -
- den bredaste guiden om Mallorca på svenska! - Driver du företag, har en affärsrörelse på Mallorca eller relaterad till Mallorca och vill nå ut till våra läsare? Då har du möjlighet att annonsera på Mallorcaguide.se
Läs merLabora&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
Läs merCarl-Oscar Hermansson WEBB DESIGN
Carl-Oscar Hermansson WEBB DESIGN Del SKAPA DIN WEBBPLATS MED HTML. Öppna ett HTML-dokument... 8 6. HTML grundkod... 9 7. Färger... 0 8. Textformatering... 9. Listor... 0 0. Bilder.... Bakgrundsbilder...
Läs merAuthentication Context QC Statement. Stefan Santesson, 3xA Security AB stefan@aaa-sec.com
Authentication Context QC Statement Stefan Santesson, 3xA Security AB stefan@aaa-sec.com The use case and problem User identities and user authentication is managed through SAML assertions. Some applications
Läs merSupport Manual HoistLocatel Electronic Locks
Support Manual HoistLocatel Electronic Locks 1. S70, Create a Terminating Card for Cards Terminating Card 2. Select the card you want to block, look among Card No. Then click on the single arrow pointing
Läs merWebbserver och HTML-sidor i E1000 KI
1 Funktion och användningsområde E1000-terminalen (E1032-E1151) kan användas som webbserver. En webbserver är ett program som hanterar filer som ska visas i en webbläsare som exempelvis Internet Explorer.
Läs merF02 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
Läs merLathund ringstromsskog.se
Lathund ringstromsskog.se Gå in på: http://ringstromsskog.se/wp-admin Användarnamn: Gustaf Lösenord: 2015_Laikan1_kallsand 1. GÖRA INLÄGG PÅ STARTSIDAN För att göra inlägg på startsidan välj inlägg i menyn
Läs merLathund - Redigera innehåll på Comfort Audios webbplats. 1. Logga in i WordPress... 2 2. Ändra/lägg till användare... 2. 3. Lägga till nya sidor...
2012-05-18 1. Logga in i WordPress... 2 2. Ändra/lägg till användare... 2 2.1 Lägga till ny administratör... 2 2.2 Ändra behörighet på befintlig användare... 2 2.3 Lägg till befintlig användare på fler
Läs merStatistik 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?
Läs merArbeta med Selected Works en lathund
Arbeta med Selected Works en lathund Att redigera din egen Selected Works-sida Ta fram din sida och logga in via My Account längts ner på sidan. Klicka på Edit My Site för att redigera sidan. Gå nu vidare
Läs merInstallationsanvisningar VisiWeb. Ansvarig: Visi Closetalk AB Version: 2.3 Datum: 2009-12-14 Mottagare: Visi Web kund
Sida: 1(7) Installationsanvisningar VisiWeb Ansvarig: Visi Closetalk AB Version: 2.3 Datum: 2009-12-14 Mottagare: Visi Web kund Detta dokument Detta dokument beskriver hur man installerar VisiWeb på en
Läs merNya möjligheter med M3 Technology. Björn Svensson, Björn Torold
Nya möjligheter med Technology Björn Svensson, Björn Torold Vem är vi? 2 Copyright 2011 Lawson. All rights reserved. Nya möjligheter med Technology System Foundation Grid Förändrar basen i Installation
Läs merLjud och video på webbsidor
Nivå 3 Ljud och video på webbsidor 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
Läs merThesis Production Time plan, preparation and Word templates
Thesis Production Time plan, preparation and Word templates Service from the University Library Speaker: Jesper Andersson 1. Set a Date 12 weeks 2. Let Us Know Public Defence 6 7 Week Time Plan 1 Carolina
Läs merWWW. 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
Läs merWebbens 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
Läs merWebbservrar, 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
Läs merMaterialplanering och styrning på grundnivå. 7,5 högskolepoäng
Materialplanering och styrning på grundnivå Provmoment: Ladokkod: Tentamen ges för: Skriftlig tentamen TI6612 Af3-Ma, Al3, Log3,IBE3 7,5 högskolepoäng Namn: (Ifylles av student) Personnummer: (Ifylles
Läs merFörskola i Bromma- Examensarbete. Henrik Westling. Supervisor. Examiner
Förskola i Bromma- Examensarbete Henrik Westling Handledare/ Supervisor Examinator/ Examiner Ori Merom Erik Wingquist Examensarbete inom arkitektur, grundnivå 15 hp Degree Project in Architecture, First
Läs merWebbregistrering pa kurs och termin
Webbregistrering pa kurs och termin 1. Du loggar in på www.kth.se via den personliga menyn Under fliken Kurser och under fliken Program finns på höger sida en länk till Studieöversiktssidan. På den sidan
Läs merWebbplats analys sarajacob3216.wordpress.com
Webbplats analys sarajacob3216.wordpress.com Genereras på Juli 22 2019 17:37 PM Ställningen är 50/100 SEO Innehåll Titel Längd : 28 Perfekt, din titel innehåller mellan 10 och 70 tecken. Beskrivning Welcome
Läs merWebbprogrammering. 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
Läs merIntegritetspolicy på svenska Integrity policy in English... 5
Innehållsförteckning / Table of content Integritetspolicy på svenska... 2 In Vino Veritas... 2 Vilka vi är... 2 Vilka personuppgifter vi samlar in och varför vi samlar in dem... 2 Namninsamlingen... 2
Läs merREGISTRERA DIG IDAG Din guide till Ronnebyporten
REGISTRERA DIG IDAG Din guide till Ronnebyporten Hej, Ronnebyporten är en tjänstevalsportal där du själv väljer och aktiverar leverantör av bredband, telefoni, TV och andra digitala tjänster. Att få tillgång
Läs merDatakommunika,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 =
Läs merInstruktion för användande av Citrix MetaFrame
Instruktion för användande av Citrix MetaFrame Öppna valfri browser, t ex Internet Explorer eller Firefox, och ange url en www.git.ltu.se. Detta medför att följande bild presenteras. OBS! Ny version av
Läs merHealth café. Self help groups. Learning café. Focus on support to people with chronic diseases and their families
Health café Resources Meeting places Live library Storytellers Self help groups Heart s house Volunteers Health coaches Learning café Recovery Health café project Focus on support to people with chronic
Läs merSprå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
Läs merIdag. Webben, HTML och CSS. Live demo. Webbens funktion
Idag Webben, HTML och CSS Institutionen för system- och rymdteknik Luleå tekniska universitet Moment F om webben, HTML och CSS startar nu Dead-line: fredag 28 sep (dvs om en dryg vecka). Uppgift: Skriv,
Läs merWebbteknik 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
Läs merParallella jobb ctrl-z emacs & more README ctrl-z jobs. %<jobnr>
Parallella jobb En av de stora skillnaderna mellan UNIX och t.ex. MS-DOS är att man kan köra flera program samtidigt trots att man bara har ett enda fönster. För att hålla reda på vilka program som är
Läs merModule 1: Functions, Limits, Continuity
Department of mathematics SF1625 Calculus 1 Year 2015/2016 Module 1: Functions, Limits, Continuity This module includes Chapter P and 1 from Calculus by Adams and Essex and is taught in three lectures,
Läs merÄndringar i språkfiler i e-line 3.42A
Ändringar i språkfiler i e-line 3.42A Gäller Pyramidversion 3.42A till och med 3.42Asp06 (2015-12-16) Förändringar och nyheter i standard språkfiler I det här dokumentet förklaras de ändringar som gjorts
Läs merhttp://marvel.com/games/play/31/create_your_own_superhero http://www.heromachine.com/
Name: Year 9 w. 4-7 The leading comic book publisher, Marvel Comics, is starting a new comic, which it hopes will become as popular as its classics Spiderman, Superman and The Incredible Hulk. Your job
Läs merFö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
Läs merWebbplats analys villagetalkies.com
Webbplats analys villagetalkies.com Genereras på Februari 18 2019 10:42 AM Ställningen är 57/100 SEO Innehåll Titel Corporate Video Production Company in Bangalore Video Making Agency Längd : 69 Perfekt,
Läs merKonfigurera Wordpress som Hemsida istället för blogg
Konfigurera Wordpress som Hemsida istället för blogg - exempel från hemsidorna: www.vestus.se och www.thingsbym.se Copyrightinformation: Detta dokument är fritt att använda, även kommersiellt, så länge
Läs mer1ME323 Webbteknik 3 Lektion 6 API. Rune Körnefors. Medieteknik Rune Körnefors
1ME323 Webbteknik 3 Lektion 6 API Rune Körnefors Medieteknik 1 2019 Rune Körnefors rune.kornefors@lnu.se Agenda API (Application Programming Interface) Mashup Flickr API Google Maps API Labb 6 2 API (Application
Läs mer03/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
Läs merORCID medlemskap och implementering vid Chalmers
ORCID medlemskap och implementering vid Chalmers Mötesplats Open Access 2014 2014-04-01 Jonas Gilbert Chalmers bibliotek jonas.gilbert@chalmers.se http://orcid.org/0000-0001-6599-1376 Open Researcher &
Läs merAnnonsformat desktop. Startsida / områdesstartsidor. Artikel/nyhets-sidor. 1. Toppbanner, format 1050x180 pxl. Format 1060x180 px + 250x240 pxl.
Annonsformat desktop Startsida / områdesstartsidor 1. Toppbanner, format 1050x180 pxl. Bigbang (toppbanner + bannerplats 2) Format 1060x180 px + 250x240 pxl. 2. DW, format 250x240 pxl. 3. TW, format 250x360
Läs mer