TNMK30 - Elektronisk publicering

Relevanta dokument
TNMK30. Elektronisk publicering

! Katerina Vrotsou! Medieteknik. 2004! Informationsvisualisering, visuell data analys

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

Olika slags datornätverk. Föreläsning 5 Internet ARPANET, Internet började med ARPANET

Datakommunika,on på Internet

Webbteknik. Innehåll. Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender. En kort introduktion

Grundläggande datavetenskap, 4p

Internets historia Tillämpningar

Mattias Wiggberg 1. Orientera på Internet. IP-adress. IP-adresserna räcker inte... Mer om IP-adresser

Datakommunika,on på Internet

IT för personligt arbete F2

Internet. Internet hur kom det till? Internets framväxt. Ett hierarkiskt uppbyggt telenät Kretskopplat/circuit switching

Hyperlänkar. I HTML skapar man en hyperlänk med taggen <a> </a>, som är en förkortning av ordet ankare, på (engelska anchor).

Nätverk och Java, grunder Föreläsning 0: 0: Introduktion till Internet

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

Webbservrar, severskript & webbproduktion

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

Optimering av webbsidor

Objektorienterad Programkonstruktion. Föreläsning 10 7 dec 2015

F02 HTML. Föreläsning 2, HT2013 HTML. Kurser: Klientbaserad Webbutveckling 1DV435. Johan Leitet

Grundläggande nätverksteknik. F2: Kapitel 2 och 3

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

Christer Scheja TAC AB

Nätverk grunder Föreläsning 1: 1: Introduktion till Internet

Skärmbilden i Netscape Navigator

82% 82% 37 goda Signaler. 21 frågor Hittade. Sökord konf erens. SEO Analys. Sätt viktiga saker högt upp.

On-line produktion TDDC61

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

Öppna standarder. Programvaror och tjänster 2014

Webbplats analys ipchecker.us

Administration: Grundläggande internetprogrammering

Webbprogrammering 725G54

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

Idag. Webben, HTML och CSS. Live demo. Webbens funktion

TCP/IP och Internetadressering

WWW. Exempel på klientsidan. Överföring av en html-fil. Snyggare variant. Verkligt format. Meddelandeformat för begäran HTTP

Avancerade Webbteknologier

Webbplats analys akcpdistributor.de.cutestatvalue.com

Datakursen PRO Veberöd våren 2011 internet

Idag. Webben och HTML. Webbens funk3on. URL och websidor. Moment F om webben och HTML startar nu

Laboration 3 HTML och struktur samt frågorna A - C övningar/uppgifter

Föreläsning 4. CSS Stilmallar för webben

F02 En första sida. Dagens agenda

Webbplats analys emreemir.com

Webbplats analys akcpdistributor.de.ipaddress.com

Webbplats analys google.com

KUNDREGISTER Sid 2(7) Teknisk specifikation

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

Språk för webben introduk4on 4ll HTML

WEBBUTVECKLING Kursplanering

Content Management System. Publiceringssystem

Content Management System. Publiceringssystem

Webbplats analys villagetalkies.com

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

Elektronisk publicering TNMK30

On-line produktion TDDC61

Hantera informationspaket i system för bevarande

Webbplats analys webstatinfo.com

Webbplats analys akcpsensor.de.ipaddress.com

Webbplats analys sarajacob3216.wordpress.com

Arbetsmaterial HTML pass 1 - Grunder

Introduktion Till WordPress

Webbprogrammering. Sahand Sadjadee

Webbserver och HTML-sidor i E1000 KI

Introduktion till programmering

Webbplats analys pechaticentr.ru

Lektion 2 - CSS. CSS - Fortsätt så här

Webbplats analys akcpkaufen.de.pagesstudy.com

TNMK30. Elektronisk publicering

Statistik från webbplatser

Webbplats analys designdave.de

Webbprogrammering TDDD52

Repetition. Hypertext. Internet HTTP. Server och klient Text försedd med länkar till andra texter. Många sammankopplade nät

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

Webbplats analys akcp-shop.de

Lektion 5 HTML, CSS, PHP och MySQL

Webbprogrammering, grundkurs 725G54

On-line produktion TDDC61

Labora&on 3 HTML och struktur övningar/uppgi:er

Google Analy+cs. Umeå universitet

Tillämpad fysik och elektronik Per Kvarnbrink m.fl. Laboration 2: HTML och CSS.

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

Webbplats analys tools.seozona.ru

Datasäkerhet och integritet

On-line produktion TDDC61

TDDD80. Mobila och sociala applikationer Introduktion HTTP,SaaS. Anders Fröberg Institutionen för Datavetenskap (IDA)

Övning (X)HTML 2. Sidan 1 av

Webbplats analys cite4me.org

GRATIS SEO, SÖK- OPTIMERING? JA, DETTA KAN DU GÖRA SJÄLV!

Användbarhet för webben MDI, Webb och speciella behov 1

Webbplats analys akcpshop.de.websiteoutlook.com

XML-produkter. -Registret över verkliga huvudmän (RVH) Teknisk handledning för webbtjänst mot RVH (Web Services) Datum: Version: 1.

Webbplats analys playhousenightclub.com

IP-baserade program. Telnet

Gör en modern släktbok för CD eller webben

12 Webb och kurshemsidor

HTML och CSS. Eric Elfving Institutionen för Datavetenskap (IDA)

Datainsamling över Internet

DIG IN TO Nätverksteknologier

Webbplats analys iloveradio.de

Transkript:

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 sker via standardiserade protokoll (TCP/IP). WWW eller webben : del av Internet, en samling av webbsidor kopplade via hyperlänkar eller bara länkar.

Internet!= www WWW eller webben är en del av Internet. En samling av dokument formaterade i HTML språk och kopplade via hyperlänkar.

Webbstandarder Standarder och tekniska specifikationer Rekommendationer för syntax, semantik och användning av webbspråk och verktyg World Wide Web Consortium (W3C) Rekommendationer och webbstandarder Internet Engineering Task Force (IETF) Specifikationer för protokoll standarder, (Internet Standard, STD) Request for Comments dokument (RFC) ECMA International Standarder för JavaScript

Webbstandarder International Organization for Standardization (ISO) Unicode consortium Unicode standard Internet Assigned Numbers Authority (IANA) Kontrollerar domännamn och IP-adresser

Internet protocol (IP) System för kommunikation för all data skickat över Internet, simpel kommunikationsprotokoll. IP-adress: 32-bit nummer för att identifiera en dator i ett nätverk genom IP (4x8-bits: 0-255).

Fler protokoll Transmission Control Protocol (TCP) mer pålitligt protokoll som överför data i rätt ordning. TCP/IP används ofta ihop och används t.ex. för HTTP, HTTPS, FTP, SSH och epost. Hypertext Transfer Protocol (HTTP) kommunikationsprotokoll för att överföra webbinnehåll (Hypertext) på webben (WWW). Dvs att skicka htmlsidor från en webbserver till en webbklient.

Klient/server ISP ISP SP ISP

DNS och URL Domain Name System (DNS): mappning mellan IPadress och webbserver. Uniform Resource Locator (URL): webbadress, dvs adress till ett dokument. http://www.hemsida.se:8080/mapp/index.html#anchor Protokoll Domännamn Port Sökväg Dokument Ankare till specifik del i dokumentet

HTTP HTTP kommandon för dataöverföring klient/server GET: Hämta dokument, resurs POST: Skicka formulär information PUT: Uppladdning fil HEAD: Hämta info om dokument Fel/status meddelanden 200: OK 301-303: sidan är flyttad 403: ej tillträde (unauthorized) 404: Page not found 500: Internal server error

MIME-typer Mediatyp (eller Multipurpose Internet Mail Extensions). För att specificera typ av resurs som inkluderas i en webbsida. En medietyp består av en typ, en undertyp, och valfria parametrar. Till exempel, en HTML-fil kan be beskriven med text/html; charset=utf-8. Då är text typen, html subtypen och charset=utf-8 är den extra parametern som specificerar teckenkodningen.

Språk på webben HTML - Hypertext Markup Language CSS - Cascading Style Sheets JavaScript PHP - PHP Hypertext Processor XML - extensible Markup Language SQL - Structured Query Language innehåll webbsidor utseende webbsidor beteende webbsidor dynamiska webbsidor metaspråk för data hantera databaser

Förslag till vidare läsning Brief history of the Internet: http://www.internetsociety.org/brief-history-internet W3C: http://en.wikipedia.org/wiki/world_wide_web_consortium Wikipedia om Internet: http://en.wikipedia.org/wiki/internet

Sökmotorsoptimering TNMK30 - Elektronisk publicering

Sökmotorsoptimering (SEO) Optimera innehållet på en webbsida för indikering i sökmotorerna. Sökmotorn innehåller en databas över webbsidor. Små program (crawler, spindel, robot) besöker webbsidor och analyserar innehållet.

Sökmotorsoptimering (SEO) Webbsidorna rankas sedan efter sammanvägning av olika parametrar: Antal länkar från andra sidor Antal länkar till sidorna som länkar till sidan Förekomst av sökord på sidan

Sökmotorsoptimering Flera olika faktorer som avgör hur högt en sida hamnar. Google använder > 200 olika faktorer. <title>, <keywords>, <description>, <h1>, <em>,? Det kan ta upp till 6 veckor innan en ändring på en webbsida uppdateras i en sökmotor. Skapa sökmotorsoptimerad webbsida från början.

Sökmotorsoptimering Förekomsten av sökordet på sidan. Fler gånger = mer relevant. Ord i <title>, <h1>, <em> är viktigare än ord i <p>, <div>, <span>, <table>, Ord tidigt på en sida (högt upp) ger mer vikt än ord långt ner i texten. Använd alternativa ord också! Till exempel: dagis, barnomsorg, förskola

Sökmotorsoptimering Antalet länkar till sidan och vilka som sidor som länkar till sidan är viktigt för sökmotorerna. Länka internt till alla sidor - sitemap. En olänkad sida dyker inte upp i sökmotorerna. Undvik keyword-spamming - i så fall tappar webbsidan poäng i rankningen.

Huvudregel Skapa innehåll som andra vill ta del av och också länka till. Utforma innehåll och utseende för människorna, inte sökmotorerna, för kommer besökarna så kommer sökmotorerna

HTML-koden Det är viktigast med bra sökord och copy i: Titeln (title) Metabeskrivningen (meta description) Rubriker, strong och em Tidigt på sidan (längre ned = mindre vikt) Format på webbadresser väger också in: De som är gjorda för människor är bäst

Bilder alt-attributet, texten skannas av sökmotorer. Filstorlek, små filer före stora filer. Filnamn, texten skannas av sökmotorer. Bildtexten <figcaption>, skannas av sökmotorer.

Turist i Norrköping Det är viktigast med bra sökord och copy i: Titeln (title) Metabeskrivningen (meta description) Rubriker, strong och em Tidigt på sidan (längre ned = mindre vikt) Format på webbadresser väger också in: De som är gjorda för människor är bäst

Dålig SEO Kommuner skriver förskola, medan användare söker på dagis. Att bara använda <div> eller <p> eller <span> i stället för korrekta rubriknivåer som <h1-6>.

Sökmotorsoptimering http://www.google.com/webmasters/docs/searchengine-optimization-starter-guide.pdf

Layout TNMK30 - Elektronisk publicering

Tänk layout Tänk på papper först Börja skissa topplagret först Skapa grid Bestäm typografi Bestäm färgtema Dela upp layouten Ifrågasätt det etablerade

Tänk layout Se de små detaljerna Var noggrann in på minsta detaljnivå Ha rätt kvalitet på elementen Stäm av mellan designskiss och utveckling under arbetets gång

Layoutsteg Skiss Wireframe Mockup Prototyp

Mood boards Mood board - inspiration board Webbsidans: - stil - färgschema - typografi - mönster - utseende och känsla Kollage, mall,

Wireframe Wireframe är funktion En skiss på papper eller i dator Innehåller markeringar för alla funktioner

Mockup Mockup är utseende En fullständig bild av webbsidan i dator Innehåller GUI för alla funktioner

Responsiv layout Automatiskt anpassa layouten beroende på storlek på skärmen. Antingen skala om layouten. Eller byta layout: media queries http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Bilder för webben Filstorleken är viktig, en för stor bild tar tid att ladda och tar onödigt minne i anspråk. Den genomsnittliga storleken på en webbsida och hur stor del som upptas av olika element (Average Webpage Size 15th February 2013)

Bilder för webben Rätt storlek Rätt filformat Rätt kompression