Webben – intro Första föreläsningen i kursen Webbutveckling.

Slides:



Advertisements
Liknande presentationer
Exempel på Powerpoint presentation
Advertisements

Samarbete med Microsoft Office Sharepoint server 2007 Angelica Rydelius Bergman Välkommen!
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.
XHTML.
1 MSPEL Föreläsning 1 DSV Peter Mozelius XML, XHTML, CSS och Java applets.
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.
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.
1 ITK:P2 F9 HTTP, Java servlets och Apache Tomcat DSV Peter Mozelius.
Webbteknik En kort introduktion. Innehåll Historisk återblick Tim Berners Lee 1992 Teknisk beskrivning Märkspråk Standardisering Trender.
Webbutveckling grundkurs DA7710
IT och kommunikationsvetenskap Teresa Cerratto Pargman, DSV
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.
Webbteknik En kort introduktion. Innehåll Historisk återblick Teknisk beskrivning Märkspråk Standardisering Trender.
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”
Html5 Rich Media. Video Helt ny Element i html Ersätter FlashVideo Lätt att använda Layout ändringar med css och js.
Från design till dynamisk webbplats | 2 Palle Zingmark  Webbkonsult på Hallvarsson & Halvarsson  Specialist på gränssnittsutveckling  Senior.
DHTML Designa din egen webbsida.
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.
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
Välkommen till årets andra nätverksträff Sundsvall 30 maj, 2006 Funda Denizhan och Magnus Burell Verva, Nätverket 24-timmarswebben.
XHTML & CSS 2 del 2 Designa din egen webbsida. Idag  Boxmodellen  Bakgrundsbilder  Rubriker  Clear och float  Positionering.
© Björn Lindell, Datapedagogiskt Forum, SLU Hur kommer jag i gång med att göra web-sidor? Länkar “on line” på URL:
XHTML – Dokumentets grundstruktur Body - head. Grundläggande dokument
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.
Access 1 ITDA 2 Kurs Namn Klass Betyg En elev (namn) kommer att läsa många kurser och få ett betyg i varje kurs. Försök modellera om till funktionella.
1 2I1073 Föreläsning 1 KTH-MI Peter Mozelius XHTML, stilmallar och Javascript.
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,
XHTML & CSS 2 del 1 Elektronisk publicering. Idag  Repetition  Teckenuppsättningar  Metadata  Mer om klasser och ID:n  CSS.
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.
Webben – en sammanfattning Sista föreläsningen i kursen Produktion för tryckta medier och webb.
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 – intro Första föreläsningen i kursen Webbutveckling

Olika kunskapsområden Kodning Innehåll Design, i olika sammanhang… Process Användare m.m.

Kodning Html (xhtml för att vara exakt) Css (css2 för att vara exakt igen) Webbläsare – bla. Firefox med tillägget ”Web Developer” Flash – annan kurs Script – anna kurs Serverprorgammering, asp, asp.net, php, jsp, c++, java … – annan kurs xml – xhtml är xml

Innehåll Att skriva Varumärkets inverkan Bilder

Design Grafisk design Användbarhetsdesign Typografi Layout

Att arbeta med webben Att arbeta med webben, verktyg - system 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

xhtml Delar Taggar, m.m. Boxmodellen, margin, padding, … Placering, hur det hamnar ”rätt” Klasser class=”head” möts med ett.head i ccs:en (kan finnas flera i samma klass) Id id=”toplogo” möts 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 Runda hörn – sliding doors