Webben – en sammanfattning Sista föreläsningen i kursen Produktion för tryckta medier och webb.

Slides:



Advertisements
Liknande presentationer
Välkommen till Internet för nybörjare
Advertisements

Skribentutbildning SharePoint Publicera på nya intranätet
Strukturerad dokumentation och XML
Mina Aktiviteter Integration med befintliga webbplatser.
Mobile Ajax Master Thesis in Applied Information Technology Magisterexamen med inriktning mot tillämpad informationsteknik Januari 2008, Institutionen.
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.
Avalon Information Systems Vi är IT-företaget som behärskar framtagning av information och utveckling av konkurrenskraftiga IT-system. - Produktinformation.
ARKISTOLAITOS Arkivverket Projekt för förnyelse av webbplatsen.
MMS & Webb-TV Av: Traditionell TV Mobil-TV Webb-TV Out-of-home Fritidshus Pod-TV.
Medieteknik.
DCV Idéskiss Design Jag tror att jag ska ha en mörk och stilren design på mitt DCV. Det ska finnas dynamisk funktionalitet där designen byts utan att sidan.
HEAD – HUVUDET I huvudet hittar du information om dokumentets titel, sökord, referenser till stildokument och annan information som normalt inte visas.
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
Webbutveckling grundkurs DA7710
I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS DAG 1 Mahmud Al Hakim
Webbteknik lektion 3 Det handlar mer om stilmallar Per K, 2012.
Webbteknik lektion 2 Det handlar om stilmallar Per K, 2012.
Introföreläsning om publiceringssystem Om publiceringssystem, lektion ett.
XHTML och CSS En föreläsning om webbteknik , SK, PK TFE Umeå Universitet.
Webbteknik lektion 4 Det handlar mer om stilmallar Per K, 2012.
Webben – intro Första föreläsningen i kursen Webbutveckling.
Föreläsning 8 Appletprogram/fristående grafiska program Rita linjer, rektanglar mm Skriva text Byta färg Appletprogram html.
Introföreläsning CS Om publiceringssystem, lektion ett.
Stilark: CSS Digitalisering av text April 2005 Mats Dahlström.
Databaser i B2KUNO Johan Eklund. Hur går jag vidare? Avancerade tillämpningar:  Analysera data  Generera information Utveckla följande färdigheter:
WEBMASTER DAG 4 Mahmud Al Hakim
Introföreläsning CS Om publiceringssystem, lektion ett.
Webbdesign så klart! ”Den roligaste kursen på gymnasiet”
DHTML Designa din egen webbsida.
I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS L EKTION 1 Mahmud Al Hakim
Ny svenskakyrkan.se.
Webben som medium Sus Lundgren.
(Cascading Style Sheets) Rebecca Landmér 2007 CSS.
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.
Välkommen till Sommarkollo Windows Presentation Foundation och Expression Blend Robert FolkessonJohan Lindfors
Webbutveckling Med fokus på grunder i html och css.
XHTML och något om CSS Produktion för tryckta Webbutveckling Kvarnbrink
Webbdesign Vittert vetande om webbdesign, SBe, PK
XHTML & CSS Introduktion Erik Nahkala
Vittert vetande om webbdesign
W EBBUTVECKLING, HT 2013 En webbplats Källa: pragmatisk.se.
I NNEHÅLLSHANTERINGSSYSTEM J OOMLA CMS DAG 01 Mahmud Al Hakim
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.
Microsoft Visual Studio och.NET Framework, idag och imorgon! Robert Folkesson
Kontextuell ärendehantering
Vad är GeoBas? Intergraphs svensk-utvecklade system för
Välkommen till årets andra nätverksträff Sundsvall 30 maj, 2006 Funda Denizhan och Magnus Burell Verva, Nätverket 24-timmarswebben.
Varför byta? html> Ny sida 3 Tillverka i egna datorn tex i FrontPage Spara på den egna hårddisk FTP- program Server.
Dreamweaver fortsättning DAG 1 VT09 Mahmud Al Hakim
Föreläsning 13 Appletprogram/fristående grafiska program Arv Rita linjer, rektanglar mm Skriva text, byta färg Appletprogram & HTML Grafiska användargränssnitt.
CSS del 2 Kvarnbrink Mer elementreferens ID refererar man till med #-tecken #content { width: 600px; } Klassnamn har en punkt före.newsitem.
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.
CSS del 3 Samuel Kvarnbrink Medietyper En XHTML-sida kan ha olika CSS-filer för olika medier! Definieras med attributet “media” i link- taggen,
CSS del 3 Kvarnbrink* Färdiga layouter Yaml builder Dreamweavers mallar Free css templates.
Välkommen till Sommarkollo Expression Studio, verktyg för designers Juli 2007 Robert Folkesson Developer Evangelist Microsoft Johan Lindfors.
Repetition webbteknik Per K. Selektorer metod 1 1. Elementreferens CSS-kod: p { font-family: georgia, serif; } HTML: Text skrivs i en brödtext.
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
1 Innan Du börjar … angående Internetbaserade kurser /15 Källa:
Copyright Peter Fredholm Elektroniska Affärer – del 1 Logistikprogrammet.
CSS del 2 Samuel Kvarnbrink
CSS del 2 Samuel Kvarnbrink
CSS del 3 Samuel Kvarnbrink
CSS del 2 Kvarnbrink
CSS del 1 Kvarnbrink
Om publiceringssystem, lektion ett
CSS del 1 Samuel Kvarnbrink
Om publiceringssystem, lektion ett
Presentationens avskrift:

Webben – en sammanfattning Sista föreläsningen i kursen Produktion för tryckta medier och webb

Olika kunskapsområden Kodning Innehåll Design Process Användare m.m.

Kodning Html (html4.01) Css Webbläsare – bla. Firefox med tillägget ”Web Developer” Flash – annan kurs Script – annan kurs Serverprorgammering, asp, asp.net, php, jsp, c++, java … – annan kurs xml – annan kurs

Innehåll Att skriva Varumärkets inverkan Bilder

Design Grafisk design Användbarhetsdesign Typografi Layout

Att arbeta med webben Inköp, upphandling Mäkla, sälja, kundkontakt Avtal m.m. Arbetsflöden Projektledning

Användaranpassning Tillgänglighet – att sidor är tillgängliga för alla Informationsstruktur / arkitektur – så att man kan hitta det man söker Användbarhet – att webbplatsen är användbar

Html Delar Taggar, … Boxmodellen, margin, padding, … Placering, hur det hamnar ”rätt” Klasser class=”head” möts med ett.head i ccs:en (kan finnas flera klasser) Id id=”toplogo” möte av ett #toplogo i css:en (kan finnas en med det id:t)

CSS Stilmallar Tre varianter, inline, intern, extern Hur man styr utseende på taggarna Bakgrund, bakgrundsbilder Menyer Olika medier – olika utseenden

Content Studio Ett verktyg Publiceringssystem, CMS (Content Management System) Finns på en server Databaslösning Nås via webbläsaren Internet Explorer, man behöver inga andra program

Content Studio Htmlsidor Stilmallar Html med htmlmallar Menyer Html med presentationsmallar och redigeringsmallar Infoga as-komponenter, as = active scripting