Curso HTML básico

HTML Básico
 Curso básico de construcción de páginas web
Rafa Gómez

El taller se basará en la creación de una página personal para
cada participante.
Haremos una sesión previa para definir los conceptos básicos,
las necesidades y requerimientos del colectivo.
Después, a partir de un esqueleto básico, crearemos
incrementalmente la página de cada participante.
HTML Básico
Contenido del Curso

Esquema
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
<style>
</style>
<title></title>
</head>
<body>
<h1></h1>
<footer></footer>
</body>
</html>

Apoyo
http://librosweb.es
http://www.w3schools.com/

Contexto
● Discutir páginas existentes
● Gustos y molestias
● Sociales, Personales, Artísticas, Institucionales, Servicios

Plan de Trabajo
1. HTML Rudimentos
2. CSS Rudimentos
3. CSS Escoger formatos preliminares
4. Contenido Insertar contenido individual.
5. Imágenes Insertar imágenes en la página
6. Enlaces Construir enlaces.
7. Misceláneos Construir los "extras" de cada página.
8. Presentación Prueba exhaustiva de las páginas

HTML
Rudimentos
 Encabezados (Hn, header)
 Párrafos (p)
 Enlaces (a)
 Imágenes (img)
 Video (video)
 Partes (div, section, aside, article, header, footer)
 Identificadores (id, name)
 Clases (class)
 Opciones (nav)
 Botones (button)
 Estructura (head, body, footer)

CSS
Rudimentos
 Regla: selector {propiedades}
 Herencia
 Tamaños fijos y relativos de las letras
 Esquema de Caja: Margen, Borde, Relleno, Contenido
Tarea:
Construir el CSS para:
Tipo de letra, color, tamaño
H1, h2, h3
Foto

CSS
Práctica
 Aplicar el CSS al esqueleto, en forma individual.
 Criticar.
 Afinar.
Tarea:
Redactar y Diseñar el contenido
propio.

Contenido
 Insertar contenido en el esqueleto; de ahora en adelante: página.
 Criticar.
 Afinar.
 Tarea:
 Conseguir material gráfico de apoyo al contenido
Tarea:
Redactar y Diseñar el contenido
propio.

Gráficos
 Insertar graficas en la página
 Criticar.
 Afinar.
Tarea:
Conseguir enlaces a los entes
externos referenciados

Enlaces
 Construir enlaces a los entes externos referenciados.
Probar las distintas opciones.
Tarea:
"Pulir" las páginas individuales,
diseñar "extras"

Extras
 Misceláneos
Construir los "extras" de cada página.
Tarea:
●Culminar las páginas

Presentación
Prueba exhaustiva de las páginas

Curso HTML básico

Recomendados

Recomendados

Mais conteúdo relacionado

Destaque

Destaque (11)

Semelhante a Curso HTML básico

Semelhante a Curso HTML básico (20)

Mais de Rafael Gomez

Mais de Rafael Gomez (11)

Último

Último (20)

Curso HTML básico