W EBBUTVECKLING, HT 2013 En webbplats Källa: pragmatisk.se.

Slides:



Advertisements
Liknande presentationer
om företaget där du gör din praktik!
Advertisements

Anpassning i Windows och Word utan hjälpmedel med tangentbordet
Namn på tillfället (kan skrivas på två rader) Namn på den som presenterar Datum för tillfället.
Grunder i PowerPoint 2000 Skapa en ny presentation Rita egna objekt
SPF Värmland distriktet Utbildning mars 2011
Mina Aktiviteter Integration med befintliga webbplatser.
Sopranen © 2007 Mats Hutter Delmoment Allmän IT i Datagrund DAA 1201.
HTML - grunder. Program •Html kan skrivas i anteckningar, eller vilket annat textbehandlingsprogram som helst. Mitt tips: Notepad ++ Notepad ++ •Grafiska.
II130V Konstruktion av webbsidor Välkommen till föreläsning 3 September 2007.
XHTML.
E-post juni 2013.
Publicera användbar information Erik Geijer tydligare.se Internetdagarna
Rapportskrivning – rep.
Att bygga en fungerande webbplats
Manual: Att lägga in en nyhet. (Tryck på F5 för att se PP-presentationen)
Formellt, skarpt och snyggt
HEAD – HUVUDET I huvudet hittar du information om dokumentets titel, sökord, referenser till stildokument och annan information som normalt inte visas.
Programmeringteknik Webbdelen. HTML H yper T ext M arkup L anguage Märker upp sidans innehåll så att webbläsaren kan avgöra hur innehållet ska visas.
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
Göra en enkel webbsida med word
Webbteknik lektion 2 Det handlar om stilmallar Per K, 2012.
Webben – intro Första föreläsningen i kursen Webbutveckling.
Raka rör - så här kommunicerar vi på webben
Titel på ditt arbete -undertitel, vad handlar det mer specifikt om? Introduktion Här bör man skriva en kortfattad introduktion till sitt arbete, eller.
Välj sanserif för dina bilder
Första sidan Underrubrik Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Kontakta.
CSS del 3 Kvarnbrinkx Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen,
Vad är en bra webbplats? KANO Förtroendeingivande Effektiv Användbar Tillgänglig Ändamålsenlig Snabb och responsive Sökoptimerad Lättdelad Åtkomlig.
Knappar i artikelredaktionen som formaterar texten:
Webbdesign Vittert vetande om webbdesign, SBe, PK
XHTML & CSS Introduktion Erik Nahkala
Ny layout på distrikts- och föreningshemsidorna och ny funktionalitet i webbtool.
TEXT – GRUNDERNA Det huvudsakliga innehållet i XHTML- dokument är text – brödtext, rubriker, avgränsande linjer.
Vittert vetande om webbdesign
Utvecklingsprocessen Webbutveckling. Utvecklingsprocessen Bli inte rädd för alla begrepp och alla verktyg man verkar behöva kunna. Du måste inte använda.
Titel på ditt arbete -undertitel, vad handlar det mer specifikt om? Introduktion Här bör man skriva en kortfattad introduktion till sitt arbete, eller.
CSS del 1 Kvarnbrink I början… Bakgrunden var det enda man kunde byta färg på Allt var satt i Times Texten flödade över hela webbläsarfönstrets.
Copyright, Mahmud Al Hakim, Lektion 3 Ramar, Navigeringsfält, Lager Mahmud Al Hakim
Olika texter du behöver känna till
Bedömning av text Innehåll Texten är lätt att följa och förstå. Innehållet stämmer med uppgiften och följer instruktionerna. Längden på texten är tillräcklig.
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
Elever skriver. Att läsa och skriva utvecklas parallellt. När vi läser lär vi oss att packa upp innehållet i en text för att förstå vad den som skrivit.
GUI. Dålig visning av kurser vid sök på student När man söker.
Webben – en sammanfattning Sista föreläsningen i kursen Produktion för tryckta medier och webb.
Rubriklayout Underrubrik.
Kort kärnfull rubrik Datum för evenemang, tid och plats om lämpligt
Evenemangsrubrik Evenemangsintroduktion Evenemangsunderrubrik Datum
Olika funktioner och tips till PowerPoint
Handhavandeguide-Ladok Kursbevis
Kort kärnfull rubrik Datum för evenemang, tid och plats om lämpligt
Kort kärnfull rubrik Datum för evenemang, tid och plats om lämpligt
Rapporter.
Kort kärnfull rubrik Datum för evenemang, tid och plats om lämpligt
Vilka vi är Northwind Traders
Rubriklayout Underrubrik.
Rubriklayout Underrubrik.
G Anpassa den här banderollen med ditt eget meddelande! Markera bokstaven och lägg till din egen text. Använd en bokstav per bild.
Rubriklayout Underrubrik.
Rubrik med bildlayout Underrubrik
Rubriklayout Underrubrik.
Rubriklayout Underrubrik.
Rubriklayout Underrubrik.
Nya 1177.se
Nya 1177.se
B Anpassa den här banderollen med ditt eget meddelande! Markera bokstaven och lägg till din egen text. Använd en bokstav per bild.
Rubrik med bildlayout underrubrik
Rubriklayout Underrubrik.
Rubriklayout Underrubrik.
Rapportera resultat med titel
Rubriklayout Underrubrik.
Presentationens avskrift:

W EBBUTVECKLING, HT 2013 En webbplats Källa: pragmatisk.se

W EBBPLATS En webbplats 1. Innehåll 2. Utseende Viktigt att förstå skillnaden!

W EBBPLATS Innehåll = data (information), rubriker, listor, bilder etc. Innehållet är alltid det primära i en webbplats. Anpassa inte innehållet efter utseendet, utan tvärtom. Programmeringsspråket för innehållet är HTML

W EBBPLATS Utseende är som en slags mask du lägger på innehållet för att strukturera innehållet visuellt, du styr val av teckensnitt för rubriker, färg på länkar bakgrundsbild och struktur. Programmeringspråket för utseendet är CSS

W EBBPLATS HTML – språk för innehåll Du markerar olika delar av innehåll för att förklara vad det är, som med en märkpenna. Syftet med att markera innehållet är för att webbläsare, sökmotorer och skärmläsare ska kunna särskilja exempelvis en rubrik från brödtext.

W EBBPLATS Innehållet markeras med en tagg som skrivs ut före och efter innehållet. För exempelvis en huvudrubrik används taggen. 'h' står för heading och '1' för att det är en huvudrubrik. För underrubriker används, osv.

W EBBPLATS De taggar som markerat något innehåll måste "stängas", det innebär att man anger när taggen ska avslutas..SE är en oberoende allmännyttig organisation. Notera att den sista taggen har ett snedstreck /, det anger att det är taggens avslut.