Este documento presenta la introducción de un curso sobre diseño para la web. El objetivo general es que los estudiantes dominen las herramientas y tecnologías nuevas para el diseño de sitios web. El curso cubrirá temas como la historia de la web, HTML, diseño de páginas web, y publicación en línea. La evaluación se basará en tareas, proyectos y asistencia.

1. Diseño para la Red
Introducción
Lic. en Diseño de Información Visual.
Otoño 2009.
Universidad de las Américas Puebla.
Mtro. Omar Sosa Tzec
http://www.tzek-design.com/blog

2. Objetivo general
El estudiante dominará las herramientas de nuevas
tecnologías en campos emergentes de aplicación del
diseño. Conocerá y manejará los conceptos y parámetros
necesarios para el diseño, construcción y publicación de
un documento interactivo en línea (www).

3. Competencias que adquirirá el alumno al término
del curso:
• Entender el diseño de información para pantalla
como una instancia diferente al diseño para
materiales impresos y conocer las herramientas de
gestión del diseño para la web.
• Capadidad para el diseño, arquitectura y
desarrollo de un sitio web basado en estándares.

4. Temario
I. Fundamentos.
I.1 Antecedentes históricos del WWW
I.2 Estructura del World Wide Web
I.3 Importancia del código HTML
I.4 Estructura básica de una página Web
I.5 Formatos de imagen, audio y video para Web

5. II. Creación de elementos que
conforman una páginas Web
II.1 Manejo de cuadrantes
II.2 Parámetros de optimización
II.3 Creación de rollovers
II.4 Creación de menús
II.5 Generación de código e imágenes

6. III. Edición y modificación de
páginas Web
III.1 Propiedades generales de las páginas Web
III.2 Opciones de formato para texto e imágenes
III.3 Manejo de tablas
III.4 Inserción y modificación de contenidos
III.5 Creación de comportamientos
III.6 Creación de hojas de estilos
III.7 Enlace de hojas de estilos
III.8 Creación, inserción y modificación de estilos
III.9 Publicación de páginas Web

7. Lineamientos para la
evaluación del alumno y
fechas de las evaluaciones
• 60% de la calificación corresponderá a las tareas,
casos de estudio, presentaciones o miniproyectos
dejados en encargo al estudiante durante el curso.
No será válida la entrega de tareas después de la
fecha establecida ni tampoco el asesoramiento en
clase sobre temas relacionados con asignaciones
cuya fecha de entrega ya haya sido determinada.
• 30% de la calificación corresponderá al proyecto
final, tomándose el 15% la aplicación de
conocimiento técnico y el 15% la calidad en el diseño
de información.

8. • 10% de la calificación corresponderá a la
participación en clase y asistencia.
• La fecha de entrega del proyecto final será
programada durante el transcurso del semestre, la
cual no pasará del último día de clase.

9. Importante: Este curso está sujeto a la política
departamental de asistencia y su impacto sobre
la calificación.
Es requisito, para aprobar el curso cumplir con
un mínimo del 85% de asistencia que en un
curso de 32 sesiones corresponde a 27
asistencias. Por lo tanto el número máximo de
faltas permitidas es de 5.
Estas faltas podrán ser utilizadas por el alumno a
su entera discreción, por lo tanto NO EXISTEN
FALTAS JUSTIFICADAS. Toda falta sin importar el
motivo se deberá considerar dentro del límite de
faltas posibles (5).

10. Cada profesor determinará el momento de revisar la
asistencia a la sesión. A aquellos alumnos que se
presenten después de pasada la lista, les será
registrada falta, por lo tanto, NO EXISTE LA FIGURA
DE RETARDO.
“Al momento de cumplir 6 faltas, el alumno quedará
reprobado y no tendrá derecho a presentar proyecto
o examen final. Si contaba con evaluaciones
parciales, su calificación final será automáticamente
de 5.0. En caso de no contar con evaluaciones
parciales, su calificación final será de 0.0

11. Bibliografía
Curso de CSS.
Christopher Schmitt.
Anaya Multimedia. 2007.
España.
JavaScript. La guía definitiva.
David Flanagan.
Anaya Multimedia. 2007.
España.
Fundamentos. Programación Web con HTML,
XHTML y CSS.
Jon Duckett.
Anaya Multimedia. 2009.
España.

12. Programación HTML, XHTML y CSS.
Elizabeth Castro.
Anaya Multimedia. 2007.
España.
Programación CSS, DHTML y AJAX.
Jason Cranford Teague.
Anaya Multimedia. 2007.
Guías Visuales. Creación y diseño web. Edición
2008.
Miguel Pardo Niebla.
Anaya Multimedia. 2008.
España.
Diseño Web. Edición 2008.
Jason Beaird.
Anaya Diseño y Creatividad. 2007.
España.

13. Profesional. CSS para diseño web.
Christopher Shcmitt, et al.
Anaya Multimedia. 2008.
España.
Diseño Web. Guía de Referencia.
Jennifer Niederst Robbins.
Anaya Multimedia. 2007.
España.

14. Información del Docente
Mtro. Omar Sosa Tzec.
Coordinador de Difusión y Relaciones Públicas del
Centro Interactivo de Recursos de Información y Aprendizaje
(CIRIA) de la UDLAP.
omar.sosa@udlap.mx.
Tel: 229-21-13.
Oficina: CIRIA 305 C.
Asesoría a alumnos: Jueves y viernes de 4 a 5 p.m.
Sitio web de referencia: www.tzek-design.com/blog.

15. Importante
1. Para este curso debes tener tu cuenta en el hosting de la
UDLAP ya activa antes de que acabe la primera semana de
otoño de 2010.
2. Es importante tomar apuntes. Nunca olvidar traer libreta y
pluma, plumones o cualquier instrumento que te permita armar
una bitácora personal sobre esta clase.

16. Fundamentos

17. ¿www = internet?

18. ¿Esto es internet?

19. ¿Y esto?

20. ¿Y esto?

21. Internet

25. internet

26. Protocolo

33. TCP/IP

34. ¿Cómo se conecta la
idea de la www con Internet ?

37. ¿De dónde sale
la información?

41. host

42. servidor
(el software)

43. servidor
(la máquina)

44. cliente
(software)

45. Cliente-Servidor vs.
Peer to peer

47. Algunos tipos de servidores

48. servidor web

49. servidor de e-mail
smtp

51. servidor de ftp

52. servidor DNS

55. servidor DHCP

56. servidor Proxy

57. La Web

58. servidor webcliente

60. petición
al servidor

61. petición
al servidor
necesidad
de comunicación

62. petición
al servidor
protocolo

63. petición
al servidor
¿TCP/IP?

64. petición
al servidor
http

66. tasa de
transferencia

71. petición
al servidor
http

73. web browser

74. web browser
Safari
Firefox
Internet Explorer

75. Hipertexto

76. página 1 página 2 página 3
El caso de un libro impreso tradicional...
una novela por ejemplo.

77. documento 1 documento 2 documento 3
En el hipertexto....

78. documento 1 documento 2 otro cliente
En el hipertexto....
email

79. URL, URN, URI

80. empleamos URL o URI
¿cómo sabemos dónde están las cosas?

83. Web 2.0

89. Gracias