Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information

Størrelse: px
Starte visningen fra side:

Download "Internet vs WWW. Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information"

Transkript

1 web som medie

2 Internet vs WWW Internettet er IKKE det samme som www. Internettet Er et netværk af computere Gør det muligt af dele information Internet protokoller (forskellige måder at udveksle information over internettet) FTP: File transfer Protokol HTTP: HyperText Transfer Protocol

3 World Wide Web: Er en internet-teknologi, der bruger HTTP-protokollen

4 Historisk rids 1960 erne: Internettet udvikles : World Wide Web udvikles og offentliggøres af Tim Bernes-Lee i Schweiz Ideen bag www: at dele information gennem et netværk, der linker dokumenter sammen vha. hypertekst De første browsere er tekstbaserede 1992: kun 50 web serves 1992: den første grafiske browser NCSA Mosaic

5 Hypertekst I Hypertext is a computer-based structure for organizing information that makes possible to connect text units (different sizes, categories and natures) electronically (links) within the same document or to external documents. It requires active manipulation by the reader in order to be read/wread/used, apart from the cognitive activity common to all reading. (Susana Tosca, 1999)

6 Hypertekst II WWW er kendetegnet ved at være Hypertext Hypertekst = tekst + links Dokumenter, der er forbundet i et netværk - Brugeren navigerer vha links Pga links kan man på websider skabe multilinaritet Leksikon vs wikipedia

7 Hvordan virker www? I De computere, der udgør www kaldes web-servere eller HTTPservere Computere skal køre en speciel software, som tillader dem at håndtere HTTP-transaktioner, for at blive en del af www Server - Klient

8

9 Hvordan virker www? II

10 Hvordan virker www? III

11 Web-side-adresser: URL Uniform Ressource Locator

12 XHTML XHTML er en web standard XHTML definerer strukturen i et dokument XHTML dokumenter indeholder kun tekst Det er et markup language, fordi det indeholder selve teksten + tags Eksempler: <h1>dette er en overskift</h1> <p>dette er et afsnit, som sikkert indeholder flere linier</p> View Source:

13 Hvorfor overholde standarderne? Det gør en webside kompatibel med forskellige browsere Gør websider lettere tilgængelige for søgemaskiner Tjek om din side lever op til standarden på:

14 FTP File Transfer Protocol Hvis et dokument skal på nettet, skal den ligge på en web-server For at få den på webserveren kan man bruge et FTP-program som fx Filezilla.

15

16 print vs Web I Print er primært et lineært medium >< www er et netværk/multilineært Forfatteren kan forudsige læserens rute >< Læserens rute er uforudsigelig Læseren bladrer fra side ét og frem >< Læseren skal tage beslutninger

17 print vs Web Ii Lang distribueringstid > < Hurtig distribuering Forsider som beskyttelse > < forside som information/kommunikation Ens for alle læsere > < Varierer pga. forskellige computere, skærmstørrelser, skærmopløsninger, browsere osv Hovedfokus på indhold. Man ser gennem teksten > < Større fokus på interface. Man ser på teksten

18 øvelser

19 DAgens øvelser Oprette index side Indsætte billeder Lave links Oprette undersider + lave menu Forberedelse til styling i CSS

20 websider Oprettelse af hjemmeside, dvs. dit websites forside. Denne side kalder man altid for index.html. En webside er bygget op af to lag: Strukturelt lag (i dag) (X)HTML, extensible HyperText Markup Language Beskriver strukturen i dokumentet Præsentationslag (næste gang) CSS, Cascading style sheets Giver information om, hvordan dokumentet skal se ud

21 Strukturelementer Declaration: <!DOCTYPE> (version af (x)html) Selve html dokumentet: <html> </html> (indrammer resten af din kode) Sideinformation <head></head> (metainformation) fx sidens titel, encoding (fx utf-8), dvs det format, vi har brug for i forhold til vores alfabet Indholdet : <body></body> (dvs. det, der bliver vist i browservinduet)

22

23 Indholdselementer Overskrifter Brødtekst Lister

24 Overskrifter (rubrikker) Overskrifter skrives i et heading tag: <h1>her skrives overskriften</h1> mellemrubrikker (h2-6) fx : <h2>her skrives en mellemrubrik</h2> Nøgleord skal indgå helst som første ord Overskriften må gerne bekræfte et link fra en anden side Skal beskrive sidens indhold præcist

25 Brødtekst Brødtekst skrives i et paragraph tag: <p>her skrives brødteksten</p> Korte afsnit få linier Start med afsnittets nøgleord Ingen overgange som fx dette... el. endvidere... Del afsnittene op med linieafstand, hvis de er for lange Lav beskrivende mellemrubrikker (h2-6) Scanbare links Skriv tal som tal ikke tekst (1,2, 3...) Lister

26 Lister Lister skal helst introduceres af en sigende overskrift. Listernes syntaks Unummererede lister: <ul>...</ul> Nummererede lister: <ol>...</ol> Listeelement <li>...</li> <ul> <li> Første element </li> <li> Andet element </li> <li> Tredje element </li> </ul>

27 Kommentarer Kommentarer bruges til at skrive noter til dig selv, eller andre, der evt. Skal arbejde med dit document. Kommentarer vises ikke I browseren <!-- kommentar eller note til dig selv -->

28 Billeder Billed-elementet: <img /> Billed-elementet med attributter <img src= alt= />

29 root folder kunst.dk <html> <html> undersider </html> </html> billeder style.css index.html <html> </html> <html> </html> <html> </html> kunstner.html kunstvaerk.html kontakt.html kunstner.jpg kunstvaerk.gif

30 At angive stier til filer I mappen under: <img src= billeder/kunstner.jpg alt= logo /> I en mappe over: <img src=../billeder/kunstner.jpg alt= logo />

31 links Link-elementet <a> </a> Skaber et hypertekst-link til et andet dokument eller del af dokumentet Link-element med attribut <a href= URL >Det_der_skal_klikkes_på</a> <p>du kan læse de seneste nyheder, hvis du klikker<a href= >her</a></p>

32 Mail links <a href= mailto:din_ _adresse > Det_der_skal_klikkes_på</a> <p>send mig en<a href= >mail</a></ p> Billedlinks <a href= ><img src= drlogo. jpg /></a>

33 Menu Eksterne links Absolut URL <a href= >ITU</a> Interne links Relativ URL Linker til et dokument på den samme web-side relativt til det dokument, man er på I samme mappe: I mappen under: I mappen over: Relativt til root-site: <a href kontakt.html >Kontakt</a> <a href= undersider/kontakt.html >Kontakt</a> <a href=../index.html>forside</a> <a href= /undersider/kontakt.html >Kontakt</a>

34 root folder kunst.dk <html> <html> undersider </html> </html> billeder style.css index.html <html> </html> <html> </html> <html> </html> kunstner.html kunstvaerk.html kontakt.html kunstner.jpg kunstvaerk.gif

35 Div og Span <div> </div> Identificerer en blok af tekst Meget brugebart i forbindelse med CSS <div id= menu >...<div> <span> </span> Identificerer inline elementer Rikke: <span class= mail >ribr@itu.dk</span>

36 Class og ID class Grupperer mange elementer Alle elementer vil få tilført samme style id Giver et unikt navn til et specifikt element Vi kan knytte vores stylesheet til ethvert identificeret element

37 Links HTML Design og struktur Usability nettekst

38 litteratur HTML og CSS Learning Webdesign af: Jennifer Niederst Robbins brugervenlighed Don t Make Me Think af: Steve Krug Brugervenligt webdesign af: Rolf Molich

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det?

Web sider. Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? Introduktion: Har du nogensinde spekuleret over, hvordan det verdesomspændende internet virker og hvordan man snakker med det? I dag skal du lære at lave hjemmesider, så du også kan bidrage til at opbygge

Læs mere

Øvelse 1, individuel øvelse billeder, links og undersider

Øvelse 1, individuel øvelse billeder, links og undersider Øvelse 1, individuel øvelse billeder, links og undersider 1. Målsætning I dag skal du lære om principperne bag HTML5 -om hvordan form og indhold er adskilt, og hvordan koden binder dem sammen. Det er et

Læs mere

PHP Quick Teknisk Ordbog

PHP Quick Teknisk Ordbog PHP Quick Teknisk Ordbog Af Daniel Pedersen PHP Quick Teknisk Ordbog 1 Indhold De mest brugte tekniske udtryk benyttet inden for web udvikling. Du vil kunne slå de enkelte ord op og læse om hvad de betyder,

Læs mere

Lav dine egne hjemmesider/websider

Lav dine egne hjemmesider/websider Sider, der skal publiceres på World Wide Web, laves i et særligt format, html, som fortæller browseren, hvordan den skal vise tekst og billeder. Html (Hypertext markup language) er meget fleksibelt og

Læs mere

Webudvikleruddannelsen

Webudvikleruddannelsen En Introduktion til, HTML og CSS Indhold Webudvikler uddannelsen Techcollege Aalborg Internettet, Short story. Hvad er HTML? Basic HTML? Om HTML Tags Tekster i HTML Mere om tekster i HTML STYLING FONTS

Læs mere

Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider

Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 1, individuel øvelse Introduktion til HTML5: Tekst, punktlister, billeder, links og undersider 1. Målsætning

Læs mere

IKT og Videnrepræsentationer

IKT og Videnrepræsentationer IKT og Videnrepræsentationer CSTBI-2 2010 5. kursusgang Introduktion til html Kjeld Svidt ks@civil.aau.dk Personlige hjemmesider De enkelte gruppemedlemmer kan lave egne hjemmesider i mappen public_html

Læs mere

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup

Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Niels Sundstrup Webteknologi evalueringsopgave Vinter 2011-2012 - Niels Sundstrup Webteknologi - Carl- Henrik Nielsen - Syddansk Universitet, Kolding - Udlevering: 12. januar 2012 Aflevering: 19. januar

Læs mere

Byg web sider. Introduktion:

Byg web sider. Introduktion: Introduktion: Du kender nu nogle enkle HTML tags, så nu er det på tide, at du kommer i gang med at lave din første side! Når du har nogle HTML-sider klar skal du have dem lagt op, så dine venner kan se

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse 1 lært at lave en HTML5-side med afsnit,

Læs mere

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside

HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 2, individuel øvelse HTML5 fortsat: Underside, links og tekstelementer på din hjemmeside 1. Lidt om hvad du

Læs mere

Kort om baggrund for kurset, aktører, kodning.dk

Kort om baggrund for kurset, aktører, kodning.dk præsentation 1 2 Kort om baggrund for kurset, aktører, kodning.dk 3 Kort rammesætning hvorfor er det vigtigt med fokus på programmering også i en skolekontekst særligt slide 7 er værd at dykke ned i og

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger. Hvilken skærmopløsning? OBS Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS4, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Tillykke Med Fødselsdagen

Tillykke Med Fødselsdagen HTML & CSS 1 Tillykke Med Fødselsdagen 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

Læs mere

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site.

Fase Forklaring Navigation. Mappen skal indeholde alle elementer til dit site. 1 Opstart af et site Opret hovedmappen Opret grafikmappen Opret dit site Mappen skal indeholde alle elementer til dit site. Opret en mappe indeni den første og kald den grafik. Heri lægges alle dine grafikfiler.

Læs mere

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW.

Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Denne guide er oprindeligt udgivet på Eksperten.dk CSS - en gennemgang Denne artikel er til dem der ønsker at vide mere om hvad CSS er og hvad CSS kan bruges til hvad angår WWW. Der er lidt CSS historie

Læs mere

Bilag 1: Ordliste. Bilag 1: Ordliste 141

Bilag 1: Ordliste. Bilag 1: Ordliste 141 Bilag 1: Ordliste 141 Bilag 1: Ordliste Da det behandlede område indeholder mange nye termer, som ikke nødvendigvis alle kender, og da disse termer opfattes forskelligt, har vi udarbejdet denne ordliste,

Læs mere

CSS fortsat: Boksmodel, floating & positionering

CSS fortsat: Boksmodel, floating & positionering Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 4, individuel øvelse CSS fortsat: Boksmodel, floating & positionering 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS6, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

GRAFISK PRODUKTIONSFORSTÅELSE

GRAFISK PRODUKTIONSFORSTÅELSE GRAFISK PRODUKTIONSFORSTÅELSE BRILLIANT BIKINIES WEBSITE MARÍ DYRMOSE OPGAVEN OPGAVEBESKRIVELSE Brilliant Bikini kompagniet skulle have designet og programmeret en website, hvor de kunne præsentere deres

Læs mere

har jeg hentet nedenstående anmeldelse af et godt program til

har jeg hentet nedenstående anmeldelse af et godt program til Software Fra design af hjemmesider: har jeg hentet nedenstående anmeldelse af et godt program til Wordpress er intet mindre end et genialt program til hjemmesider. For det første er det gratis, og for

Læs mere

Hvad er HTML og CSS? EN INTRODUKTION TIL HTML OG CSS

Hvad er HTML og CSS? EN INTRODUKTION TIL HTML OG CSS Hvad er HTML og CSS? EN INTRODUKTION TIL HTML OG CSS Webudvikler Uddannelsen Tech College Aalborg. 2018 INDHOLD INTERNETTET, THE SHORT STORY... Fejl! Bogmærke er ikke defineret. DE FØRSTE NETVÆRK... Fejl!

Læs mere

Opstart. I gang med Dreamweaver. Læs mere om...

Opstart. I gang med Dreamweaver. Læs mere om... Generelle bemærkninger Programmet Dreamweaver har været på markedet i nogle år efterhånden. Den seneste version hedder Dreamweaver CS5, og programmet er på engelsk. Dreamweaver er en såkaldt grafisk editor,

Læs mere

Webside score printersupportnu mbercare.blogspot.com

Webside score printersupportnu mbercare.blogspot.com Webside score printersupportnu mbercare.blogspot.com Genereret Juli 22 2019 17:31 PM Scoren er 53/100 SEO Indhold Titel HP Printer Support Phone Number +1-855-924-8222 Længde : 47 Perfekt, din titel indeholder

Læs mere

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS

Nolde Museet. I gang med Dreamweaver. Opgave. Opgavebeskrivelse. Layout. Mål og CSS Opgavebeskrivelse Lav en webside om i Sønderjylland. Opgaven fører dig igennem de basale ting, hvad angår opbygningen af en side med CSS. Der er ikke tale om et komplet site, men du kan bruge opgaven som

Læs mere

Webside score xiaxue.blogspot.sg

Webside score xiaxue.blogspot.sg Webside score xiaxue.blogspot.sg Genereret September 19 2016 01:24 AM Scoren er 23/100 SEO Indhold Titel Xiaxue.blogspot.com - Everyone's reading it. Længde : 44 Perfekt, din titel indeholder mellem 10

Læs mere

Webside score khtsb.com

Webside score khtsb.com Webside score khtsb.com Genereret April 04 2019 09:19 AM Scoren er 50/100 SEO Indhold Titel Welcome to XAMPP Længde : 16 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse XAMPP is an

Læs mere

Indholdsfortegnelse. Forord

Indholdsfortegnelse. Forord Indholdsfortegnelse Forord i Indholdsfortegnelse iii Indledning ix 1. Introduktion til HTML 1 Websider laves med HTML 2 Websider læses med en browser 2 Browserspecifikke markører 3 HTML-dokumentet 4 Hvad

Læs mere

CSS introduktion: Tekstformatering med CSS

CSS introduktion: Tekstformatering med CSS Webdesign og webkommunikation, formiddagshold (hold 1), IT Universitetet, forår 2012. Øvelse 3, individuel øvelse CSS introduktion: Tekstformatering med CSS 1. Lidt om hvad du har lært Du har i øvelse

Læs mere

Grundformen for et website: aside, tabeller, formularer og tekstformatering

Grundformen for et website: aside, tabeller, formularer og tekstformatering Design til digitale kommunikationsplatforme Formiddag (Hold 1), IT Universitetet, Efterår 2013 Øvelse 2, individuel øvelse Grundformen for et website: aside, tabeller, formularer og tekstformatering 1.

Læs mere

WEBDESIGN & WEBKOMMUNIKATION

WEBDESIGN & WEBKOMMUNIKATION WEBDESIGN & WEBKOMMUNIKATION 16. februar 2012 #3 - Webteknologier + HTML5 fortsat PROGRAM FOR I DAG 1. Webteknologier 2. Best practice & semantik 3. Det handler om struktur 4. Hvis tid: Links 5. Hvis tid:

Læs mere

Webside score klearvue.com

Webside score klearvue.com Webside score klearvue.com Genereret Juli 17 2017 06:24 AM Scoren er 51/100 SEO Indhold Titel KlearVue Længde : 8 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)

Læs mere

Undervisningsbeskrivelse

Undervisningsbeskrivelse Undervisningsbeskrivelse Stamoplysninger til brug ved prøver til gymnasiale uddannelser Termin Juni 2016 Institution CampusVejle Uddannelse Fag og niveau Lærer(e) Hold Hhx Informationsteknologi C Peter

Læs mere

Dokumentation. Karen-Louise Fejerskov

Dokumentation. Karen-Louise Fejerskov Dokumentation Grafisk Workflow Et af produkterne, jeg skulle lave, var et redesign af FreQuence s info hjemmeside. A B Punkt 1 Ansvar: Jeg har selv stået for opsætningen af hjemmeside og selv bestemt,

Læs mere

Webside score google.com

Webside score google.com Webside score google.com Genereret Januar 14 2019 10:26 AM Scoren er 37/100 SEO Indhold Titel Google Længde : 6 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)

Læs mere

It og informationssøgning Forelæsning november 2006 Jakob Grue Simonsen. Hypertekst og Python. Andersen & Simonsen: kap. 12

It og informationssøgning Forelæsning november 2006 Jakob Grue Simonsen. Hypertekst og Python. Andersen & Simonsen: kap. 12 It og informationssøgning Forelæsning 11 29. november 2006 Jakob Grue Simonsen Hypertekst og Python Andersen & Simonsen: kap. 12 I dag gennemgås materiale af uhyre praktisk (og kun i lidet omfang generel)

Læs mere

Grafisk design. Ide. Designprocess. Målgruppe

Grafisk design. Ide. Designprocess. Målgruppe Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.

Læs mere

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden.

Lundtofte skole 2007/08. Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Det vigtigste Hjemmeside i FrontPageExpress Åbn FrontPageExpress og Explorer begge programmer skal være åbne når du laver hjemmesiden. Lav en mappe til din hjemmeside. Find først din mappe på skolens netværk,

Læs mere

GRAFISK DESIGN. Min personlige e-portfolio

GRAFISK DESIGN. Min personlige e-portfolio GRAFISK DESIGN Min personlige e-portfolio 2 OPGAVEBESKRIVELSE Produkt: E-portfolio Farve: RGB Programmer: Brackets, Photoshop og Illustrator Min personlige e-portfolio er udarbejdet som et led i min uddannelse

Læs mere

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets.

Dagens program. Domæner. change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog. Hvad er widgets. Dagens program Har alle fået? Har nogen betalt for meget? Hav jeres koder klar Domæner change log- screen shots hver gang I har arbejdet med themet. Arkitekturen bag en wp blog Hvad er widgets Hvad er

Læs mere

Computer Networks Specielt om Infrastrukturer og Teknologi

Computer Networks Specielt om Infrastrukturer og Teknologi Computer Networks Specielt om Infrastrukturer og Teknologi Ole Borch Slide 1 Doc Bud på arkitektur (som mange andre steder) Sygehus Hemmelig Meget hemmelig WWW browser WWW Server Dataplejer Staklen Internet

Læs mere

Webside score dictionary.com

Webside score dictionary.com Webside score dictionary.com Genereret September 09 2016 21:42 PM Scoren er 33/100 SEO Indhold Titel Dictionary.com Meanings and Definitions of Words at Dictionary.com Længde : 68 Perfekt, din titel indeholder

Læs mere

Webside score downvid.co

Webside score downvid.co Webside score downvid.co Genereret Oktober 26 2018 16:00 PM Scoren er 65/100 SEO Indhold Titel Facebook Video Downoader Online Længde : 33 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse

Læs mere

Datalogi HTML Aarhus Katedralskole

Datalogi HTML Aarhus Katedralskole HTML HTML er en forkortelse for HyperText Markup Language og er således et markeringssprog og ikke et programmeringssprog! HTML bruges til at opmærke indholdet på en hjemmeside, og skal ses som en måde

Læs mere

Grundforløb 1 TEMA2 HTML

Grundforløb 1 TEMA2 HTML Grundforløb 1 TEMA2 HTML HTML KNOWLEDGE BASE Mere HTML og CSS KNOWLEDGE BASE HTML Indhold HVAD ER HTML? WEBSITES I DAG BASIC HTML TAGS MARKUP = HTML TEKST I HTML STANDARDER I HTML ELEMENTERNE I HTML MERE

Læs mere

Namespaces. Vi kan kvalificere elementer på denne måde: <?xml version="1.0" encoding="iso-8859-1"?>

Namespaces. Vi kan kvalificere elementer på denne måde: <?xml version=1.0 encoding=iso-8859-1?> Namespaces...1 Default namespace:...6 Præfiks:...7 To slags navne i XML:...11 Standard namespaces:...14 RDF Resource Description Framework:...18 Attributter:...19 DTD skemaer og namespaces:...21 Namespaces.

Læs mere

Website review groweasy.dk

Website review groweasy.dk Website review groweasy.dk Generated on September 01 2016 10:32 AM The score is 56/100 SEO Content Title Webbureau Odense GrowEasy hjælper dig med digital markedsføring! Length : 66 Perfect, your title

Læs mere

Flash Logic Free CMS. Manual og brugervejledning

Flash Logic Free CMS. Manual og brugervejledning Flash Logic Free CMS Manual og brugervejledning Indhold: 1. Funktionalitet 2. Fil-oversigt 3. Baggrundsbillede 4. Banner-billede 5. Redigering af tekst 6. Brug af html-tags 7. Web site navn 8. Upload til

Læs mere

Webside score simmi.it

Webside score simmi.it Webside score simmi.it Genereret August 01 2015 12:13 PM Scoren er 45/100 SEO Indhold Titel SIMMI - TORINO - Bomboniere, Sacchettini, Tipografia, Accessori, Confettate, Fardamè, per le Nozze, Længde :

Læs mere

Webside score ming-hotels.com

Webside score ming-hotels.com Webside score ming-hotels.com Genereret Maj 21 2019 14:35 PM Scoren er 54/100 SEO Indhold Titel Home Ming Hotels Længde : 18 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse Længde

Læs mere

Design Diaries.

Design Diaries. Design Diaries http://blog.lykkeeilert.dk/ Patricia Gambula Larsen Patrick Lykke Eilert Ninette Andersen cph-pl130@cphbusiness.dk cph-pe58@cphbusiness.dk cph-na96@cphbusiness.dk INDHOLD Use case model

Læs mere

Nvu hjemmesider hurtigt og let

Nvu hjemmesider hurtigt og let Nvu hjemmesider hurtigt og let Brugervenlig og grafisk præsentation af textdokumenter var en af de store udfordringer indenfor softwareudvikling i slutningen af 1980erne. Tim Berners-Lee fra CERN udvikler

Læs mere

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb

Dokumentation. Workflow. Grafisk produktion. Trine Alexandersen 1. hovedforløb Dokumentation Workflow Grafisk produktion Trine Alexandersen 1. hovedforløb Jeg har valgt at vise min egen hjemmeside som workflow. Siden er min e-portfolio som skal vise hvad jeg lærer under min uddannelse

Læs mere

Webside score qdcreations.com

Webside score qdcreations.com Webside score qdcreations.com Genereret November 18 2015 18:51 PM Scoren er 52/100 SEO Indhold Titel QDCreations Global Inq' New York Interior Design - Brooklyn, Manhattan, Queens and Bronx Længde : 88

Læs mere

Webside score x-fund.info

Webside score x-fund.info Webside score x-fund.info Genereret December 01 2016 16:39 PM Scoren er 38/100 SEO Indhold Titel x-fund creativ studio» Portfolio x-fund global ag, 2013 Længde : 64 Perfekt, din titel indeholder mellem

Læs mere

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN

Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN 2015 Bootstrap Tutorial LAV EN SIMPEL RESPONSIVE SIDE MED BOOTSTRAP MATHIAS HERSKIND GROTRIAN I denne tutorial kommer du til at I denne tutorial vil du lære hvad Bootstrap er, hvordan det fungerer og hvordan

Læs mere

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2.

GRAFISK PRODUKTION WORK- FLOW DREAMWEAVER CS5 DESIGN & KODNING AF LANDING PAGE. a.link, a.hover, a.visited. Wrapper. paragraph CSS. h1 h2. GRAFISK PRODUKTION OG WORK- FLOW CSS Wrapper paragraph h1 h2 DREAMWEAVER CS5 Class Tags Kodning Design a.link, a.hover, a.visited HTML Kundekontakt Komposition og modulopbygning Skelet Pixels Layout Usabillity

Læs mere

Webside score qiwork.pt

Webside score qiwork.pt Webside score qiwork.pt Genereret December 03 2015 16:54 PM Scoren er 55/100 SEO Indhold Titel QIWORK. Creative Studio Længde : 25 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse Design

Læs mere

GRAFISK PRODUKTION & WORKFLOW. Endotest website

GRAFISK PRODUKTION & WORKFLOW. Endotest website GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere

Læs mere

Webside score ezee2shop.com

Webside score ezee2shop.com Webside score ezee2shop.com Genereret Oktober 03 2015 11:03 AM Scoren er 40/100 SEO Indhold Titel Home Længde : 4 Kan optimeres; Optimalt bør din titel indeholde mellem 10 og 70 karakterer (med mellemrum)

Læs mere

Webside score facebook.com

Webside score facebook.com Webside score facebook.com Genereret Januar 14 2019 10:26 AM Scoren er 44/100 SEO Indhold Titel Facebook - Log In or Sign Up Længde : 28 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse

Læs mere

Webside score akcpdistributor.de.cutestatvalue.com

Webside score akcpdistributor.de.cutestatvalue.com Webside score akcpdistributor.de.cutestatvalue.com Genereret Juli 19 2019 10:28 AM Scoren er 47/100 SEO Indhold Titel akcp-distributor.de is worth $ 8.95 - Website Worth, Calculator Længde : 64 Perfekt,

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen, mediegrafiker, 3. hovedforløb Introduktion Bylderup-Bov Rideklub har en hjemmeside, bestående af en template, hvor designet er fastlagt. Jeg er i kontakt

Læs mere

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12

Grundlæggende HTML. Hjemmesider, kommunikation og kode. mandag den 13. august 12 Grundlæggende HTML Hjemmesider, kommunikation og kode Hvad er HTML? Hyper Text Markup Language Beskrivelsen siger at det er et tekst sprog bestående af markører Bruges til at vise hjemmesider i en browser,

Læs mere

2. H vis du vil br uge egen computer til øvelser ne

2. H vis du vil br uge egen computer til øvelser ne W ebdesign og webkommunikation 2, I T U niversitetet, forår 2011. I ntroduktion til det praktiske 1. Målsætning Før vi går i gang med kurset, skal du have de helt lavpraktiske ting på plads, så du er helt

Læs mere

Grafisk produktion og workflow

Grafisk produktion og workflow Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,

Læs mere

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse

Naja Schlüter Roskilde Tekniske Gymnasium 26/ Interessentanalyse Interessentanalyse Jeg fik til opgave at skulle lave en ny studieweb som er min egen personlige side. Min studieweb skal bruges til lidt information og så vil jeg løbende igennem de to år jeg har igen

Læs mere

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16

Indhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16 GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og

Læs mere

GRAFISK WORKFLOW. 1 Grafisk workflow

GRAFISK WORKFLOW. 1 Grafisk workflow GRAFISK WORKFLOW 1 Opgavebeskrivelse I forbindelse med et nyt online koncept Web in a box skulle jeg lave en Photoshop-skabelon, der kan eksportere materiale til en hjemmeside automatisk. Selve konceptet

Læs mere

YouSee Foreningsweb. Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside

YouSee Foreningsweb. Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside YouSee Foreningsweb Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside 1 Indhold Forberedelse af indhold til hjemmeside Opsætning af hjemmeside (CMS) Mobilvenligt design (Responsivt design)

Læs mere

Webside score akcpdistributor.de.ipaddress.com

Webside score akcpdistributor.de.ipaddress.com Webside score akcpdistributor.de.ipaddress.com Genereret Juli 19 2019 10:29 AM Scoren er 52/100 SEO Indhold Titel Akcp Distributor - Akcp-Distributor.de Website Analysis and Traffic Statistics Længde :

Læs mere

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på

ELEMENTER Jeg vælger fonten Raleway, som er en af Googles mange gratis webfonte. Det er en grotesk skrift, som især bruges til websites, da de på Grafisk design Design af hjemmeside til indretningsarkitekt med firma navn enrico indret, som jeg tidligere har designet logo for. Firmaet laver udelukkende erhvervsindretning og målgruppen for sitet er

Læs mere

Vejledning til opbygning af hjemmesider

Vejledning til opbygning af hjemmesider Side 1 af 9 Vejledning til opbygning af hjemmesider Hvis du er inde på din klubs hjemmeside, fx på forsiden, kan du nu gå i gang med at redigere. For at få redigeringsværktøjet frem, skal du klikke på

Læs mere

opsam ling fra sidst

opsam ling fra sidst Opsam ling fra sidst Den rette tilgang til HTML og CSS Eksperimentér Tænk logisk Detaljerne betyder noget Find inspiration/information på nettet Gode genveje Gem cmd s på Mac ctrl s på PC Bladre mellem

Læs mere

Beginning CSS and Web Development kap. 1 11

Beginning CSS and Web Development kap. 1 11 Beginning CSS and Web Development kap. 1 11 Plan Xhtml opbygning CSS Divs, class, id Baggrunde, farver og billeder Tekst Links Lister Tabeller Stand up programmering Xhtml vs. html i XHTML skal alle elementer

Læs mere

YouSee Foreningsweb. Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside

YouSee Foreningsweb. Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside YouSee Foreningsweb Uddannelse i de væsentligste funktioner ved opsætning af hjemmeside 1 Indhold Forberedelse af indhold til hjemmeside Opsætning af hjemmeside (CMS) Mobilvenligt design (Responsivt design)

Læs mere

Webside score templatedownload.org

Webside score templatedownload.org Webside score templatedownload.org Genereret Oktober 18 2015 05:21 AM Scoren er 43/100 SEO Indhold Titel FREE Template Download Længde : 22 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse

Læs mere

Google Søgninger side 1 af13

Google Søgninger side 1 af13 Google Søgninger side 1 af13 Indholdsfortegnelse Internetforkortelser og adresser m.m.... Side 2 Søgning i Google... Side 4 Nyhed erstatning for det sorte bånd... Side 7 Avanceret søgning... Side 10 Flere

Læs mere

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet.

5. Billeder og logo til websitet er optimeret til web via Photoshop, så de fylder mindst muligt for at mindske indlæsningstiden for websitet. GRAFISK WORKFLOW Grafisk workflow Beskrivelse Opgaven Design af website til Tipsbladet Fokus, som er noget, jeg selv har fundet på. Det er tænkt som et alternativ til Tipsbladet.dk, hvor der på Tipsbladet

Læs mere

WORKFLOW & GRAFISK PRODUKTION

WORKFLOW & GRAFISK PRODUKTION Opgavebeskrivelse Kunde: Gorm Larsen & Zornig (GLZ) Websitet Social media cheat sheet er en oversigt over forskellige sociale mediers opsætning. Formålet er altså at gøre det nemt at finde de mål, der

Læs mere

Implementeringsvejledning

Implementeringsvejledning Certifikat Certifikat Med og uden gradient #3FBFEF #1A7CA1 Smalt certifikat Med og uden gradient Kan benyttes på steder med begrænset højde Mini certifikat Med og uden gradient Kan benyttes hvis certifikatet

Læs mere

Formatering af tekst, JCE Editor, Joomla

Formatering af tekst, JCE Editor, Joomla Formatering af tekst, JCE Editor, Joomla skrevet af Inge Vittrup Paragraph anvender du ved almindelige sætninger. Heading 1 er hovedoverskrift med største skrift. Heading 2 er overskrift til en artikel

Læs mere

Byg et website med Dreamweaver

Byg et website med Dreamweaver Byg et website med Dreamweaver I denne øvelse skal vi opbygge et website for Hotel Holiday i Dreamweaver. Det færdige site kan ses her: http://www.itu.dk/people/khhp/hotel_holidays/velkommen.html Øvelsen

Læs mere

Procesbeskrivelse - Webprogrammering

Procesbeskrivelse - Webprogrammering Procesbeskrivelse - Webprogrammering Indholdsfortegnelse Forudsætninger... 1 Konceptet... 2 Hjemmesiden... 2 Server-side... 3 Filstrukturen... 3 Databasehåndtering og serverforbindelse... 4 Client-side...

Læs mere

Dokumentation af hjemmeside/studieweb

Dokumentation af hjemmeside/studieweb Dokumentation af hjemmeside/studieweb Jeg startede med at bruge ca. to kom/it moduler på at genopfriske kodning i html, siden at jeg har lavet hjemmeside i html og css før, men det er efterhånden et par

Læs mere

Webside score design-dave.de

Webside score design-dave.de Webside score design-dave.de Genereret Maj 12 2019 19:25 PM Scoren er 43/100 SEO Indhold Titel HOME - design-dave Længde : 18 Perfekt, din titel indeholder mellem 10 og 70 bogstaver. Beskrivelse Længde

Læs mere

Webside score assin.co

Webside score assin.co Webside score assin.co Genereret Juli 18 2019 15:45 PM Scoren er 57/100 SEO Indhold Titel Assin is automated service for your Instagram account promotion Længde : 63 Perfekt, din titel indeholder mellem

Læs mere

Redaktørmanual TYPO3 Version 6.2

Redaktørmanual TYPO3 Version 6.2 Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt

Læs mere

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed

Grafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne

Læs mere

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen.

Disse har alle sammen hjulpet til at skabe min hjemmeside. Ved at give inspiration og få ideerne ned på papir, før de blev vist til omverdenen. Introduktion til webdesign Jeg har igennem webdesign projektet arbejdet med en masse forskellige processer, i alt 6 processer. Disse er skab moodboard fra en side, informationsdesign, navigationsdesign,

Læs mere

I denne manual kan du finde en hurtig introduktion til hvordan du:

I denne manual kan du finde en hurtig introduktion til hvordan du: VORES NORDSJÆLLAND HURTIGT I GANG MANUAL 01: Bruger HVAD INDEHOLDER DENNE MANUAL? I denne manual kan du finde en hurtig introduktion til hvordan du: 1. Finder Vores Nordsjælland hjemmesiden 2. Opretter

Læs mere

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE

grafisk workflow OPGAVE: EMBRACE-IT WEBSITE grafisk workflow OPGAVE: EMBRACE-IT WEBSITE BESKRIVELSE GRAFISK WORKFLOW BESKRIVELSE Den tidligere nævnte virksomhed Embrace-IT, forsøger i takt med at virksomhen vokser, at opdatere og optimere deres

Læs mere

Sabine Puk Sørensen Svendeprøve portfolio

Sabine Puk Sørensen Svendeprøve portfolio Sabine Puk Sørensen Svendeprøve portfolio 2016 Grafisk workflow Svendeprøve Kvalitetsvurdering Hjemmesiden fungere som den skal, og kunden er meget glad for resultatet. Siden er simpel, men giver den ønskede

Læs mere

Webside score futurehunter.net

Webside score futurehunter.net Webside score futurehunter.net Genereret Juni 02 2015 21:33 PM Scoren er 59/100 SEO Indhold Titel Always take higher ground Leadership comes through experience Længde : 63 Perfekt, din titel indeholder

Læs mere

Grafisk workflow. Se siden her: www.cormas.dk

Grafisk workflow. Se siden her: www.cormas.dk Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html

Læs mere

Internettet Netværk. Hvad er netværk?

Internettet Netværk. Hvad er netværk? Internettet Netværk. Internettet består af mange selvstændige netværk som er koblet sammen. På yderste niveau har vi små lokale netværk, så lidt større netværk, nationale netværk og til sidst de internationale

Læs mere

Manual til hjemmeside i Typo3

Manual til hjemmeside i Typo3 Manual til hjemmeside i Typo3 Gode tips og genvejstaster Ét linieskift Ctrl + A Ctrl + C Ctrl + X Ctrl + V shift + enter (tasten du normalt bruger til linieskift) Markér alt Kopier Klip Sæt ind Oprettelse

Læs mere