diseno pagina web

1. DEPARTAMENTO DE EDUCACIÓN
ESCUELA SUPERIOR VOCACIONAL NUEVA DE LOÍZA
ADMINISTRACIÓN DE EMPRESAS
PROGRAMA DE EDUCACIÓN COMERCIAL
LOÍZA, PUERTO RICO
PRONTUARIO*
Curso: Diseño y Construcción de Sitio Web - HTML Código: INTE 133 – 7928
Créditos: Medio crédito ½ (Un semestre) Maestro: José R. Jiménez
I. DESCRIPCIÓN DEL CURSO
El curso de Diseño y Construcción de Sitio Web-HTML tiene el propósito de
estudiar las técnicas, las destrezas y los elementos necesarios para la creación de
sitios y páginas para su publicación en la Web. Se estudian los elementos básicos
tales como texto, gráficos, enlaces, tablas, marcos, plantillas y multimedia. Además,
incluye el estudio de los aspectos básicos de los programas utilizados para el diseño
de sitios y páginas web.
II. OBJETIVOS GENERALES
Al finalizar el curso, el estudiante:
1. Demostrará dominio de la terminología relacionada con el diseño y
construcción de sitios, páginas y documentos en la Web.
2. Explicará el funcionamiento de la Web.
3. Identificará los elementos básicos de la Web.
4. Enumerará los diferentes tipos de sitios Web.
5. Comprenderá la importancia del texto, gráficos, multimedia e hipervínculos
en el diseño de sitios webs.
6. Explicará los cincos pasos para desarrollar un sitio web.
7. Identificará los componentes del “Uniform Resource Locators” (URL).
8. Reconocerá los diferentes tipos de navegadores de web.
9. Explicará las reglas de etiqueta en la red.
10. Utilizará editores de texto para crear páginas sencillas.
11. Organizará archivos y carpetas siguiendo la jerarquía correcta.
12. Creará sitios y páginas web utilizando procesadores de texto y editores de
texto.
13. Insertará texto, gráficos, imágenes e hipervínculos a páginas XHTML.
14. Mencionará la importancia de establecer el propósito y los objetivos de un
sitio web.
15. Identificará la audiencia (target) a quien se dirige la página y/o sitio web.
16. Resumirá los principios básicos para el diseño de sitios web.
Diseño y Construcción de Sitio Web
Mr. José R. Jiménez
Página 1

2. 17. Explicará por qué la elección de colores adecuados es importante para el éxito
de la página y sitio web.
18. Describirá cómo los colores influyen en los visitantes del sitio web.
19. Identificará las formas de encontrar y utilizar los archivos multimedia
localizados en la web.
20. Mencionará las herramientas básicas para la creación de multimedia.
21. Identificará el hardware y el software que necesitan los visitantes del sitio
web.
22. Describirá el proceso de creación de un dominio.
23. Enumerará las técnicas de mantenimiento de un servidor de web.
24. Identificará las pantallas del programa de aplicación Adobe Dreamweaver.
25. Diseñará una página web utilizando el programa de aplicación Adobe
Dreamweaver.
26. Exhibirá en todo momento hábitos y actitudes de trabajo adecuados en el
salón de clase.
III. MATERIALES, RECURSOS, ESTRATEGIAS Y TÉCNICAS EDUCATIVAS
Libros de Texto
Evans & Hamm. (2011). Introducction to Web Design. First Edition.
Glencoe. McGraw-Hill.
Recursos y Materiales
 Pizarra
 Proyector de Datos
 Computadora
 USB Flash Drive
 Adobe Dreamweaver
 Procesador de texto (Microsoft Word)
 Impresora
 Ilustraciones
 Materiales contextuales
 Lápiz
 Libreta
Estrategias y Técnicas Educativas
 Estrategia ECA (Exploración, Conceptualización y Aplicación)
 Demostración
 Conferencia
 Juegos
 Preguntas y respuestas
Diseño y Construcción de Sitio Web
Mr. José R. Jiménez
Página 2

3.  Trabajo en grupo
 Debates
IV. BOSQUEJO DE CONTENIDO
CAPÍTULO TEMA DÍAS
Inicio de clases Organización Escolar 1
Cap. 1
p. 4 – 33
Understanding the Online World
• Introducction to the Web
• Elementos of a Web Page
• Web Site Development
5
Cap. 2
p. 34 – 65
Computer and Network Basics
• Computer Hardware and Software
• Networks
• The Internet
5
Cap. 3
p. 66 – 89
Web Basics
• The World Wide Web
• Social, Ethical, and Legal Issues
5
Cap. 4
p. 90 – 125
XHTML Bascis
• XHTML Coding
• Text Editors
• XHTML Tables
• Enhance and Test you Web Page
7
Cap. 5
p. 130 – 157
Web Site Planning
• Mission Statements and Site Goals
• Navegation Schemes
• Site Storyboards
10
Cap. 6
p. 158 - 189
Site Content and Layout
• Web Site Content
• Page Layout
• Site Structure
• XHTML Frames
7
Cap. 7
p. 190 – 219
Desing and Color
• Principles of Presentation Design
• Fonts and Typography
• Cascading Style Sheets
5
Cap. 9
p. 248 – 271
Multimedia
• Multimedia and Web Design
• Adding Audio, Video, and Animations to a Site
5
Diseño y Construcción de Sitio Web
Mr. José R. Jiménez
Página 3

4. Cap. 13
p. 358 – 385
Publish a Web Site
• Web Servers
• The Publishing Process
• Site Reports and Promotions
5
Cap. 14
p. 386 – 401
Web Site Maintenance
• Web Server Maintenance
• Web Site Updates and Security
5
Programa de Aplicación Adobe Dreamweaver
• Pantalla Principal
• Barras de herramientas
• Plantillas
• Editor de texto
15
V. CRITERIOS E INSTRUMENTOS DE EVALUACIÓN
• Habrá exámenes teóricos, exámenes prácticos, pruebas cortas, asignaciones,
proyecto final, y trabajos diarios.
CRITERIOS PORCIENTO
i. Exámenes Teóricos 45%
ii. Creación de un sitio web 30%
iii. Pruebas cortas 15%
iv. Asignaciones 5%
v. Trabajos Diarios 5%
100 %
• La puntuación de cada estudiante se divide entre el total puntos y así se obtiene
el porciento y la nota final. Las asignaciones vencen en la fecha indicada por EL
MAESTRO. La reposición de exámenes y otros trabajos se realizará según el
establecido en el Reglamento General de Estudiantes del Departamento de
Educación de Puerto Rico.
NOTA:
* Este prontuario está sujeto a cambios. De surgir cambios se notificará con tiempo para hacer los ajustes necesarios.
* El prontuario debe estar pegado en las primeras páginas de la libreta del estudiante.
--------------------------------------------------------------------------------------------------------------------
-
Certificamos haber leído y discutido el prontuario del Curso de Diseño y Construcción
de Sitio Web-HTML y estamos de acuerdo con el mismo.
Nombre del Estudiante en letra de Molde Firma del Estudiante
Diseño y Construcción de Sitio Web
Mr. José R. Jiménez
Página 4

5. Nombre del Padre y/o Madre en letra de Molde Firma del Padre y/o Madre
Fecha
Diseño y Construcción de Sitio Web
Mr. José R. Jiménez
Página 5

6. Nombre del Padre y/o Madre en letra de Molde Firma del Padre y/o Madre
Fecha
Diseño y Construcción de Sitio Web
Mr. José R. Jiménez
Página 5