DISEÑO Y CREACIÓN DE PÁGINAS WEB
¿QUÉ NECESITAS? IDE Entorno de Desarrollo Integrado (Editor de texto) Atom Navegador Firefox
INTRODUCCIÓN Lenguaje de etiquetas <> Estructura y contenido: HTML5 <> PÁGINA ESTÁTICA Estilos y formato: CSS3 {} JavaScript, PHP, Python, … PÁGINA DINÁMICA
<a>Texto enlace</a> ETIQUETAS HTML5 apertura cierre <a> </a> contenido <a>Texto enlace</a> atributo valor <a id=“enlace1”>Texto enlace</a>
<h1 class=“titular”>Noticias</h1> ETIQUETAS HTML5 <h1 class=“titular”>Noticias</h1> <img src=“videos/vid-1.mp4”>
De estructura: De contenido: ETIQUETAS HTML5 <header>, <footer>, <nav>, <section>, <aside>, <article>, … De contenido: <h1>, <p>, <a>, <img>, …
Planificar el contenido y la estructura de la web ETIQUETAS HTML5 PASO 1 Planificar el contenido y la estructura de la web
ETIQUETAS HTML5
ETIQUETAS HTML5
.destacado{color: red;} HOJAS DE ESTILO CSS3 selector propiedad valor h1{color: red;} #titulo{color: red;} .destacado{color: red;} h1.destacado{color: red;}
PUBLICACIÓN index.html css estilos.css