Informatica

Ofimática
Escuela de Tecnología

2

CARRERAS PROFESIONALES

CIBERTEC

OFIMÁTICA – Escuela de Tecnología

3

ÍNDICE
Presentación Red de contenidos Unidad de aprendizaje 1 1.1 Tema 1 : Introducción a HTML5

Página

5 7

11

1.1.1. : Estructura de un documento HTML5 1.1.2. : Diferencias básicas entre HTML y HTML5 1.1.3. : Directivas o etiquetas 1.1.4 1.2 Tema 2 : HerramientaDreamweaver : Inserción de imágenes 22

1.2.1. : Mapas de imágenes 1.2.2. : Imágenes de sustitución 1.2.3 1.3 Tema 3 : Tablas : Creación de enlaces. 31

1.3.1. : Enlaces externos 1.3.2. : Enlaces internos 1.3.3. : Enlaces mixtos 1.4 Tema 4 : Diseño con plantillas 33

1.4.1. : Insertar regiones 1.4.2 Guardar una plantilla

1.4.3. : Crear archivos basados en una plantilla 1.4.4 1.5 Tema 5Actualizar archivos basados en una plantilla : Formularios 39

1.5.1. : Crear un formulario 1.5.2. : Insertar objetos de formulario

Unidad de aprendizaje 2 2.1 Tema 6 : Introducción a estilos CSS 69

2.1.1. : Estilos de etiqueta

CIBERTEC

CARRERAS PROFESIONALES

4

2.1.2. : Estilos de encabezado 2.1.3. : Estilos importados 2.2 Tema 7 2.3 Tema 8 2.4 Tema 9 : CSS para textos : CSSpara contenedores : CSS para formularios 76 78 80

Unidad de aprendizaje 3 3.1 Tema 10 : Introducción al lenguaje JavaScript 3.1.1. 3.1.2. 3.1.3. Modelo de programa JavaScript Definición de variables Métodos básicos de entrada y salida 115

3.1.4. : Tipos de operadores 3.1.5. : Funciones 3.1.6. : Funciones predefinidas 3.2 Tema 11 : Validación de formularios con JavaScript 3.1.1. : El eventoonSubmit 3.1.2. : El objeto this 128

Anexo

145

CARRERAS PROFESIONALES

CIBERTEC

OFIMÁTICA – Escuela de Tecnología

5

PRESENTACIÓN
Ofimática es un curso que pertenece a la línea técnica y se dicta en las carreras Computación e Informática, Administración y Sistemas, Redes y Electrónica. Brinda a los alumnos un conjunto de herramientas de software como Dreamweaver CS5, así comolenguajes HTML, CSS y JavaScript para el diseño de sitios web con aplicaciones multimedia y validación de formularios. El manual para el curso ha sido diseñado bajo la modalidad de unidades de aprendizaje, las que se desarrollan durante semanas determinadas. En cada una de ellas, hallará los logros, que debe alcanzar al final de la unidad; el tema tratado, el cual será ampliamente desarrollado; y loscontenidos, que debe desarrollar, es decir, los subtemas. Por último, encontrará las actividades que deberá desarrollar en cada sesión, que le permitirán reforzar lo aprendido en la clase. El curso es eminentemente práctico y consiste en el diseño de páginas web y programación con JavaScript para validar formularios. En primer lugar, se inicia con el programa Dreamweaver que brinda al alumno unavariedad de herramientas para la integración de diferentes elementos de una página web. Asimismo, para el diseño, se incluye los lenguajes HTML y CSS. Se concluye con el lenguaje de programación JavaScript que permite insertar estructuras de programación para hacer consistente el ingreso de datos a un formulario por parte del usuario.

CIBERTEC

CARRERAS PROFESIONALES

6

CARRERASPROFESIONALES

CIBERTEC

OFIMÁTICA – Escuela de Tecnología

7

RED DE CONTENIDOS

Ofimática

Dreamweaver

Estilos

JavaScript

HTML

Imágenes

Textos

Lenguaje JavaScript

Validación de formularios

Textos

Enlaces

Contenedores

Formularios

Plantillas

Formularios

CIBERTEC

CARRERAS PROFESIONALES

8

CARRERAS PROFESIONALES

CIBERTEC

OFIMÁTICA –Escuela de Tecnología

9

UNIDAD DE APRENDIZAJE

1

HTML5
LOGRO DE LA UNIDAD DE APRENDIZAJE
 Al término de la unidad, los alumnos construyen un sitio web y elaboran diseños con plantillas que incluyen elementos multimedia.

TEMARIO 1.1. Tema 1: Introducción a HTML5 (2 horas) 1.2. Tema 2: Inserción de imágenes (2 horas) 1.3 Tema 3: Creación de enlaces (2 horas) Trabajo práctico No. 1:...