UNIVERSIDAD DE MONTEMORELOS

Escuela de Artes, Arquitectura,

Diseño y Comunicación

Carreras de:
Diseño de Comunicación Visual
Creada por el Gobierno del estado de Nuevo
León, México, mediante Resolución Oficial
publicada el 5 de mayo de 1973
Desarrollo web
Clave de la Institución ante la SEP y la Direc-
ción General de Estadística 19MSU1017U Plan Diamante | Curso Escolar 2022–2023

UBICACIÓN: 8vo. semestre DCV CLAVE: DCDW490 SERIACIÓN: N/A

CRÉDITOS: 6 HFD: 4 HEI: 4 THS: 8 TOTAL HRS: 128

COMPETENCIA (S) QUE Dominar de forma básica el lenguaje HTML5 (HTML+CSS+JS) para poder tra-
ATIENDE LA ASIGNATURA: ducir un diseño de interfaz gráfica a código.

• Ejercicios de distintas metodologías para maquetar

PRODUCTOS DE
APRENDIZAJE: • Landing colaborativa
• Landing page maquetada enteramente en HTML5 (HTML+CSS+JS)

PROYECTO INTEGRADOR: Desarrollo del sitio web de Artcom

HORARIO DE CLASES: Martes de 8am-12pm LUGAR: Aula 7 (Proyectos)

Allen Kevin Zapien Zamora FORMACIÓN • Licenciado en Diseño Para la

ACADÉMICA: Comunicación Gráfica.
DOCENTE:
• Maestría en Marketing y
Publicidad Digital

HORARIO DE TUTORÍA: De lunes a jueves 4-6 pm EMAIL: allenzapien@um.edu.mx

HFD = Horas Frente a Docente HEI = Horas de Estudio Independiente THS = Total de Horas Semanales

DESCRIPCIÓN DEL CURSO

En la materia de implementación de sitios web te ayudará con conocimientos básicos de desarrollo
frontend para que puedas desarrollar proyectos web básicos sin la necesidad de contratar a un
programador o desarrollador frontend.

PERSPECTIVA Y ENFOQUE DEL CURSO

Esta materia más que una materia teórica será una materia práctica que aun que si tendrá un porcentaje
de teoría considerable la gran mayoría de la actividad será poner en práctica lo aprendido con proyectos
significativos.

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 1

UNIDAD 1 HTML (SEMANA 1)

TIEMPO METODOLOGÍA
PRODUCTOS DE APRENDIZAJE CONTENIDO
ESTIMADO ACTIVIDADES DE APRENDIZAJE

20 • Carta inventada 1. Marco teórico 1. Presentación visual.

horas • Carta inventada con
2. Conceptos básicos de 2. Análisis de lecturas.
código HTML
HTML5
• Landing colaborativa 3. Uso de internet.
HTML 3. Conociendo HTML
• Examen teórico 4. Ejercicios prácticos.
4. Formularios
5. Git y Github

UNIDAD 2 CSS (SEMANA 6)

TIEMPO METODOLOGÍA
PRODUCTOS DE APRENDIZAJE CONTENIDO
ESTIMADO ACTIVIDADES DE APRENDIZAJE

20 • Landing colaborativa CSS 1. Conceptos básicos de 1. Presentación visual.

horas • Ejercicios de layouts CSS
2. Análisis de lecturas.
• Examen teórico
2. Selectores básicos
3. Uso de internet.
3. Estructura con CSS
4. Ejercicios prácticos.
4. Retina display
5. @FontFace Icon web
fonts

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 2

UNIDAD 3 JS (SEMANA 11)

TIEMPO METODOLOGÍA
PRODUCTOS DE APRENDIZAJE CONTENIDO
ESTIMADO ACTIVIDADES DE APRENDIZAJE

20 • Proyecto integrador 1. Historia de JavaScript 1. Exposición de temas.

horas • Exámen teórico
2. Conceptos básicos de 2. Análisis de lecturas.
JavaScript
3. Ejercicios prácticos.
3. Bases de JavaScript
4. Uso de internet.
4. Librerías útiles
5. Primeros pasos

EJES TRANSVERSALES
Integración de la fe y el aprendizaje Cuidado del ambiente

La fundamentación bíblica de las distintas áreas Evidenciado en la capacidad para respetar el

del conocimiento y la práctica profesional. La
resolución del conflicto aparente entre la ciencia
y la Biblia al considerar a Dios como el autor de
ambas. Se refleja en el aprendizaje, la investigación
y la aplicación del conocimiento.
ambiente y, desde todas las áreas profesionales,
tomar las acciones necesarias para utilizar
sabiamente los recursos naturales.
Emprendimiento

Pensamiento crítico Evidenciado en el desarrollo de las prácticas

La resolución de dilemas éticos y valores desde
una perspectiva bíblica y su argumentación
y difusión. Se refleja en la evaluación del
conocimiento, las implicaciones de un pensamiento
o acción y toma de decisiones sabias.
Liderazgo
Evidenciado en el desempeño como modelo
en conductas y realización de proyectos en las
diversas áreas de la formación.
Servicio abnegado
Evidenciado en la actitud bondadosa y generosa
de ofrecer los conocimientos, el tiempo y los
recursos para atender a los más necesitados.
profesionales, la atención a las necesidades de la
comunidad desde la profesión, y la iniciativa en la
formación integral personal del estudiante.
Sustentabilidad
Proyección del financiamiento de todo el proyecto
educativo del estudiante, utilizando sus talentos
y potencial para conseguir, mediante el trabajo
productivo y creativo, los medios para costear los
gastos de su educación.
Investigación
Iniciativa constante de conocer en profundidad
las necesidades de la comunidad y de la iglesia
y explorar alternativas creativas, alienadas a los
principios bíblicos, para su solución.

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 3

VALORES INSTITUCIONALES

Amor Obediencia Honestidad

Principio fundamental de todos Es escuchar la voz de Dios Es la actuación íntegra y con

los valores, originado en Dios y
trasmitido a través de la relación
cotidiana con Él y las acciones
de compasión que matizan
todo el ejercicio profesional y el
servicio abnegado.
Lealtad
Se manifiesta en poner a Dios en
primer lugar, en el uso de los talentos
al servicio de Él, en el cumplimiento
de los deberes de la vida.
y cumplir su voluntad en
la verdadera adoración y
crecimiento espiritual, en el
cuidado del cuerpo, en la
convivencia con los demás.
Confianza
Es tener fe en Dios y la certeza
de su revelación en la Santa
Biblia, en la conducción de la
vida diaria, y en el aprendizaje.
transparencia permanentes.
Se refleja en el respeto por la
propiedad ajena y en el cuidado
por lo que se encomienda en la
vida académica, social, espiritual
y laboral.
Contentamiento
Actitud de satisfacción y
gratitud por lo que Dios otorga.
También es gratitud a los
semejantes por la convivencia.

Reverencia Respeto Veracidad

Reconocer a Dios como Creador
y Sustentador del universo.
Se expresa en la manera
como se habla con Él, en la
actitud de servicio a Él, en el
comportamiento en cualquier
lugar dedicado a la adoración
a Él y a la predicación de su
Palabra.
Armonía
Es la relación proactiva de paz,
de convivencia empática con
los padres, con la familia, con
los amigos, con los diferentes
grupos de la sociedad.
Es el reconocimiento del valor y
la dignidad de las personas y las
obras creadas por Dios. Incluye
el cuidado de la naturaleza y el
cuidado del medio.
Pureza
Es la fidelidad a la voluntad
divina expresada en una vida
moral pura, honesta y auténtica
en el cuidado de la salud, en el
desarrollo de las actividades
académicas, en la relación con la
conciencia propia, en la relación
con Dios y con los demás.
Es actuar siempre conforme
a la verdad en el marco de la
voluntad de Dios. Se manifiesta
en la forma de expresarse de
los demás, ante los demás en la
transmisión de los hechos y del
conocimiento.
Servicio
Es el despliegue entusiasta de
todas las potencialidades del
ser para amar en forma activa,
abnegada, altruista, cooperativa
y compasiva a Dios, a la Iglesia,
a la Institución y a la sociedad
circundante y mundial.

REQUISITOS DE LA CLASE
Uso de Celulares

Está prohibido el uso de celulares durante las clases, queda del maestro la autoridad
para recogerlos y regresarlos al final de la clase, o permitirlos por alguna asignación
específica para alguna actividad, tarea o proyecto.

Música

Queda prohibido de manera regular escuchar música con o sin audífonos. El maestro
tiene la autoridad para permitir la música durante un proyecto o momentos específicos
de la clase. (Diferenciar las materias teóricas de las prácticas, también el tipo de música
permitida).

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 4

 Alimentos

No se permite ingerir alimentos y/o bebidas dentro de los salones de clases, para ello se
recomienda usar las áreas exteriores de la escuela.

Recesos

Por cada período de clase corresponden 10 minutos de receso. Dependiendo del

Maestro y/o la dinámica de la clase, se tomarán a mitad o final del o los períodos.
Aprovechar este tiempo para comer, ir al baño, checar redes sociales, etc.

Uniforme

El alumno debe presentarse a clases con el uniforme. Mujeres: falda caqui o azul marino,
playera o blusa de vestir blanca, vino o gris oscuro. Hombres: pantalón caqui o azul
marino, playera o camisa de vestir blanca, vino o gris oscuro. En caso de no traer el
uniforme por alguna razón (sucio) vestir con ropa equivalente al uniforme, es decir
mujeres falda o vestido y hombres pantalón y playera/camisa.

Materiales/equipo

Presentarse a clases con los materiales e instrumentos designados para cada proyecto.
El maestro tiene el derecho de poner falta a la clase(s) si no cumplen con este requisito.

Vocabulario

No esta permitido el empleo de lenguaje indecoroso, vulgar o grosero, así como el uso
de apodos que denigren u ofendan a otras personas.

Si el alumno no acata alguno de los requisitos anteriores, el maestro tiene la autoridad

de no permitirle su estadía o ingreso al salón de clases. Si el alumno reincide en uno o
varios puntos (hasta un máximo de tres llamadas de atención), el maestro presentará el
caso ante el Consejo Técnico de la carrera para determinar la sanción correspondiente.

Asistencia

Para tener derecho a participar de la actividad final de evaluación y recibir calificación

final ordinaria en una materia, el estudiante debe haber asistido a un mínimo de 90%
de los períodos de clases (Artículo 54 de la Legislación Académica). Las faltas por
enfermedad o situaciones especiales serán tomadas en cuenta dentro del 10% de faltas
permitidas.

Puntualidad

Por respeto al comienzo y desarrollo de la clase, es obligatorio la asistencia puntual.

Cada tres retardos equivalen a una falta (Artículo 58 de la Legislación Académica www.
bit.ly/legislacionUM).

Entrega de tareas y proyectos

Para tener derecho a que sus tareas y proyectos sean evaluados sobre el 100% de la
calificación, el alumno deberá entregar en la fecha y hora estipulados en el prontuario de
la materia o acordados en clase.

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 5

 Entregas fuera de tiempo

Para alcanzar un 80% sobre la calificación, el alumno podrá hacer entrega de la

asignación solo un día después de la fecha y hora estipulados en el prontuario de la
materia o acordados en clase. Para ser calificado sobre el 50% de la calificación total de la
actividad, el alumno podrá hacer la entrega al segundo día después de la fecha y hora de
la entrega oficial. Después de estas fechas la entrega estará a criterio del maestro.

Limpieza de los espacios de trabajo

Se requiere que cada alumno recoja sus materiales y la basura que generó durante la
clase. Así también se solicita que al final de la clase mantengan ordenado el mobiliario. El
salón debe quedar funcional para el siguiente grupo.

Sobre el cuidado del mobiliario del aula

Está prohibido hacer mal uso o dañar el mobiliario de la escuela, como por ejemplo cortar
con cúter sobre las mesas, dibujar, sentarse o acostarse sobre ellas.

Integridad académica

Cualquier estudiante que cometa una falta a los principios de ética académica será
evaluado ante el consejo técnico y se tomarán las medidas pertinentes. Legislación
académica de la Universidad de Montemorelos Título VI de las normas éticas. Capítulo II
de la ética académica. Artículo 44 de la integridad académica. El estudiante no debe:

• Plagiar, engañar o falsificar en la elaboración de trabajos o investigaciones.

• Negar o falsificar su identidad.
• Dar, recibir, solicitar o proporcionar información académica que esté siendo evaluada,
por ningún medio físico ni electrónico.

ENFOQUES ARTCOM
Al egresar, los alumnos Artcom tendrán que abrirse a un creciente cambio en la expectativa de su función
dentro de las organizaciones. Es por ello que proponemos cuatro enfoques intencionales, con la finalidad
de introducir al alumno a organizar sus proyectos de clases dando mayor valor a los productos generados
en las diferentes materias, ya sean proyectos académicos o proyectos de aplicación real.

Estos enfoques también serán utilizados para la Expo Artcom en la clasificación de las fichas de registro y
para la premiación. Por ello, es importante que en la realización de cada proyecto a realizar tengas claro,
junto al maestro, la utilización de los enfoques Artcom.

Fe Entorno Negocios Investigación

Brinda propuestas que Propone soluciones sen- Brinda una propuesta Además del aspecto
ayudan en la evangeliza- sibles a las necesidades que puede comercia- técnico, atiende un
ción, educación o inte- de otros seres humanos, lizarse o en la cual se enfoque específico en
rrelación de los diversos la ecología, y la comuni- genera una compra/ alguna de las líneas de
públicos de interés dad global y local. venta. investigación de
para la iglesia. cada carrera.

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 6

EVALUACIÓN

CRITERIO UNIFICADO PARA DISEÑO ACTIVIDADES VALOR

Competencias de conocimiento Exámenes teóricos 15%

Competencias de habilidades Ejercicios y productos de aprendizaje 25%
Competencias de actitudes Reportes de lectura 15%
Proyecto integrador Desarrollo del sitio web de Artcom 45%
TOTAL 100%

PUNTOS EXTRA
Todo alumno puede aplicar para recibir puntos extra sobre calificación final. Para ello tendremos un
sistema de puntaje al que llamaremos score que tendrá los siguientes criterios para obtener puntos:

• 5 puntos cada que llegue puntual a clase.

• 10 puntos cada que entregue una tarea a tiempo.

• 10 puntos por cada reporte de lectura extra.

• 15 puntos al primer lugar de cada actividad 10 puntos al segundo 5 puntos al tercero.

• 5 puntos por participaciones dentro de dinámicas de clase.

• 1 Moneda cada vez que hagas 3 entregas consecutivas de tarea (Las tareas deben tener una calificación
aprobatoria para obtener la moneda.)

Al final del semestre el alumno con mayor score
obtendrá 5 puntos extra de calificación final el
segundo lugar 4 puntos, el tercer lugar 3 puntos,
el cuarto 2 puntos y el quinto 1 punto, además
todos los reportes de lectura a parte de los
puntos de score extra, obtendrá 1 puntos extra
de calificación final por cada reporte aprobado.
Ninguna calificación puede ser mayor a 100: Si un
estudiante tiene 93 de calificación y gana segundo
lugar en la tabla de score 4 puntos, entregó 2
reportes de lectura extra 2 puntos y se ganó 2
monedas 2 puntos 2 puntos, la calificación del final
será 100 (no 101).

Una moneda equivale a un punto extra de

calificación final, cada estudiante puede ganar
hasta 5 monedas durante el semestre.

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 7

BIBLIOGRAFÍA
Freeman, A. (2011). The Definitive Guide to HTML5. Berkeley, CA : New York: Apress.

Shelly, Cashman, Dorin y Quasney. (2000). Javascript: Complete Concepts and Techniques. Course
Technology.

Schulz, R. (2008) Diseño web con CSS. Marcombo.

Duckett, J. (2011). HTML and CSS: Design and Build Websites (1st edition). Indianapolis, IN: John Wiley &
Sons.

Goldstein, A., Lazaris, L., & Weyl, E. (2015). HTML5 & CSS3 For The Real World (Edición: 2). Collingwood:
SitePoint.

Lunn, I. (2012). CSS3 Foundations (1 edition). Chichester, West Sussex: Wiley.

West, M. (2013). HTML 5: foundations. Chichester, West Sussex: Wiley.

McDonald, M. (2014). HTML5: The Missing Manual (2 edition). Beijing: O’Reilly Media.

McFarland, D. (2013). CSS3: The Missing Manual (Third Edition edition). Sebastopol, CA: O’Reilly Media.

McFarland, D. (2014). JavaScript & jQuery: the missing manual. Sebastopol, CA: O’Reilly Media.

Robbins, J. (2012). Learning Web Design: A Beginner’s Guide to HTML, CSS, JavaScript, and Web
Graphics (4 edition). Beijing: O’Reilly Media.

Sanchez, G. (2013). Diseño Web con HTML5 y CSS3. Colectivo El Venado.

Freeman, A. (2012). The Definitive Guide to HTML5. Apress.

Vega, J. F. & Van Der Henst, C. (junio 2011). Introducción y las nuevas etiquetas de HTML5. En Guía
HTML5. Bogotá, Colombia: Maestros del Web y Cristalab.

Gauchat, J . (2012). Introducción. En El gran libro de HTML5, CSS3 y Javascript. Barcelona: MARCOMBO,
S.A.

McDonald, M. (2014). HTML5: The Missing Manual (2 edition). Beijing: O’Reilly Media.

Goldstein, A., Lazaris, L., & Weyl, E. (2015). HTML5 & CSS3 For The Real World (Edición: 2). Collingwood:
SitePoint.

Brown, T. B. (2018). CSS Master. SitePoint.

Frost B. (Octubre 10, 2013). “Atomic Design”. Mayo 7, 2015, de BradFrost.com, https://bradfrost.com/blog/
post/atomic-web-design/

Maedca, Voylinux & Mauropm. (Julio 30, 2013). “Introducción al Diseño Responsivo.” Abril 16, 2015, de
Mozilla, https://developer.mozilla.org/es/docs/Web/Aplicaciones/Design_Guidelines/Intro_to_
responsive_design

40 de Fiebre. (2014). “¿Qué es el diseño responsive? “Abril 16, 2015, de SocialMood, https://
www.40defiebre.com/que-es/diseno-responsive

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 8

Howe, S. (s. f.). Building Your First Web Page - Learn to Code HTML & CSS. Recuperado 21 de enero de
2018, https://learn.shayhowe.com/html-css/building-your-first-web-page/

Howe, S. (s. f.). Getting to Know HTML - Learn to Code HTML & CSS. Recuperado 8 de febrero de 2018,
https://learn.shayhowe.com/html-css/getting-to-know-html/

DESARROLLO WEB · PLAN DE CURSO PÁGINA · 9