Diseño de Páginas Web HTML

(1)

Dirección Técnico-Académica / Programas de Estudio

ACUITZIO

Diseño de Páginas Web HTML

Informática

Clave 23-I-2019-EXT-AC-03

Duración del programa: 90 hrs.

(2)

DIRECTORIO

Profr. Donaldo Ortiz Colín

Director General

Ing. Jorge Conejo Cárdenas

Director Técnico Académico

L.C. Lizbeth Guadalupe Hernández Eguiza

Director de plantel

L.C.F. Víctor Hugo Rodríguez Fraga

Jefe de Capacitación

Lic. María Isabel Villaseñor Gómez

(3)

PRESENTACIÓN

Hoy en día un sitio WEB tiene diferentes aplicaciones tales como hacer llegar la información a muchas personas, promocionar productos para atraer mas clientes u ofrecer entretenimiento.

El programa Diseño de paginas WEB HTML se encarga de elaborar sitios web con ayuda de plantillas y o estructuras en lenguaje HTML.

Este curso se crea para que aprendas a crear páginas web desde el inicio, de forma práctica, conociendo los estándares y las mejores prácticas para realizar esta tarea. Además de presentar información en Internet, aprenderás a crear páginas interactivas, a un nivel básico, de forma que el visitante pueda por ejemplo cumplimentar un formulario o elegir opciones en las mismas.

(4)

POBLACIÓN OBJETO

El programa esta diseñado para todas aquellas personas que tengan conocimientos en el área de la informática y quieran ampliar sus posibilidades de trabajar desde casa elaborando sitios web.

(5)

PERFIL DE INGRESO

1. Tener edad mínima de 15 años. 2. Saber leer y escribir

3. Cumplir con los requisitos de inscripción 4. Sexo indistinto

5. Conocimientos en el área de la informática 6. Disposición para trabajar en equipo

PERFIL DE EGRESO

El capacitando identificará las partes que conforma un sitio web, entrevistará al cliente e identificará sus necesidades. Investigara a la competencia de sus clientes y recopilará información, bocetará y desarrollará propuestas; hará edición básica de contenido de un sitio web, armará un sitio web en una plataforma sencilla y fácil de usar y presentará la propuesta al cliente.

(6)

OBJETIVO GENERAL DEL

PROGRAMA

Al terminar el curso el capacitando será capaz de identificar y hacer una descripción de los elementos de un portal web; hacer uso de los principales formatos básicos de internet; identificar conceptos de audio e imágenes digitales así cómo integrarlas a los sitios web; hará edición de video y lo integrará a las páginas Web.

(7)

ESTRUCTURA DEL PROGRAMA

Modular

MODALIDAD DIDACTICA

(8)

1. Conceptos Básicos de programación

MAPA CONCEPTUAL

Diseño de Páginas Web 2. Estructura de un documento HTML

3. Formato básico del documento

4. Formato avanzado del documento

5. Publicar la página Web.

(9)

1. Conceptos básicos de Programación 1. 1 descripción de los recursos básicos de programación. 1.2 Introducción a lenguaje HTML con etiquetas.

MAPA CONCEPTUAL

(10)

2. Estructura de un documento en HTML

2.1 La estructura básica de una página en HTML

2.2 Encabezado del documento (ETIQUETA HEAD).

MAPA CONCEPTUAL

2.3 Cuerpo del documento (ETIQUETA BODY).

(11)

3. Formato básico del documento

3.1 Color y fondo del documento. 3.2 Introducir texto y aplicar formato

MAPA CONCEPTUAL

3.3 Aplicar alineaciones al texto. 3.4 Lista de Elementos 3.5 Características especiales

(12)

4. Formato Avanzado del documento 4.1 Hiperligas 4.2 Imágenes

MAPA CONCEPTUAL

4.3 Insertar tablas 4 .4 Insertar Audio 4.5 Insertar video

(13)

5. Publicar la página Web

5.1 Como se publica una página Web.

5.2 Uso de sitios FTP

(14)

1.1 Descripción de los recursos básicos de programación. Programa del curso. PC´S

Exponer los conceptos básicos de

la programación en HTML. Diagnóstica

1.2 Introducción a lenguaje

HTML con etiquetas. _Expositiva

Programa del curso.

PC´S

Exponer tema sobre el uso y manejo de etiquetas para programar páginas Web.

Formativa

DIDÁCTICA DIDÁCTICOS

Expositiva

TEMAS Y SUBTEMAS TÉCNICA APOYOS ACTIVIDADES INSTRUCTOR EVALUACIÓN

SUB-MÓDULO DE APRENDIZAJE: 1. Conceptos básicos de Programación.

DURACIÓN 10 hrs.

OBJETIVO DEL SUB-MODULO: El capacitando identificará los conceptos básicos de la programación en HTML.

(15)

2.1 La estructura básica de

una página en HTML Expositiva

Programa del curso

PC´S

Exponer tema sobre la estructura básica de una página Web, usando el lenguaje HTML

Formativa

2.2 Encabezado del documento (ETIQUETA HEAD).

2.3 Cuerpo del documento (ETIQUETA BODY). Expositiva Expositiva Programa del curso PC´S Programa del curso PC´S

Impartir sesión sobre la

colocación de encabezados dentro de la página Web.

Impartir sesión sobre el uso de la etiqueta BODY dentro de la página Web.

Formativa

SUB-MÓDULO DE APRENDIZAJE: 2. Estructura de un documento en HTML .

DURACIÓN 20 hrs.

OBJETIVO DEL SUB-MODULO: El capacitando describirá, identificará y hará uso de las etiquetas necesarias para crear una página Web utilizando el lenguaje HTML.

(16)

3.1 Color y fondo del documento.

3.2 Introducir texto y aplicar formato Expositiva Expositiva Programa del curso PC´S Programa del curso PC´S

Impartir sesión sobre la utilización de etiquetas para la aplicación de color de fondo en la página Web. Impartir sesión sobre la utilización de etiquetas para la aplicación de color de fondo en la página Web.

Formativa Formativa 3.3 Aplicar alineaciones al texto. 3.4 Lista de Elementos 3.5 Características especiales Expositiva Expositiva Expositiva Programa del curso PC´S Programa del curso PC´S

Impartir sesión sobre la utilización de etiquetas para la alineación de texto.

Impartir sesión sobre la utilización de etiquetas para la creación de listas.

Impartir sesión sobre la utilización de etiquetas para la aplicación de caracteres especiales en la página Web.

Formativa

SUB-MÓDULO DE APRENDIZAJE: 3. Formato básico del documento.

DURACIÓN 20 hrs.

OBJETIVO DEL SUB-MODULO: El capacitando describirá, identificará y hará uso de los principales formatos básicos de la creación de páginas e internet usando el lenguaje HTML .

(17)

4.1 Hiperligas. 4.2 Imágenes. Expositiva Expositiva Programa del curso PC´S Programa del curso PC´S

Impartir sesión sobre la utilización de etiquetas para la aplicación de ligas en la página Web.

Impartir sesión sobre la utilización de etiquetas para la colocación de color imágenes en la página Web.

Formativa Formativa 4.3 Insertar Tablas 4.4 Insertar Audio 4.5 Insertar video. Expositiva Expositiva Expositiva Programa del curso PC´S Programa del curso PC´S

Impartir sesión sobre la utilización de etiquetas para usar tablas en la página Web.

Impartir sesión sobre la utilización de etiquetas para insertar Audio. Impartir sesión sobre la utilización de etiquetas para insertar Video.

Formativa

SUB-MÓDULO DE APRENDIZAJE: 4. Formato Avanzado del documento .

DURACIÓN 20 hrs.

OBJETIVO DEL SUB-MODULO: El capacitando describirá, identificará y hará uso de los formatos avanzados de la creación de páginas de internet en lenguaje HTML .

(18)

5.1 Como se publica una página Web.

Programa del curso.

PC´S

Explicar el proceso necesario para publicar una página Web en Sitios de Internet. Formativa 5.2 Sitios FTP. Expositiva Programa del curso. PC´S

Exponer tema las características que tienen los sitios FTP y la funcionalidad de estos.

Formativa Sumaria

Expositiva

SUB-MÓDULO DE APRENDIZAJE: 5. Publicar la página Web.

DURACIÓN 20 hrs.

OBJETIVO DEL SUB-MODULO: El capacitando el proceso para publicar una página Web en sitios de Internet.

(19)

MATERIALES A UTILIZAR

CANTIDAD DESCRIPCIÓN

2 Paquete de hojas blancas 20 Hojas de papel rotafolio

2 Cajas de plumones para pintarron 1 Caja de plumones para papel

(20)

CRÉDITOS

Profr. Donaldo Ortiz Colín

Director General

Lic. Lizbeth Guadalupe Hernández Eguiza Director de plantel

Lic. Víctor Hugo Rodríguez Fraga Jefe de Capacitación

Área Técnico Académica

Asesoría pedagógica

Lic. María Isabel Villaseñor Gómez

(21)

BIBLIOGRAFÍA

Manual del usuario «Diseño de Páginas para Internet» Lenguaje HTML

https://www.um.es/atica/documentos/html.pdf

Creación de paginas web.