Webbutveckling Med fokus på grunder i html och css.

En presentation över ämnet: "Webbutveckling Med fokus på grunder i html och css."— Presentationens avskrift:

1 webbutveckling Med fokus på grunder i html och css.

2 Vem är jag?  Namn  Utbildning  Framtidsplaner

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

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

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

6 Formulär   namn 

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

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

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

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

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

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

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

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

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

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

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

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

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