Este documento presenta el sílabo de la asignatura Diseño Web de la Universidad Nacional de Chimborazo. La asignatura se enfoca en enseñar a los estudiantes las tecnologías actuales para crear páginas web de alta calidad, incluyendo el lenguaje HTML, software como Dreamweaver y Flash, y el desarrollo de proyectos integrales de diseño web. El sílabo describe los objetivos, unidades temáticas, contenidos, resultados de aprendizaje, evidencias y métodos de evaluación para la asignatura de 7.5 cré

1. UNIVERSIDAD NACIONAL DE CHIMBORAZO
1
UNIVERSIDAD NACIONAL DE
CHIMBORAZO
FACULTAD DE CIENCIAS DE LA EDUCACIÓN,
HUMANAS Y TECNOLOGÍAS
ESCUELA DE ARTES
Especialización Diseño Gráfico
SÍLABO DE LA CÁTEDRA DE:
Diseño Web
Docente: Lic. Paolo Arévalo
Periodo Lectivo: Octubre 2012 - Julio 2013

2. UNIVERSIDAD NACIONAL DE CHIMBORAZO
2
I. EL SÍLABO
DESCRIPCIÓN DEL CURSO.
La asignatura de Diseño Web, está orientada a que el estudiante conozca las tecnologías actuales
que combinadas con el diseño bidimensional permitan crear Páginas Web de alta calidad en cuanto
a aplicación y diseño, siguiendo un proceso de aprendizaje secuencial significativo y funcional.
Siendo una asignatura moderna debe cumplir con algunos elementos característicos del aprendizaje
actual como son: la multidisciplinariedad, la especificidad y adaptabilidad, observando que el futuro
profesional aportará al desarrollo social, económico, cultural y tecnológico de la Provincia y el País.
PRERREQUISITOS
Si se entienden como pre – requisitos a los conocimientos que el estudiante adquirió y que sirven de
base para la elaboración de nuevos conocimientos, entonces en la asignatura de Diseño Web nos
valemos de: Diseño Multimedia Cod:103, sumado a toda la formación anterior del estudiante.
CORREQUISITOS
Esta asignatura no tiene correquisitos.
OBJETIVOS DEL CURSO
• Elaborar propuestas integradoras de Diseño gráfico creativas estéticas y funcionales para
reproducirlas con altos niveles de competitividad en el medio, ética profesional, de sentido
crítico, juicio artístico que aporten al desarrollo del entorno social.
• Desarrollar conocimientos y habilidades que permitan el manejo de las tecnologías web.
• Manejar proyectos de Diseño Web.
• Desarrollar un sistema web completo.
•
INSTITUCIÓN: Universidad Nacional de Chimborazo
FACULTAD: Ciencias de la Educación Humanas y
Tecnologías.
NOMBRE DE LA CARRERA: Arte - Diseño Gráfico
AÑO: Tercero
NOMBRE DE LA ASIGNATURA: Diseño Web
CÓDIGO DE LA MATERIA: 204
NÚMERO DE CRÉDITOS TEÓRICOS: 7.5
NÚMERO DE CRÉDITOS PRÁCTICOS: 7.5

3. UNIVERSIDAD NACIONAL DE CHIMBORAZO
3
CONTENIDOS, RESULTADOS Y EVIDENCIAS
Unidad I
INTRODUCCIÓN AL INTERNET
CONTENIDOS-TEMAS
¿Qué debe saber y entender?
(Componente Científico. CC)
Nº
Horas/Se
manas
RESULTADOS DEL
APRENDIZAJE
¿Qué debe ser capaz de
hacer? (CT)
EVIDENCIA (S) DE
LO APRENDIDO
CLASES TEÓRICAS
• Historia del Internet
• Gestión de la Red
• Servicios Básicos I
• Servicios Básicos II
Horas:
12
Semanas
1 - 2
Distinguir los avances
tecnológicos y los
servicios que ofrece el
internet.
Utiliza los servicios de
internet: envía correos
electrónicos, navega
en Internet y
encuentra información
útil para su formación.
CLASES PRÁCTICAS
• Lluvia de ideas
• Ejercicios prácticos de
reconocimiento de servicios
Horas:
6
Semanas
2
Conocer los elementos
principales que nos brinda
la Web.
Trabajo en donde
analice los servicios
Básicos de Internet
Trabajo de Investigación:
Historia del ARPANET: Entrega semana N° 1
Arquitectura Cliente servidor: Entrega semana N° 1
Servicios Básicos de Internet: Entrega semana N° 2

4. UNIVERSIDAD NACIONAL DE CHIMBORAZO
4
Unidad II
PROTOCOLOS Y DOMINIOS DE INTERNET
CLASES TEÓRICAS
CONTENIDOS-TEMAS
¿Qué debe saber y entender?
(Componente Científico. CC)
Nº
Horas/Se
manas
RESULTADOS DEL
APRENDIZAJE
¿Qué debe ser capaz de
hacer? (CT)
EVIDENCIA (S) DE
LO APRENDIDO
• Acceso a Internet uso y
costumbres
• Protocolos de comunicaciones
• Interconexión de sistemas
abiertos.
• Direcciones IP
• Nombres de Dominio
• Siglas de organismos en la red
Horas:
18
Semanas
3 - 5
Conoce la forma en que
las computadores se
comunican en internet,
así como también la
forma de identificación de
cada computador en la
red
Evidencia escrita de lo
aprendido: Reconoce
una dirección IP,
Identifica el tipo de
página con solo
observar su titulo en la
barra de direcciones.
Trabajo grupal de
exposición.
CLASES PRÁCTICAS
• Laboratorio para identificar
interconexión de
computadores.
• Laboratorio para identificar
direcciones IP.
• Reconocimiento de dominios
de internet en la sala de
computadores.
Horas:
9
Semanas
4 - 5
Trabajo de Investigación:
Uso y mal uso del internet: Entrega semana N° 3
Protocolos de comunicación TCP/IP: Entrega semana N° 3
Ejemplos de Direcciones IP: Entrega semana N° 4
Clasificación de dominios en Internet: Entrega semana N° 5

5. UNIVERSIDAD NACIONAL DE CHIMBORAZO
5
Unidad III
INTRODUCCIÓN AL DISEÑO WEB
CLASES TEÓRICAS
CONTENIDOS-TEMAS
¿Qué debe saber y entender?
(Componente Científico. CC)
Nº
Horas/Se
manas
RESULTADOS DEL
APRENDIZAJE
¿Qué debe ser capaz de
hacer? (CT)
EVIDENCIA (S) DE
LO APRENDIDO
• Básicos de una página Web.
• Organización y exploración del
sitio Web.
• Elementos del Diseño de
Páginas
• Tecnología y Diseño Web.
• Problemas generales
Horas:
24
Semanas
6 - 9
Distinguir las páginas web
del resto de servicios
Web, tiene una
aproximación al diseño
Web.
.
Listado de páginas
Web de Diseño
Gráfico.
CLASES PRÁCTICAS
• Laboratorio para observar
principales características de
una página Web.
• Lluvia de Ideas con
herramientas para la Web.
• Análisis del diseño adecuado
en la sala de computadores.
Horas:
6
Semanas
6 - 9
Aplicación de elementos en
la composición de cada una
de las páginas web.
Bocetos de 4 paginas
Web
Trabajo de Investigación:
Historia de las páginas Web: Entrega semana N° 6
Aplicación de elementos de diseño bidimensional y distribución
de los mismos en las páginas web: Entrega semana N° 7
Herramientas actuales para el Diseño Web: Entrega semana
N° 8
Problemas de navegación en una página web: Entrega
semana N° 9

6. UNIVERSIDAD NACIONAL DE CHIMBORAZO
6
Unidad IV
Lenguaje HTML
CLASES TEÓRICAS
CONTENIDOS-TEMAS
¿Qué debe saber y entender?
(Componente Científico. CC)
Nº
Horas/Se
manas
RESULTADOS DEL
APRENDIZAJE
¿Qué debe ser capaz de
hacer? (CT)
EVIDENCIA (S) DE
LO APRENDIDO
• Introducción, Estructura
• Formatos,
• Listas
• Enlaces
• Imágenes
• Multimedia
• Tablas
• Formularios
• Frames
Horas:
36
Semanas
10 -1 5
Realizar páginas web
utilizando el Lenguaje
HTML
Trabajo individual en
HTML utilizando
formatos, estructura y
listas.
Evaluación escrita.
Trabajo grupal en
HTML insertando
imágenes, multimedia.
CLASES PRÁCTICAS
• Elaboración de código HTML
usando etiquetas de formato.
• Elaboración de código HTML
con inserción de imágenes y
multimedia.
• Aplicación de código HTML
utilizando enlaces entre
páginas, tablas y frames, en la
sala de computo.
Horas:
18
Semanas
10 -1 5
Realizar páginas web,
teniendo en cuenta los
parámetros técnicos de
usabilidad, viabilidad y
funcionalidad con
creatividad
Diagramación de una
página Web en HTML,
de una sección de un
diario local.
Trabajo de Investigación:
Estructura básica del Lenguaje HTML: Entrega semana N° 10
Etiquetas de formato de texto: Entrega semana N° 11
Etiquetas y aplicaciones de etiquetas de tablas: Entrega
semana N°12
Uso y aplicación de etiquetas de imagen. multimedia: Entrega
semana N° 13

7. UNIVERSIDAD NACIONAL DE CHIMBORAZO
7
Unidad V
DREAMWEAVER CS6
CLASES TEÓRICAS
CONTENIDOS-TEMAS
¿Qué debe saber y entender?
(Componente Científico. CC)
Nº
Horas/Se
manas
RESULTADOS DEL
APRENDIZAJE
¿Qué debe ser capaz de
hacer? (CT)
EVIDENCIA (S) DE
LO APRENDIDO
• Introducción a Dreamweaver
• Creación de un sitio Web
• Diagramación básica CSS
• Texto e imagen en
Dreamweaver
• Aplicando Formato CSS a
Textos e hipervínculos
• Trabajando con imágenes
integración con Photoshop
• Plantillas y Enlaces
• Enlaces entre páginas Web
• Enlaces a/en imágenes
• Enlaces de Ancla
• Interactividad
• Integración con Macromedia
Flash.
• Publicación del sitio
• Características de un hosting
Horas:
60
Semanas
23 - 32
Diseñar paginas web
integrando otro software
de Diseño.
Evaluaciones escritas.
Trabajos donde
analice, clasifique las
diferentes utilidades
que nos brinda el
software para la
realización de sitios
web.
CLASES PRÁCTICAS
• Reconocimiento del entorno
del programa DW CS6
• Trabajo con objetos de texto e
imagen de Dreamweaver CS6
• Enlaces con otros programas.
• Proyecto de desarrollo de un
sitio Web de Dreamweaver
CS6
Horas:
30
Semanas
23 - 30
Manejar la interfaz del
software, teniendo en
cuenta el uso adecuado
de sus herramientas y
ventanas de acciones
para la adecuada
realización de páginas
web.
Adobe Dreamweaver es
una herramienta básica
usada para crear sitios
web. Con ella el
estudiante puede diseñar
y programar paginas web,
de una manera fácil y
rápida.
Bocetos para
estructurar la
navegación
Desarrolla un proyecto
integral Web para una
empresa, incluyendo
criterios de diseño e
integrando todos sus
conocimientos acerca
de software de diseño.
Trabajo de Investigación:
Menús Spry de Dreamweaver CS6: Entrega semana N° 23
Plantillas y enlaces: Entrega semana N°27
Importar objetos desde Photoshop e Illustrator: Entrega
semana N° 29
Paginas de hosting en Ecuador en internet: Entrega semana
N° 32

8. UNIVERSIDAD NACIONAL DE CHIMBORAZO
8
Unidad VI
FLASH CS6
CLASES TEÓRICAS
CONTENIDOS-TEMAS
¿Qué debe saber y entender?
(Componente Científico. CC)
Nº
Horas/Se
manas
RESULTADOS DEL
APRENDIZAJE
¿Qué debe ser capaz de
hacer? (CT)
EVIDENCIA (S) DE
LO APRENDIDO
• Conceptos básicos Flash CS6
• Entorno de Flash CS6
• Dibujo de Objetos vectoriales
• Distribución de Objetos y Texto
• Ayudantes de precisión en el
dibujo
• Uso y edición de ilustraciones
importadas
• Creación de rellenos y
contornos
• Símbolos gráficos y efectos de
color
• Animación en la línea de
tiempo
• Símbolos y aplicaciones
• Sonido y video
• Menús y Configuraciones
• Introducción al ActionScrip
• Publicación de películas
Horas:
36
Semanas
33 - 38
Analiza los conceptos
generales
Observar y reconocer las
herramientas para
animaciones en Flash
Trabajos donde se
analice la interfaz del
programa
Creación de un
espacio multimedia,
herramientas web.
CLASES PRÁCTICAS
• Reconocimiento del entorno
del programa Flash CS6
• Utilización de escenarios
• Gestionar documentos
• Creación de animaciones.
• Ubicación de las animaciones
y objetos creados en Flash
hacia Dreamweaver.
Horas:
15
Semanas
34 - 38
Crea y edita animaciones
o archivos multimedia,
producir contenido
interactivo.
Adobe Flash CS6
pretende crear un perfil
de professional capaz de
organizer, crear y tomar
deciciones en la definición
y ejecución de proyectos
web
Story Board
Bocetos
Creación de objetos
vectoriales, para su
posterior animación
Publicación de una
animación en Flash en
Dreamweaver
Trabajo de Investigación:
Diagramación del entorno de Flash: Entrega semana N° 33
Paneles de herramientas y escenario: Entrega semana N°34
Importar objetos : Entrega semana N° 35
Utilización de frames, animaciones: Entrega semana N° 37

9. UNIVERSIDAD NACIONAL DE CHIMBORAZO
9
METODOLOGÍA
Método Expositivo – Lección Magistral. – Aprendizaje basado en problemas.
ESTRATEGIAS DIDÁCTICAS
Clases Prácticas. - Proyecto.
MATRIZ DE EVALUACIÓN
OBJETIVODE
APRENDIZAJE
CONTENIDOS
RESULTADOS DEL
APRENDIZAJE
TÉCNICA
INSTRUMENTO
PONDERACIÓN
INTERPRETA
DISEÑA
DEMUESTRA
ARGUMENTA
Desarrollar
proyectos
constructivos
de diseño web,
aplicando los
conocimientos
adquiridos, de
tal manera que
permita crear,
gestionar
aplicaciones
multimedia y
productos
interactivos.
Herramientas   Encuesta
Cuestionario
en Saberes
10%
Espacios, Flujo de
Trabajo
 •  Test
Prueba
Objetiva
10%
Bocetos   Test Ensayo 10%
Utilización de
software
   Proyecto
Evaluación
Actitudes
25%
Ejercicios
Prácticos     Proyecto
Registro
Anecdótico
45%

10. UNIVERSIDAD NACIONAL DE CHIMBORAZO
10
CONTRIBUCIÓN DEL CURSO EN LA FORMACIÓN DEL PROFESIONAL.
El conocimiento y aplicación del Diseño Web permitirá al Licenciado en Diseño Gráfico ampliar su
horizonte laboral, a la creciente corriente tecnológica y virtual, además de brindarle la oportunidad de
emprender con su propia empresa en el campo del Diseño Web.
RELACIÓN DEL CURSO CON EL CRITERIO RESULTADO DE APRENDIZAJE
Este curso contribuye al desarrollo intelectual, a las destrezas cognitivas del campo tecnológico y
virtual, y fundamentalmente en la creatividad e imaginación individual.
METODOLOGÍA
Para el desarrollo de esta asignatura se utilizará el método Inductivo – Deductivo, participativo, entre
otros. Se aplicarán además técnicas de aprendizaje como: lluvia de ideas, trabajos grupales,
técnicas expositivas, recursos didácticos, retroalimentación, lectura comprensiva. Los criterios de
evaluación serán: Investigación, Exposiciones: 20%, Laboratorios: 20%, Proyecto Final: 40%,
Evaluaciones escritas: 20%.
ASPECTOS DE CONDUCTA Y COMPORTAMIENTO ÉTICO
• Se exige puntualidad, no se permitirá el ingreso de los estudiantes con retraso.
• La copia de exámenes será severamente castigada. Art. 207 literal g. Sanciones (b) de la
LOES
• Respeto en las relaciones docente-estudiante y alumno-alumno. Art. 86 de la LOES
• En los trabajos se debe incluir las citas y referencias de los autores consultados, usando las
normas APA. El plagio puede dar motivo a valorar con cero el respectivo trabajo.
• No se receptarán trabajos o deberes u otro fuero de la fecha prevista, salvo justificación
debidamente aprobada.
• Se exige que todos los trabajos de diseño de piezas gráficas, se ajusten a las normativas con
relación a la ética y a los códigos vigentes.
BIBLIOGRAFÍA
BIBLIOGRAFÍA BÁSICA:
• DISEÑO DE PÁGINAS WEB CON XHTML, JAVASCRIPT Y CSS, Orós Juan Carlos
• DISEÑO Y CREACION DE PORTALES WEB. Gómez julio
• DISEÑO DE INTERFACES WEB, Corcoles José
• WWW.LAYOUT COMO DISEÑAR Y COMPONER SITIOS WEB, Glenwright Jerry
• MANUAL FlASH CS4. Animaciones y Publicaciones Web, Dennis E. Rodriguez
• MANUAL DE DREAMWEAVER CS5, Varios Autores
BIBLIOGRAFÍA COMPLEMENTARIA:
• INTERNET A FONDO, Editorial Antártida
• WORDPRESS, JOOMLA, DRUPAL. SEGURIDAD EN LOS SISTEMAS, Canavan
• http://platea.pntic.mec.es/~abercian/guiahtml/
• http://es.wikipedia.org/wiki/Dise%C3%B1o_web
• http://www.nodo50.org/manuales/internet/protocolos.htm

11. UNIVERSIDAD NACIONAL DE CHIMBORAZO
11
LECTURAS RECOMENDADAS
• NOCIONES DE INTERNET- http://www.un.org/spanish/Depts/dpi/seminariomisiones/intro-
internet.pdf
• INTRODUCCION AL HTML - http://es.kioskea.net/contents/html/htmlintro.php3.
• DISEÑO FUNCIONAL- http://okhosting.com/blog/post/Diseno-Funcional-para-Paginas-Web.aspx
• WEB CORPORATIVA - http://pymecrunch.com/los-10-mandamientos-de-una-web-corporativa
• ADOBE FLASH - http://livedocs.adobe.com/flash/9.0_es/UsingFlash/flash_cs3_help.pdf
RESPONSABLE DE LA
ELABORACIÓN DEL SÍLABO:
Paolo Arévalo
FECHA: Noviembre de 2012

12. UNIVERSIDAD NACIONAL DE CHIMBORAZO
12
TABLA 2. B-1 Resultados o logros del aprendizaje del curso (a ser entregada por el
profesor junto con el sílabo). Este documento es exigido por el CEAACES).
RESULTADOS O LOGROS
DEL APRENDIZAJE
CONTRIBUCIÓN (ALTA,
MEDIA, BAJA)
EL ESTUDIANTE DEBE:
a) Utiliza tecnologías de diseño
asistidas por computador como
herramientas para digitalizar
sus propuestas.
A
Digitaliza propuestas de
diseño utilizando tecnología
actual.
b) Diseñar y ejecutar proyectos
de producción impresa y
audiovisual de interés social
dirigido a lograr cambios
cualitativos en el desempeño
laboral y en el comportamiento
personal y social
M Realiza un proyecto acorde a
las exigencias de la
sociedad.
c) Ser capaces de difundir un
mismo sistema gráfico tanto en
medios impresos como en la
Web.
A Diseña sistemas completos
de comunicación impresa y
virtual.
d) Conoce la metodología para la
elaboración de productos
gráficos de manera efectiva en
relación a las necesidades
temporales y espaciales.
A Elabora los productos
gráficos de manera eficiente.
e) Generar productos que
compitan con otros similares a
nivel local, nacional, mundial.
A Diseña Sitios Web
competitivos.
f) Diseñar sistemas gráficos que
posesionen en el mercados a:
empresas instituciones,
personas y o productos
A Realiza proyectos
integradores de Diseño de
Identidad corporativa y
puesta en marcha en la Web.
g) Lograr que los productos de
diseño Web sean eficientes
tanto en su proceso
comunicativo, en su sintaxis y
en su semántica.
M Diseña paginas web
eficientes, eficaces.
h) Integrar en cada uno de los
diseños Web: los
conocimientos teóricos, el
sentimiento y la ética del
creador
A Realiza proyectos
integradores del
conocimiento, valores y
ética.
i) Planifica supervisa y ejecuta
proyectos afines al diseño
gráfico que competen el libre
ejercicio profesional Liderando
equipos inter y
multidisciplinarias
M Ejecuta y administra
proyectos multidisciplinarios.