html y cuestiones que, Esquemas y mapas conceptuales de Tecnologías de la Información y la Comunicación

¡Descarga html y cuestiones que y más Esquemas y mapas conceptuales en PDF de Tecnologías de la Información y la Comunicación solo en Docsity!

Esta clase va a ser

grabada

Primeros pasos con

HTML

Clase 02. DESARROLLO WEB

Objetivos de la clase

Comprender la sintaxis de HTML.

Conocer las diferentes etiquetas y el uso de cada una.

Dominar el concepto de web semántica, y las etiquetas HTML5 de estructura.

CLASE N°

Glosario

Sketch: es un dibujo rápido o bosquejo guía, que reproduce de manera muy sencilla un concepto, una idea o generalidad de un proyecto.

Wireframe: es la representación estática, en baja calidad, de un diseño.

Mockup: es la representación estática de un diseño, en calidad media o alta.

Prototipo: es la representación navegable del producto final.

HTML: es un "lenguaje" de marcado de etiquetas, que permite crear documentos para web.

Doctype: cuando escribes tu documento HTML, lo primero que debes hacer es escribir el DOCTYPE, el cual declara el tipo de documento. Es decir, sirve para indicar que tu documento está escrito siguiendo la estructura determinada por un DTD concreto. Un DTD es la definición del tipo de documento.

Para pensar

HTML no es un lenguaje de programación

¿Verdadero o falso?

Contesta mediante el chat de Zoom

Listas

Tipos de listas

Listas no ordenadas Listas ordenadas Listas de definición

Ejemplos: paso a paso de un procedimiento (como una receta de cocina), características de una persona, galería de imágenes, el menú de una página web, entre otros.

¿Viñetas o números?

✓ Las listas numéricas establecen un orden en la lectura de sus ítems. ✓ Las listas de viñetas no representan ningún orden o importancia entre sus ítems. Son elementos compuestos.

define una lista ordenada de artículos (numéricas).

define una lista de artículos sin orden (viñetas).

define un artículo de una lista.

Anidar listas

Es probable que te veas en la necesidad de crear una estructura de sublistas como la siguiente:

✓ Computadoras portátiles:

• Procesador I4.
• Procesador I5. ✓ Computadoras de escritorio:
• Procesador Pentium.
• Procesador Celeron.

Listas

Duración: 10 minutos

Crea dos listas usando las etiquetas de HTML.

Tablas

Tablas

Son un conjunto de celdas organizadas, dentro de las cuales es posible alojar distintos contenidos. HTML dispone de una gran variedad de etiquetas y atributos para crear tablas. Sirven para representar información tabulada, en filas y columnas.

En HTML4 las tablas se usaban para maquetar. Cuando CSS creció y se hizo más fuerte, nacieron los detractores de las tablas.

Etiquetas básicas para tablas

en HTML

Fila 1 - Columna 1 Fila 1 - Columna 2 Fila 1 - Columna 3

Fila 2 - Columna 1 Fila 2 - Columna 2 Fila 2 - Columna 3

Acepta 3 atributos de “diseño”: ✓ Border: bordes de la tabla. ✓ Cellpadding: especifica el espacio, en píxeles, entre la pared de la celda y su contenido. ✓ Cellspacing: indica la distancia entre las celdas y el margen exterior de la tabla

Formularios