Multimedia - Parcial 1 - DiseñoWeb (compilación visual)

INTRO al WEB design

Website text (img)
Website -pieChart
WebDesign history -infographics
HTML -logo
HTML -Hyper text markup language
HTML -visual Description
HTML-CSS-JS (diagram 01)
HTML-CSS-JS (diagram 02) -modernApps
HTML-CSS-JS (diagram 03) esp
HTML-CSS-JS (diagram 04) -pastel
HTML-CSS-JS (diagram 05) semantic-styles-interaction
HTML-CSS-JS (diagram 06) -house analogy
HTML5-CSS3-JS (diagram 07) -logos
HTML5 -ventajas modernas
Web Applitation (HTML-CSS-JS)
Device App (HTML-CSS-JS) -PhoneGap
HTML y CSS (en el curso)

EJERCICIO en CLASE -Layout

DESCARGAR - Smultron (editor de códigos MAC)
DESCARGAR notePad++ (editor de códigos PC)
Código Mínimo para HTML4
Código Mínimo para LAYOUT html-css
Ejemplos de Códigos

{paréntesis} Mark Up Language?

google: MARK-UP Language
MARK-UP Language -definición 2
MARK-UP Language -definición 3
(img) Corrección de Estilo 1
(img) Corrección de Estilo 2
(img) Corrección de Estilo 3
(img) Corrección de Estilo 4 - SIMBOLOGIA
(img) Corrección de Estilo 5 - SIMBOLOGIA
(img) Ladrones dejan estas marcas...
(PDF) Corrección de Estilo - DIGITAL
REVISAR y CORREGIR trabajos escritos

SINTAXIS -markup (html) -style (style)

W3C -html intro
W3C -html5 intro
W3C -CSS syntax
W3C -CSS How to insert
HTML tag structure (img)
HTML tag structure -example (img)

LAYOUT - Anatomy

HTML - Estructura General
Qué hacen (HTML - CSS - JS)
Áreas Principales
WIREFRAME -concepto
Layouts -ejemplos
Layout -ejemplo2
Layout -ejemplo html5

RESPONSIVE Web Design

SMILING DEVICES (img)
Multiple Screens 1
Multiple Screens 2 -DATA
Responsive Web Design(Solución ACTUAL)
Responsive -diagram 1
Responsive -diagram 2
Responsive -infographics
Responsive -diagram 3
Responsive -diagram 4 (common Widths)
Responsive -Example 1
Responsive -Example 2
Responsive -Example 3
Responsive -Example 5
Responsive -Example 6