Webbpublicering. Teknikintroduktion 1 Jody Foo

Storlek: px
Starta visningen från sidan:

Download "Webbpublicering. Teknikintroduktion 1 Jody Foo (jodfo@ida.liu.se)"

Transkript

1 Webbpublicering Teknikintroduktion 1 Jody Foo

2 Föreläsningsöversikt Föreläsning 1 Vad är webbpublicering? Lite historia - Internet och webben Statiska webbplatser Grundkoncept: webbläsare, servrar, FTP, HTTP, uppladdning

3 Föreläsningsöversikt Föreläsning 2 Dynamiska webbplatser Webbflöden (web feeds) Vad är AJAX Webbhotell och domännamn Kommentarsspam, referrerspam m.m.

4 Webbpublicering? Vad är icke-webbpublicering? Text Bild Ljud Rörliga bilder Webb-tjänster?

5 Lite historia

6 Internet och webben Internet = ett nätverk av datorer som öppnats upp för alla Webben = En tjänst som är tillgänglig via Internet

7 Tidslinje för webben ARPANET International Packet Switched Service IPSS = Europa, USA, Canada, Hong Kong, Australien NSFNet (National Science Foundation) Nätverket öppnas upp för kommersiella aktörer Internet World Wide Web, CERN - Tim Berners-Lee (HTML + HTTP) Webbläsaren Mosaic Mosaic Netscape Internet Explorer Mozilla Firefox 1.0

8 This machine is a server DO NOT POWER DOWN!!

9 Klienter och servrar Praktiska beskrivningar: Klient: Program tar initiativ till kontakt och som ber om något från ett annat program Server: Program som tillhandahåller tjänst, eller själva datorn som kör programmet/ programmen

10 Exempel på klienter Webbläsare E-postprogram FTP-program Download managers Mediaspelare som spelar upp webbradio

11 Exempel på servrar E-postserver (t.ex. POP/IMAP/SMTP) Filserver (t.ex. Samba, FTP, NFS) Webbserver (t.ex. Apache/Tomcat m.m.) Databasserver (t.ex. MySQL, MSSQL, Oracle m.m.)

12 Webb* Webbplats Webbsida Webbsajt Webben är inte samma sak som internet, även om de ofta används som synonymer.

13 Webb 1.0? 2.0? Webb 1.0? Webb 2.0? Nytt uppsving för internet-ekonomin Social interaktion, social navigation, Kommunikation mellan webbtjänster Ny design

14 Statiska webbplatser - översikt Vad är statiska och dynamiska webbplatser? Vad händer när man besöker en webbplats? Webbläsare Webbserver Typer av innehåll Layout och formgivning av webbsidor

15 En statisk webbplats Webbsidor som inte har dynamiskt innehåll. Allt innehåll lagras i färdigt skick. Innehåll och layout lagras oftast i filer vars innehåll inte kan ändras på av servern. Alla ändringar görs av ägaren manuellt.

16 En dynamiska webbplats Innehållet skapas dynamiskt - olika delar sätts ihop till en helhet. Webbsidor där innehållet kan växla beroende på t.ex. när, vem och hur man besöker sidan utan att manuella ändringar måste ske. Lagring av information sker ofta i en databas. Webbservern möjliggör dynamiken. Bygger på samma koncept som statiska webbsidor.

17 För- och nackdelar Statiska Dynamiska Systemresurskrav Lägre Högre Uppdateringar Mer omständiga Mindre omständiga Flera författare Svårare Lättare Olika roller i produktionskedjan Sämre stöd Bättre stöd Flexibilitet Sämre Bättre Interaktion med besökare Väldigt låg Hög

18 Vad händer när man besöker en webbsida? Förenklat: Skriv in URL i webbläsare Slå upp IP-nummer via DNS Kontakta webbserver Överföring av själva sidan Rendering av sidan i webbläsare

19 Webbläsare URL

20 URL - webbadressen Uniform Resource Locator protokoll, server, sökväg på servern

21 Slå upp adress via DNS servernamn/hostname = IP-adress = = =

22 Vad är en webbsida? Struktur: Layout, innehåll, sajthierarki Innehållskategorier: Text, inbäddad multimedia, länkar Teknik: HTML, CSS, plugins/tillägg/ extensions, rendering av webbläsaren Ovanstående existerar som filer i kataloger, eller produceras dynamiskt genom med hjälp av t.ex. skript och data från en databas

23 Webbsidor

24

25

26

27 En grundläggande, statisk webbsida HTML-fil (index.html) CSS-fil (style.css) layout och form innehåll och sidstruktur

28 Kataloger och filer Kataloger - t.ex. skrivbordet c:\documents and Settings\jody\Desktop (Windows) /Users/jody/Desktop (Mac OS X) /home/jody/desktop (Vissa Linux) Tecknet tilde ~ hänvisar till er hemkatalog

29 Kataloger och filer forts. filnamn.filändelse Textfil - innehåller bara text..txt Ett word-dokument är aldrig en textfil. Exempel på andra filtyper bildfiler: jpg, tiff, gif, png ljudfiler: mp3, m4a, wav video: avi, mov, divx, mpeg arkiv (komprimerade/packade filer): zip, rar, tar.gz

30 HTML Hypertext Markup Language *.html *.htm ex: index.html, default.html

31 HTML-exempel <div class= journal_entry > This morning I took a picture of my breakfast. <span class= strong >Check it out</span>. <img src= 1083/ _a2ab9d7f6d.jpg /> </div>

32 HTML - Hyper Text Markup Language Document Type Definition (DTD) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/strict.dtd"> Element med slut-tagg <p>lorem ipsum</p> Element utan slut-tagg <br /> Attribut <p class= sidebar >

33 CSS Cascading Style Sheets Cascading - den sista, och mest specifika definitionen gäller *.css t.ex. style.css, layout.css, dark-skin.css, print.css

34 CSS - Cascading Style Sheets Selektorer + deklarationer Typselektorer, klasselektorer, ID-selektorer

35 Typ-selektorer body { color: black; padding: 1em; }

36 Klass-selektorer.intro { } font-weight: bold;

37 ID-selektorer #footer { } font-size: 0.8em;

38 Varför dela upp innehåll, layout och form? Skilda roller under skapandet av en webbplats Enklare uppdatering Sparad bandbredd Olika representationer av innehållet

39 Exempel på omdesign A List Apart - Retooling Slashdot with Web Standards

40 Orginalet

41 Semantisk omstrukturering av HTML-kod

42 Layout med CSS

43 Form med CSS

44 Alternativ form-css

45 CSS för utskrift

46 Att ladda upp en hemsida Mål: Att se till att allt material är tillgängligt på webben Det som behövs Konto på en webbserver - webbutrymme Verktyg för att ladda upp allt material - oftast en FTP-klient Materialet uppladdat till rätt ställe - Vilken sökväg ska den ligga under på servern? Andra ska ha kunna och ha rätt att läsa materialet Vilka rättigheter ska sättas på filerna? Vad kommer filerna få för URL?

47 Webbutrymme Webbhotell - Fö2 Konto - IDA, astmatix, LUKAS-konto

48 FTP-klienter Microsoft Windows och Mac OS X

49 Filezilla (endast FTP)

50 Yummy FTP (FTP/SFTP)

51 Cyberduck (FTP/SFTP)

52 WinSCP (SFTP)

53 På IDA Ladda upp till rätt ~/www-pub/ Andra exempel ~/public_html/ /var/www/ katalog

54 Webbservern och sökvägar /info/www-und /home/jodfo/www-pub/blogg

55 Sätta filrättigheter Nivåer: user, group, others Rättighetstyper: läsa, skriva, exekvera Besökare via webben räknas oftast som others För att få tillgång till din webbplats: läsrättigheter till filer läs- och exekveringsrättigheter till kataloger

56 Att ladda upp en hemsida Mål: Att se till att allt material är tillgängligt på webben Det som behövs Konto på en webbserver - webbutrymme Verktyg för att ladda upp allt material - oftast en FTP-klient Materialet uppladdat till rätt ställe - Vilken sökväg ska den ligga under på servern? Andra ska ha kunna och ha rätt att läsa materialet Vilka rättigheter ska sättas på filerna? Vad kommer filerna få för URL?

57 Nästa föreläsning Dynamiska webbplatser Vad är AJAX Webbflöden (web feeds) Webbhotell och domännamn Kommentarsspam, referrerspam m.m.

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

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

Läs mer

ITK:P2 F1. Hemsidor med HTML HTML. FTP, HTTP, HTML, XML och XHTML

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

Läs mer

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

Läs mer

Webbservrar, severskript & webbproduktion

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

Läs mer

Grundläggande datavetenskap, 4p

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

Läs mer

Du kan själv följa med i denna steg-för-steg guide i din texteditor.

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

Läs mer

Webbens grundbegrepp. Introduktion till programmering. Ytterligare exempel. Exempel på webbsida. Föreläsning 5

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

Läs mer

CMS. - Content management system

CMS. - Content management system CMS - Content management system Agenda CMS Server, webbhotell och FTP Wordpress, ställ mycket frågor Om vi hinner - Snabb genomgång av CMS - uppgiften Nu & Då Sidor med bara HTML och CSS kräver manuell

Läs mer

Programmeringteknik. Planering 2014-05-12 MÅL LABB: MOMENT LAB4 HTML - EXEMPEL HTML. Webbdelen

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

Läs mer

ORDLISTA WEBBDESIGN 100P

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.

Läs mer

Statistik från webbplatser

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?

Läs mer

Kort om World Wide Web (webben)

Kort om World Wide Web (webben) KAPITEL 1 Grunder I det här kapitlet ska jag gå igenom allmänt om vad Internet är och vad som krävs för att skapa en hemsida. Plus lite annat smått och gott som är bra att känna till innan vi kör igång.

Läs mer

Datakommunika,on på Internet

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 =

Läs mer

En grundkurs i hemsidor och hur de är uppbyggda

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

Läs mer

Introducerande övningar i HTML

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

Läs mer

FrontPage Express. Ämne: Datorkunskap (Internet) Handledare: Thomas Granhäll

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

Läs mer

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1

Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Frågor och svar - Diagnostisk prov ht14 - Webbutveckling 1 Bilder och optimering --- Vilken upplösning är lämplig för bilder som ska användas på Internet? Sträva efter korta nedladdningstider. 72 ppi/dpi

Läs mer

Det är en Internet läser son gör det bekvämt för os ute på Internet. som t.ex Internet Explorer, firefox.

Det är en Internet läser son gör det bekvämt för os ute på Internet. som t.ex Internet Explorer, firefox. FRÅGOR & SVAR ANGÅENDE INTERNET Vad är en domän? Sytemet delar upp t.ex www.gy.varmdo.se i domäner dom läses från höger till vänster allt så.se först som står från vilket land den är i från i detta tillfälle

Läs mer

CSS-övningar. 1. Grunder

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

Läs mer

Skapa din egen MediaWiki

Skapa din egen MediaWiki Skapa din egen MediaWiki Inledning och syfte I detta moment skall du installera en egen wiki (Mediawiki), som du skall konfigurera. Du har möjligheten att använda en egen wiki på din dator eller webbhotell

Läs mer

Statistik från webbplatser

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,

Läs mer

Internets historia Tillämpningar

Internets historia Tillämpningar 1 Internets historia Redan i slutet på 1960-talet utvecklade amerikanska försvaret, det program som ligger till grund för Internet. Syftet var att skapa ett decentraliserat kommunikationssystem som skulle

Läs mer

Att göra Web-sidor på Macintosh

Att göra Web-sidor på Macintosh Att göra Web-sidor på Macintosh Av Jacob Palme 95-10-30, senast ändrad 96-11-26 21.06. Original filnamn: web-sidor-med-mac.mw6. Detta dokument kan laddas ner från följande URL-er: I Adobe Acrobat format:

Läs mer

Labora&on 7 Syfte med laborationen:

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

Läs mer

1 PROTOKOLL. Nätverk. Agenda. Jonas Sjöström

1 PROTOKOLL. Nätverk. Agenda. Jonas Sjöström Nätverk Jonas Sjöström jonas.sjostrom@dis.uu.se Baserat primärt på kapitel 4 i Brookshear (2008) samt valda kapitel ur Gralla Agenda 1. Protokoll 2. LAN och WAN 3. Kort om infrastruktur 4. Paketering och

Läs mer

Webbprogrammering 725G54

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

Läs mer

Christer Scheja TAC AB

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

Läs mer

Avancerade Webbteknologier

Avancerade Webbteknologier Projektledning, Business Knowledge Användbarhet & Layout Avancerade Webbteknologier Lkti Lektion 1 Kommunikation Tobias Landén tobias.landen@chas.se Avancerade webbteknologier del 1 (4 KY poäng) Syfte

Läs mer

Avsnitt 1 Multimedia på Internet Introduktion

Avsnitt 1 Multimedia på Internet Introduktion Avsnitt 1 Multimedia på Internet Introduktion SMIL (Synchronized Multimedia Integration Language.) är en multimediastandard för internet, baserat på XML. RealNetworks i USA utvecklade denna teknik och

Läs mer

Välkommen som användare av medietekniks och informatiks publika studentserver

Välkommen som användare av medietekniks och informatiks publika studentserver Välkommen som användare av medietekniks och informatiks publika studentserver student.ktd.sh.se Syfte Vår server är en kombinerad ftp- och webbserver med två grundläggande syften: 1) Spara dokument som

Läs mer

Guide Till Bättre Nyhetsbrev. För dig som jobbar som webbdesigner eller med HTML i allmänhet

Guide Till Bättre Nyhetsbrev. För dig som jobbar som webbdesigner eller med HTML i allmänhet Guide Till Bättre Nyhetsbrev För dig som jobbar som webbdesigner eller med HTML i allmänhet För dig som har, eller ska börja skicka nyhetsbrev Introduktion Skicka HTML brev Många som är nya på området

Läs mer

Nya webbservern Dvwebb.mah.se

Nya webbservern Dvwebb.mah.se Nya webbservern Dvwebb.mah.se Bakgrund: BIT (Bibliotek och IT) beslutar att ta ner Novell systemet 28/3 som är en katalogtjänst som styr bland annat alla studenter s.k. hemkataloger på Malmö högskola såväl

Läs mer

TDDD52 CSS. Färger. Färger 1/3/13

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

Läs mer

ADOBE FLASH PLAYER 10.3 Lokal inställningshanterare

ADOBE FLASH PLAYER 10.3 Lokal inställningshanterare ADOBE FLASH PLAYER 10.3 Lokal inställningshanterare PRERELEASE 03/07/2011 Juridisk information Juridisk information Juridisk information finns på http://help.adobe.com/sv_se/legalnotices/index.html. iii

Läs mer

KTH Programutvecklingsprojekt med mjukvarukonstruktion 2D1362. Projektpresentation

KTH Programutvecklingsprojekt med mjukvarukonstruktion 2D1362. Projektpresentation KTH Programutvecklingsprojekt med mjukvarukonstruktion 2D1362 Projektpresentation Fakturasystem Total Office Mobile Systems http://www.nada.kth.se/projects/prom04/fakturasystem/ Uppdragsgivare: Örjan Melin

Läs mer

Webbdesign vt. 2009. Innehållsförteckning

Webbdesign vt. 2009. Innehållsförteckning Webbdesign vt. 2009 Fysiska träffar onsdagkvällar: Kl. 18:00 21:00 28/1 11/2 11/3 25/3 1/4 22/4 6/5 Innehållsförteckning 2. FTP-hur gör man? 3. Vad ska jag göra? 4. Grundtaggar 6. Tabeller 7. Infoga bilder

Läs mer

ATT GÖRA WEBBSIDOR. Frivillig labb

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

Läs mer

Övning (X)HTML 2. Sidan 1 av 7 2010-11-11

Ö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

Läs mer

Manual till APA. En instruktionsmanual för användare av APA Advanced Publication Application

Manual till APA. En instruktionsmanual för användare av APA Advanced Publication Application Manual till APA En instruktionsmanual för användare av APA Advanced Publication Application Versionshistoria 2005-10-13 början Anders Nilsson 2007-05-12 slutversion Adam Boman Vid frågor om APA eller denna

Läs mer

2009-10-09 (reviderad 2011-01-04, 2011-02-14, 2012-09-17) Riksarkivet IT-avdelningen. Anvisningar för ifyllning av Excelark för webbleveranser

2009-10-09 (reviderad 2011-01-04, 2011-02-14, 2012-09-17) Riksarkivet IT-avdelningen. Anvisningar för ifyllning av Excelark för webbleveranser 2009-10-09 (reviderad 2011-01-04, 2011-02-14, 2012-09-17) Riksarkivet IT-avdelningen Anvisningar för ifyllning av Excelark för webbleveranser 1 Anvisningar för ifyllning av Excelark för webbleveranser...

Läs mer

QuickTime Streaming Server, en introduktion

QuickTime Streaming Server, en introduktion [Översättning saknas] Relaterat: Webbpublicering och Quicktime Streaming från miki Information om hur man lägger upp webbdokument och Quicktime-filmer för streaming från filservern miki. (140) Svenskt

Läs mer

INTERNET HUR FUNGERAR DET OCH VAD KAN MAN GÖRA MED DET?

INTERNET HUR FUNGERAR DET OCH VAD KAN MAN GÖRA MED DET? INTERNET HUR FUNGERR ET OCH V KN MN GÖR ME ET? SIGNLTRNSMISSION (SIGNLÖVERFÖRING) TTRNSMISSION Innebär att data (= en följd av ettor och nollor) skickas mellan två apparater av något slag. Claude Shannon

Läs mer

Webbteknik II. Föreläsning 4. Watching the river flow. John Häggerud, 2011

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

Läs mer

Hemsideutveckling för Anjool AB

Hemsideutveckling för Anjool AB Beteckning: Akademin för teknik och miljö Hemsideutveckling för Anjool AB Christopher Gidlöf Maj 2012 Examensarbete 15hp B nivå Datavetenskap Internetteknologi Examinator: Carina Petterson Handledare:

Läs mer

Frågor på Internetteorin

Frågor på Internetteorin Frågor på Internetteorin Frågor: 1. Hur skickas meddelanden? 2. När blev Internet populärt? 3. Vad står www för? 4. Vem och när skapades www? 5. Vad är IP-nummer och hur fungerar de? Svar: 1. Jo, dom delas

Läs mer

Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X

Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X Steg 5 Webbsidor One.com och OpenOffice Writer Mac OS X Nov 13 Liljedalsdata.se Liljedalsdata Steg 5 Mac Sida 1 Inledning Förkunskaper Steg 1, 2, 3 och 4. Innan du är mogen för att lägga ut en sida på

Läs mer

On-line produktion TDDC61

On-line produktion TDDC61 On-line produktion TDDC61 Förra veckan Kursupplägg HTML FTP Validering Laboration 1. Deadlines Laborationer: 12/10, kl 08 Lämna in efterhand ni blir färdiga Vi rättar inom 4 arbetsdagar Portfolio, tillfälle

Läs mer

Carl-Oscar Hermansson WEBB DESIGN

Carl-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 mer

Kurs 6:1 Att publicera på webben

Kurs 6:1 Att publicera på webben Kurs 6:1 Att publicera på webben S TUDE NTDATOR UTBILDNINGE N MALMÖ HöGSKOLA Beijerskajen 8, K3, källaren, sal Apollo (A01:303), 205 06 Malmö www.bit.mah.se/undervisning/sdm Att publicera på webben, del

Läs mer

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3 Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2013.Q3 För att 3L Pro skall fungera krävs att nedanstående hårdvarukrav och mjukvarukrav är uppfyllda. Viktigt är att tänka på att

Läs mer

NU! NU! Bygg en webbplats NU! Bygg en webbplats. Swedish Language Edition published by Docendo Sverige AB. Bygg en webbplats.

NU! NU! Bygg en webbplats NU! Bygg en webbplats. Swedish Language Edition published by Docendo Sverige AB. Bygg en webbplats. web_omslag.qxp 2006-03-20 17:06 Sida 1 NU! CDn innehåller: Upptäck hur du: Använder "dra och släpp-metoden" för att lägga till text, bilder och andra objekt till en webbsida Skapar listrutor och dynamiska

Läs mer

Inför prov 1 i webbdesign

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

Läs mer

Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20

Internet och WWW Laboration 3 VT10 Högskolan Dalarna Hans Rosendahl. Laboration 3 CSS del 2. 1 av 20 Laboration 3 CSS del 2 1 av 20 Vad kommer jag att lära mig på laboration 3? 1. Skriva en stilmall Boxegenskaper o border o margin o padding o width o float o clear Färger och bakgrundsbilder Positionering

Läs mer

WP-Edit. Robin Larsson Martin Davik. Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet

WP-Edit. Robin Larsson Martin Davik. Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet WP-Edit Robin Larsson Martin Davik 2014 Examensarbete, grundnivå, 15 hp Datavetenskap Internetteknologprogrammet Handledare: Anders Jackson Examinator: Carina Pettersson WP-Edit av Robin Larsson Martin

Läs mer

NSL Manager. Handbok för nätverksadministratörer

NSL Manager. Handbok för nätverksadministratörer apple NSL Manager Handbok för nätverksadministratörer Den här handboken innehåller information om NSL Manager (Network Services Location Manager) och om hur man konfigurerar ett nätverk för användning

Läs mer

Jesper Holmstedt STARTPAKET FÖR CMS-VERKTYG. MED INRIKTNING PÅ JOOMLA!

Jesper Holmstedt STARTPAKET FÖR CMS-VERKTYG. MED INRIKTNING PÅ JOOMLA! Jesper Holmstedt STARTPAKET FÖR CMS-VERKTYG. MED INRIKTNING PÅ JOOMLA! Enheten för företags ekonomi och turism. 2014 FÖRORD Mitt lärdomsprovs teoretiska del handlar om grunderna i olika sorters CMSverktyg,

Läs mer

VÄLKOMMEN TILL OWNIT!

VÄLKOMMEN TILL OWNIT! INSTALLATIONSMANUAL Bästa VÄLKOMMEN bredbandskund! TILL OWNIT! VÄLKOMMEN TILL OWNIT! Du har nu mottagit dina uppgifter från Ownit som är är nödvändiga för för dig dig för för att att du du skall skall

Läs mer

Att bygga enkla webbsidor

Att 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 mer

Skärmbilden i Netscape Navigator

Skärmbilden i Netscape Navigator Extratexter till kapitel Internet Skärmbilden i Netscape Navigator Netscape är uppbyggt på liknande sätt som i de flesta program. Under menyraden, tillsammans med verktygsfältet finns ett adressfält. I

Läs mer

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0

Webbtillgänglighet. Webbtillgänglighet. World Wide Web Consortium. Web Accessibility Initiative, WAI WCAG 2.0 WCAG 1.0 Webbtillgänglighet Webbtillgänglighet Att göra webbinnehåll så att de är tillgängliga för alla oavsett vilka funktionsnedsättningar man har Att göra webbinnehåll tillgängligt oavsett vilken in- och utmatningsutrustning

Läs mer

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2015.Q1

Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2015.Q1 Hå rd- och mjukvårukråv såmt rekommendåtioner fo r 3L Pro from version 2015.Q1 För att 3L Pro skall fungera krävs att nedanstående hårdvarukrav och mjukvarukrav är uppfyllda. Viktigt är att tänka på att

Läs mer

DATA CIRKEL VÅREN 2014

DATA CIRKEL VÅREN 2014 DATA CIRKEL VÅREN 2014 Ledare: Birger Höglund och Sten Halvarsson Sida:1 av 6 Kursdag 22 januari 2014 Olika kablar: Sten berättade och visade upp olika möjligheter att ansluta kablar till dator och telefoner.

Läs mer

Systemkrav och tekniska förutsättningar

Systemkrav och tekniska förutsättningar Systemkrav och tekniska förutsättningar Hogia Webbrapporter Det här dokumentet går igenom systemkrav, frågor och hanterar teknik och säkerhet kring Hogia Webbrapporter, vilket bl a innefattar allt ifrån

Läs mer

Parallella jobb ctrl-z emacs & more README ctrl-z jobs. %

Parallella 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 mer

Kriswebb och Krisserver ur ett tekniskt perspektiv

Kriswebb och Krisserver ur ett tekniskt perspektiv Kriswebb och Krisserver ur ett tekniskt perspektiv Av Johan Olsson vid IT avdelningen på HTU Johan.Olsson@htu.se Definition av kriswebb Kriswebb är ett system som möjliggör snabb publicering av information

Läs mer

Kursplanering Utveckling av webbapplikationer

Kursplanering Utveckling av webbapplikationer Kursplanering Utveckling av webbapplikationer Fakta Ämne Programmering Poäng 40 Yh-poäng Kurskod YSYS-WEB Klass Systemutvecklare.NET Syfte och koppling till yrkesrollen För att kunna arbeta som systemutvecklare

Läs mer

Hur man gör webbsidor

Hur man gör webbsidor Hur man gör webbsidor Instruktioner, koder, exempel och kommentarer HTML 4.0 Cascading Style Sheets Common Gateway Interface Server-side includes Magic Cookies Ljud, film och multimedia Av Anders Hultman

Läs mer

Webbprogrammering, grundkurs 725G54

Webbprogrammering, grundkurs 725G54 Webbprogrammering, grundkurs 725G54 Lab 4, 5 ERD PHP + MySQL Återblick Idag Sessions PHP och MySQL för samband Lab 6 725G54: Genomgång projektuppgift Avstämning av kursmål Om sessions På IDA måste ni göra

Läs mer

Webbdesign vt. 2010. Innehållsförteckning

Webbdesign vt. 2010. Innehållsförteckning Webbdesign vt. 2010 mångar: Kl. 8:30 12:00 Innehållsförteckning 2. FTP-hur gör man? 3. Grundtaggar 5. Tabeller 6. Infoga bilder 7. Rubriker och fonter 8. Övning 1 9. Installera HTML-edit 11. Startsidans

Läs mer

Linuxadministration 2 1DV421 - Laborationer Webbservern Apache, Mailtjänster, Klustring, Katalogtjänster

Linuxadministration 2 1DV421 - Laborationer Webbservern Apache, Mailtjänster, Klustring, Katalogtjänster Linuxadministration 2 1DV421 - Laborationer Webbservern Apache, Mailtjänster, Klustring, Katalogtjänster Marcus Wilhelmsson marcus.wilhelmsson@lnu.se 22 augusti 2013 Instruktioner Organisation och genomförande

Läs mer

Lektion 2, Grundläggande funktioner i ASP.NET

Lektion 2, Grundläggande funktioner i ASP.NET Lektion 2, Grundläggande funktioner i ASP.NET Lektionen behandlar kapitlen 3 och 4 i kursboken. Application och Page Framework Med Visual Studio 2005 levereras ett antal inbyggda verktyg bland annat SQL

Läs mer

Du har fått en fil som heter Tryckhusets ftp.xml Denna kommer nu att användas. Lägg den exempelvis på ditt skrivbord.

Du har fått en fil som heter Tryckhusets ftp.xml Denna kommer nu att användas. Lägg den exempelvis på ditt skrivbord. Lathund för Tryckhusets FTP För att koppla upp sig mot Tryckhusets FTP-server behövs ett FTP-program. Rekommenderat är programmet FileZilla vilket också lathunden nedan bygger på. Programmet FileZilla

Läs mer

Manual för din hemsida

Manual för din hemsida Manual för din hemsida Dynamiska hemsidor är en lösning för att man på ett enkelt sätt skall kunna lägga till, ändra och ta bort sidor på sin hemsida. För att detta skall vara möjligt bygger lösningen

Läs mer

I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand.

I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand. I den här övningen tränar du på att göra olika programfönster. Övningarna går att göra på egen hand. Innehållsförteckning Kontrollpanelen i kategoriläge. Frågor 2 Utforskaren, hantera filer och mappar.

Läs mer

Steg 5 Webbsidor One.com File manager Web editor Windows 7/8

Steg 5 Webbsidor One.com File manager Web editor Windows 7/8 Steg 5 Webbsidor One.com File manager Web editor Windows 7/8 Dec 14 Liljedalsdata.se Liljedalsdata Steg 5 W78 Sida 1 Inledning Förkunskaper Steg 1, 2, 3 och 4. Innan du är mogen för att lägga ut en sida

Läs mer

Andra filtyper på en webbsida

Andra filtyper på en webbsida Andra filtyper på en webbsida Syftet med denna text och övning är att synliggöra problemen med bristande standardisering av hantering av olika typer av mediafiler på webben och att skapa en egen testplats

Läs mer

Innehållsförteckning. Skräppost... 19

Innehållsförteckning. Skräppost... 19 Innehållsförteckning 1 Börja arbeta med Outlook... 1 Öppna e-postprogrammet... 1 Skapa nytt meddelande... 2 Skicka ett brev... 3 Öppna och stäng ett meddelande... 3 Markera/avmarkera ett meddelande...

Läs mer

Handbok. Nero MediaHome. Nero AG

Handbok. Nero MediaHome. Nero AG Handbok Nero MediaHome Nero AG Information om copyright och varumärken Handboken Nero MediaHome och innehållet i den är skyddat av copyright och tillhör Nero AG. Med ensamrätt. Den här handboken innehåller

Läs mer

Dagens föreläsningar

Dagens föreläsningar Webuppgift Dagens föreläsningar HTTP och hur kontakten sker mellan klient och server. Apache-servern HTML. Exekvera Pythonscript. Formulär. Model-View-Controller på webben. CSS. Presentation av uppgiften.

Läs mer

Kravspecifika.on, pappersprototyp & CSS

Kravspecifika.on, pappersprototyp & CSS 1ME321 Webbteknik 1 Lek0on 4 Kravspecifika.on, pappersprototyp & CSS Rune Körnefors Medieteknik 1 2015 Rune Körnefors rune.kornefors@lnu.se Agenda Veckoplanen Vecka 39 UppgiI U2 = L4+L5+L6 UppgiI U3 Allmänna

Läs mer

Sidan kommer inte läggas upp någonstans utan du redovisar den för mig på något handledningstillfälle.

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

Läs mer

Internet A. HTML Grunder. 02-01-14 Maximilien Chiang 1

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

Läs mer

Guide Till Bättre Nyhetsbrev. För dig som jobbar som webbdesigner eller med HTML i allmänhet

Guide Till Bättre Nyhetsbrev. För dig som jobbar som webbdesigner eller med HTML i allmänhet Guide Till Bättre Nyhetsbrev För dig som jobbar som webbdesigner eller med HTML i allmänhet För dig som har, eller ska börja skicka nyhetsbrev Introduktion Skicka HTML brev Många som är nya på området

Läs mer

IP-baserade program. Telnet

IP-baserade program. Telnet Det här kapitlet behandlar några klassiska TCP/IP-baserade program. Främsta fokus är HTTP men även lite enklare applikationer som telnet och FTP behandlas. Kapitlet är tänkt att kunna läsas fristående

Läs mer

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok.

I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Lokal Gästbok I den här labben ska vi använda oss av en trevlig nyhet i HTML5: Local Storage, för att implementera en sorts lokal gästbok. Gästboken ska fungera som så att man har ett fält där man kan

Läs mer

Så här fungerar Version 21 okt - 2013

Så här fungerar Version 21 okt - 2013 Så här fungerar Version 21 okt - 2013 Jag Vill används som väljare kring många vardagliga situationer. T ex att välja aktivitet, välja utflyktsmål osv. Jag Vill används som ett enkelt trycka-hända program,

Läs mer

Redaktörshandbok. Version 4.60. EPiServer AB www.episerver.com

Redaktörshandbok. Version 4.60. EPiServer AB www.episerver.com Redaktörshandbok Version 4.60 www.episerver.com Copyright Denna handbok skyddas av upphovsrättslagen. Förändringar av innehåll eller delvis kopiering av innehåll får ej ske utan tillstånd från upphovsrättsinnehavaren.

Läs mer

Bilaga C, Nätverksprogram

Bilaga C, Nätverksprogram Bilaga C, Nätverksprogram Välkommen till D I denna bilaga beskrivs flera nätverksprogram som använder sig av TCP/IP, t ex Netscape och Eudora. World Wide Web World Wide Web (för kortas WWW) är den nyaste

Läs mer

Prislista Bredbandsbolaget

Prislista Bredbandsbolaget Sida 1 av 6 Prislista Bredbandsbolaget gäller från 22 februari 2012 Sida 2 av 6 Innehållsförteckning Innehållsförteckning... 2 DSL- Bredband Bas... 3 DSL - Bredband Premium... 3 Riks ADSL... 3 Bredband

Läs mer

Grundläggande instruktioner för att publicera webbsidor på webbservern.se

Grundläggande instruktioner för att publicera webbsidor på webbservern.se Grundläggande instruktioner för att publicera webbsidor på webbservern.se Av Julia Klingvall i samarbete med webbservern.se. Version 1.1, januari 2005. I denna guide kommer du att lära dig de viktigaste

Läs mer

Labora&on 8 Formulär övningar/uppgi6er

Labora&on 8 Formulär övningar/uppgi6er Labora&on 8 Formulär övningar/uppgi6er 1M321 Webbteknik 1, 7,5hp Medieteknik 2015 Rune Körnefors rune.kornefors@lnu.se 1a. Ladda ner arbetsdokument Till övningarna i denna labora&on finns det en par dokument

Läs mer

Kom igång med FrontPage 2003

Kom igång med FrontPage 2003 Kom igång med FrontPage 2003 Skolorna i Kristianstads kommun har inte gemensam licens som med vissa övriga Microsoft-program utan licens måste köpas för varje dator som det ska installeras på. Din tekniker

Läs mer

Mobile First Video on demand och livesändningar på Internet. Juni 2012

Mobile First Video on demand och livesändningar på Internet. Juni 2012 Mobile First Video on demand och livesändningar på Internet Juni 2012 1 Om detta dokument Marknaden och tekniken kring film (video on demand och livesändningar) på Internet utvecklas blixtsnabbt. Video

Läs mer

Idag. Streaming media. Översikt. Vad är det? Vad är streaming? Distributionsteknik Uppspelning och presentation Några exempel och demonstration

Idag. Streaming media. Översikt. Vad är det? Vad är streaming? Distributionsteknik Uppspelning och presentation Några exempel och demonstration Idag Streaming media Erik Runeland erikr@kth.se Vad är streaming? Distributionsteknik Uppspelning och presentation Några exempel och demonstration Vad är det? En mekanism för att överföra tidsrelaterat

Läs mer

KOM-IGÅNG MED ERT KONTO... 3 Kontrollpanelen... 4 E-post...4 Hemsida...4 Domännamn... 4 Checklista för att komma igång...4

KOM-IGÅNG MED ERT KONTO... 3 Kontrollpanelen... 4 E-post...4 Hemsida...4 Domännamn... 4 Checklista för att komma igång...4 1 Innehållsförteckning KOM-IGÅNG MED ERT KONTO... 3 Kontrollpanelen... 4 E-post...4 Hemsida...4 Domännamn... 4 Checklista för att komma igång...4 LOGGA IN... 5 1 Kontrollpanelen : Hur man loggar in...

Läs mer

Redaktörshandbok. Version 4.50. ElektroPost Stockholm Finlandsgatan 38 164 74 KISTA www.ep.se www.episerver.com

Redaktörshandbok. Version 4.50. ElektroPost Stockholm Finlandsgatan 38 164 74 KISTA www.ep.se www.episerver.com Redaktörshandbok Version 4.50 ElektroPost Stockholm Finlandsgatan 38 164 74 KISTA www.ep.se www.episerver.com Copyright Denna handbok skyddas av upphovsrättslagen. Förändringar av innehåll eller delvis

Läs mer

Startguide för Administratör Kom igång med Microsoft Office 365

Startguide för Administratör Kom igång med Microsoft Office 365 Startguide för Administratör Kom igång med Microsoft Office 365 Version 1.0 Introduktion Skapa ett MSPA-konto Aktivera Office 365 i Telia Business Apps Verifiera företagets domännamn Lägg till användare

Läs mer

Webbsida och ett bokningssystem

Webbsida och ett bokningssystem Beteckning: Institutionen för matematik, natur- och datavetenskap Webbsida och ett bokningssystem Admir Grabovac juni 2008 Examensarbete, 15 högskolepoäng, B Datavetenskap Internetteknologi Handledare:

Läs mer

Användarmanual för Content tool version 7.5

Användarmanual för Content tool version 7.5 Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN

Läs mer