Webbutveckling Med fokus på grunder i html och css.

Slides:



Advertisements
Liknande presentationer
Fatta PHP - Din guide till en större värld Knut Hahnsskolan – Ronneby Virtuella miljöer (MUM1203, 100p) Fredrik JohanssonBild 1 av 10.
Advertisements

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.
Flexicon – Din systempartner
FTP, HTTP, HTML, XML och XHTML
1 MSPEL Föreläsning 1 DSV Peter Mozelius XML, XHTML, CSS och Java applets.
Hemsidor med FrontPage Express
Skriva för webben.
Programmering B PHP Lektion 1
Introduktion till CSS CSS1 - EXEMPEL. Denna webbsida vill vi kopiera och förbättra.
Att bygga en fungerande webbplats
XHTML 1 Designa din egen webbsida. Idag  Struktur och uppmärkning  Vad är (X)HTML?  Element, taggar och attribut  Validering.
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.
Viet Tran.  Syfte och mål  Forskningsfrågor  Metod  Resultat  Slutsats  Vad kunde ha gjorts annorlunda?
Webbutveckling grundkurs DA7710
XML i förhållande till HTML en kort jämförelse Ambjörn Naeve The Knowledge Management Research group Centrum för användarorienterad IT Design Kungliga.
Webbteknik lektion 3 Det handlar mer om stilmallar Per K, 2012.
Webbteknik lektion 2 Det handlar om stilmallar Per K, 2012.
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.
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:
Mahmud Al Hakim Webmaster DAG 11 VT09 Mahmud Al Hakim
Mahmud Al Hakim Webmaster DAG 9 VT09 Mahmud Al Hakim
WEBMASTER DAG 13 Mahmud Al Hakim
Webbdesign så klart! ”Den roligaste kursen på gymnasiet”
Programmering B PHP Lektion 1 Mahmud Al Hakim Folkuniversitetet
Sidan Meningen göra en hemsida för företaget Zoohelsinki. P.g.a. Materialets brist så enkel sida som möjligt Fick ide från vertaaverkkoja och nikebetterworld.
DHTML Designa din egen webbsida.
1 ITK:P2 F2 Stilsättning av XHTML DSV Peter Mozelius.
(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,
UTVECKLING MED RAMVERKET.NET Marcus Medina. Dagens visdomsord “Det verkar alltid omöjligt tills dess att det är gjort” Nelson Mandela.
XHTML och något om CSS Produktion för tryckta Webbutveckling Kvarnbrink
XHTML & CSS Introduktion Erik Nahkala
TEXT – GRUNDERNA Det huvudsakliga innehållet i XHTML- dokument är text – brödtext, rubriker, avgränsande linjer.
Webbsidesutbildning Lennart Ek, Tel Stefan Fosseus,
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
XHTML 1 Elektronisk publicering. Idag  Struktur och uppmärkning  Vad är (X)HTML?  Element, taggar och attribut  Klasser och.
Varför byta? html> Ny sida 3 Tillverka i egna datorn tex i FrontPage Spara på den egna hårddisk FTP- program Server.
© 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
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.
2I1073 Lektion 1 KTH-MI Peter Mozelius XHTML, stilmallar och Javascript.
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.
Copyright, Mahmud Al Hakim, Lektion 3 Ramar, Navigeringsfält, Lager Mahmud Al Hakim
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,
ATT SKAPA TABELLER Tabeller skall endast användas om man verkligen vill presentera något i tabellform Använd INTE tabeller för att strukturera hela sidor.
Textkodning 1 Dokumentrepresentation. Idag  Struktur och uppmärkning  Vad är (X)HTML?  Element, taggar och attribut  Standarder.
1 Programhantering – Pass 9 Presentation Fortsättningskurs MS PowerPoint 2003 Del 1/2 Formatera Grafik och diagram.
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
Introduktion till CSS CSS1 - EXEMPEL.
CSS del 2 Kvarnbrink
CSS del 1 Kvarnbrink
IT Databas Göran Wiréen
Medicinska webbapplikationer
Internet A HTML Grunder
CSS del 1 Samuel Kvarnbrink
Presentationens avskrift:

webbutveckling Med fokus på grunder i html och css.

Vem är jag?  Namn  Utbildning  Framtidsplaner

Agenda  Html  Css  Verktyg  Avrundning av presentationen  Bygga sin första hemsida

HyperText Markup Language  Vad är Html?  Kommit i kontakt med det tidigare?  Tidigare erfarenheter?

Grundläggande taggar   Sidans titel   Sidans innehåll 

Formulär   namn 

Tabeller  För att ge struktur  Användningsområden  Strukturer  Grundstruktur ->

Tabeller   En rubriktext …en till   en ny rad  en ny cell  en till cell 

Importera bilder   Modifiering  Storlek  Mouseover Text (alt=”texten”)  Stilar  Ram  Bakgrundsfärg

Cascading Style Sheets  Vad är CSS?  Tidigare erfarenheter?  A och O

Grundläggande taggar  Body{  Background-color: #FFF;  } .content  #content

Placering  Tillvägagångssätt  Typerna  Margins  Att tänka på  Olika typer ->

Placering - Typer  Statisk  Relativ  Absolut  Z-index

Placering - Margins  #content  {  Margin-top: 10%;  Margin-left: 25%;  Margin-right: 25%;  }

Användbara verktyg  Utveckling  Dreamweaver  Netbeans  Eclipse  Notepad++  Expression studio  Server  Wamp  IIS

Windows Apache Mysql Php  Vad är wamp?  Användbarhet  Möjligheter

Internet Information Services  Vad är IIS?  Användbarhet  Möjligheter

Avrundning  Kort vad jag har gått igenom  Vad som komma skall  PHP och SQL  Design  Photoshop  Intresse?  Börja bygga

Hänvisningar och mer läsning och länkar i kommentarerna  Html  Svenska sidor  Engelska sidor  Css  Id och class  Generell info  Verktyg  Wamp