Html les 2.4_responsive_design_2

15
Les 2.4 Responsive Design 2 HTML Module 2

description

HTML blok 2

Transcript of Html les 2.4_responsive_design_2

Page 1: Html les 2.4_responsive_design_2

Les 2.4Responsive Design 2

HTMLModule 2

Page 2: Html les 2.4_responsive_design_2

Responsive Design

HTMLModule 2

Doel: webpagina’s responsive maken

http://www.lynda.com/Web-Interactive-CSS-training/CSS-Page-Layouts/86003-2.html?srchtrk=index:1%0Alinktypeid:2%0Aq:mediaqueries%0Apage:1%0As:relevance%0Asa:true%0Aproducttypeid:2
Page 3: Html les 2.4_responsive_design_2

Uitleg opdracht uit 2.3HTMLModule 22.4

Page 4: Html les 2.4_responsive_design_2

Uitleg opdracht uit 2.3HTMLModule 22.4

Page 5: Html les 2.4_responsive_design_2

Uitleg opdracht uit 2.3HTMLModule 22.4

Page 6: Html les 2.4_responsive_design_2

Uitleg opdracht uit 2.3HTMLModule 22.4

Page 7: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Page 8: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Voorbeelden @media

Page 9: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Page 10: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Page 11: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Page 12: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Page 13: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Page 14: Html les 2.4_responsive_design_2

HTMLModule 2

Responsive Design 2

Page 15: Html les 2.4_responsive_design_2

OpdrachtMaak een website over jezelf, een foto, email, een stukje over jezelf en je telefoonnummer.

De website moet gemaakt worden voor je eigen telefoon.

De website moet online gezet worden.Je kan gratis een website hosten bij Link voor gratis hosting

Plaats de link in natschool

HTMLModule 22.1 Forms

http://www.000webhost.com/828535.html

0 Inhoud Les 1 Les 3 Les 4 Les 6 Les 7 Les 9 Les 10 Les 12Les 15 Les 13Les 16Les 19 Les 18Les 21 Les 2Les 5Les 8Les 11Les 14Les 17Les 20.

0 Inhoud Les 1 Les 3 Les 4 Les 6 Les 7 Les 9 Les 10 Les 12Les 15 Les 13Les 16Les 19 Les 18Les 21 Les 2Les 5Les 8Les 11Les 14Les 17Les 20.

Webdesign. HTML HTML HTML = HyperText Markup Language De basistaal om websites te maken. Geen speciale software nodig, een eenvoudige tekstverwerker.

Webdesign. HTML HTML HTML = HyperText Markup Language De basistaal om websites te maken. Geen speciale software nodig, een eenvoudige tekstverwerker.

Html les 2.2_positioneren

Html les 2.2_positioneren

Страницы истории Самарского краяedu.tltsu.ru/sites/sites_content/site122/html/media67247/Samara_1.… · Представляем электронное

Страницы истории Самарского краяedu.tltsu.ru/sites/sites_content/site122/html/media67247/Samara_1.… · Представляем электронное

Coaching inleiding en consument. Soorten behoeften • Behoeftepiramide van Maslow Bron: . html .

Coaching inleiding en consument. Soorten behoeften • Behoeftepiramide van Maslow Bron: . html .

HTML module 1.3 introductie css

HTML module 1.3 introductie css

LES 18 HTML Editor: de eerste stappen · 3. Bij Als kunt u kiezen tussen Kleur (zie afbeelding 18.5) en Afbeel-ding (zie afbeelding 18.6). Een afbeelding kan mooi zijn, maar deze

LES 18 HTML Editor: de eerste stappen · 3. Bij Als kunt u kiezen tussen Kleur (zie afbeelding 18.5) en Afbeel-ding (zie afbeelding 18.6). Een afbeelding kan mooi zijn, maar deze

hcsx.jtjyfw.nethcsx.jtjyfw.net/Html/oldFiles/201706/2017061915421696.doc  · Web viewhcsx.jtjyfw.net

hcsx.jtjyfw.nethcsx.jtjyfw.net/Html/oldFiles/201706/2017061915421696.doc  · Web viewhcsx.jtjyfw.net

Verstka html

Verstka html

Jouwweb eenvoudig tabellen maken html

Jouwweb eenvoudig tabellen maken html

Hand Lei Ding HTML

Hand Lei Ding HTML

Crossmedia les 12 de basis over Html

Crossmedia les 12 de basis over Html

Html les 2.3_responsive_design

Html les 2.3_responsive_design

Nicolas de Rugy-Altherre, Sylvain Perifel, Cristina ...nderugy/doc/ProgWeb/javascript.pdf · Javascript et le DOM HTML • Javascript supporte les objets ‣ ce qui se révèle un

Nicolas de Rugy-Altherre, Sylvain Perifel, Cristina ...nderugy/doc/ProgWeb/javascript.pdf · Javascript et le DOM HTML • Javascript supporte les objets ‣ ce qui se révèle un

Vandana HTML Eg

Vandana HTML Eg

dreamweaver - Telenetusers.telenet.be/kae.informatica/dreamweaver/dreamweaver.pdf · 2006-08-01 · I.3 HTML, Dreamweaver, Frontpage HTML is een programmeertaal die we nader bekijken

dreamweaver - Telenetusers.telenet.be/kae.informatica/dreamweaver/dreamweaver.pdf · 2006-08-01 · I.3 HTML, Dreamweaver, Frontpage HTML is een programmeertaal die we nader bekijken

使用 HTML Access - VMware Horizon · 使用 HTML Access 《使用 HTML Access》這本指南，提供有關安裝與使用 VMware Horizon™ 6 之 HTML Access 功能來連線虛

使用 HTML Access - VMware Horizon · 使用 HTML Access 《使用 HTML Access》這本指南，提供有關安裝與使用 VMware Horizon™ 6 之 HTML Access 功能來連線虛

Minor Elektrotechniek voor Ti - bd.eduweb.hhs.nlbd.eduweb.hhs.nl/ogoprg/pdf/OGOPRGv1.42.pdf · 0 Inhoud Les 1 Les 3 Les 4 Les 6 Les 7 Les 9 Les 10 Les 12 Les 15 Les 13 Les 16 Les

Minor Elektrotechniek voor Ti - bd.eduweb.hhs.nlbd.eduweb.hhs.nl/ogoprg/pdf/OGOPRGv1.42.pdf · 0 Inhoud Les 1 Les 3 Les 4 Les 6 Les 7 Les 9 Les 10 Les 12 Les 15 Les 13 Les 16 Les

HTML Les 1: Introductie HTML Webdesign module 1 - les 1 - h.v.eeuwijk@unit-ict.nl.

HTML Les 1: Introductie HTML Webdesign module 1 - les 1 - [email protected].

edu.tltsu.ruedu.tltsu.ru › sites › sites_content › site1238 › html › media67809 › Eko… · ВЕКТОР НАУКИ Тольяттинского Государственного

edu.tltsu.ruedu.tltsu.ru › sites › sites_content › site1238 › html › media67809 › Eko… · ВЕКТОР НАУКИ Тольяттинского Государственного