Prontuario de la materia de implementación de sitios web para el curso escolar 2019-2020

1. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 1
UBICACIÓN:
6to. semestre DCV y CM CLAVE: 18191B-
0923
SERIACIÓN:
N/A
CRÉDITOS: 6 HFD: 5 HEI: 5 THS: 10 TOTAL HRS: 160
COMPETENCIA (S) QUE
ATIENDE LA ASIGNATURA:
Tener la habilidad de convertir un diseño en código para implementar ese
código en un sitio web, dominando tres lenguajes HTML, CSS y JS.
PRODUCTOS DE
APRENDIZAJE:
• Conocer los principios básicos de la implementación de sitios web
• Conocer el lenguaje de maquetación de sitios HTML
• Conocer el lenguaje de diseño CSS
• Conocer distintas técnicas de maquetado
• Conocer de manera básica el lenguaje de JS
PROYECTO INTEGRADOR: Maquetar una landing page
HORARIO DE CLASES: Viernes de 8-12:50 LUGAR: UMedia Video
DOCENTE:
Allen Kevin Zapien Zamora FORMACIÓN
ACADÉMICA:
• Licenciado en Diseño Para la
Comunicación Gráfica.
• Maestría en Marketing y
Publicidad Digital
HORARIO DE TUTORÍA: De lunes a jueves 4 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 aprenderás código ara poder implementar sitios web,
dominaras lenguajes de maquetado y diseño HTML y CSS, también tendrás conocimientos básicos de JS
que es un lenguaje que se utiliza para la interacción.
Implementación de sitios web
Plan de Estudios 2010 | Curso Escolar 2019–2020
Creada por el Gobierno del estado de Nuevo
León, México, mediante Resolución Oficial
publicada el 5 de mayo de 1973
Clave de la Institución ante la SEP y la Direc-
ción General de Estadística 19MSU1017U
UNIVERSIDAD DE MONTEMORELOS
Escuela de Artes, Arquitectura,
Diseño y Comunicación
Carreras de:
Diseño de Comunicación Visual
PERSPECTIVA Y ENFOQUE DEL CURSO
Esta materia más que una materia teórica será una materia practica que aun que si tendrá un porcentaje
de teoría considerable, pero la gran mayoría de la actividad serán ejercicios para aprender a dominar estos
lenguajes.

2. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 2
UNIDAD 1 HTML
TIEMPO
ESTIMADO
PRODUCTOS DE APRENDIZAJE CONTENIDO
METODOLOGÍA
ACTIVIDADES DE APRENDIZAJE
15
horas
• Conocer como trabajar
código de manera
colavorativa
• Comprender como trabajar
con distintas versiones de
de código
• Dominar el lenguaje HTML
1. Git y Github
2. Formatos de imágenes
para diseño web
3. Conceptos básicos de
HTML5
4. Marco teórico
5. Comprender los
términos HTML
comunes
6. Conociendo HTML
1. Presentación visual.
2. Análisis de lecturas.
3. Uso de internet.
4. Ejercicios prácticos.
UNIDAD 2 CSS
TIEMPO
ESTIMADO
PRODUCTOS DE APRENDIZAJE CONTENIDO
METODOLOGÍA
ACTIVIDADES DE APRENDIZAJE
15
horas
• Aprender distintos tipode
estructuras con CSS
• Dominar el código CSS
1. Estructura con CSS
2. Retina display
3. Selectores básicos
4. Conceptos básicos de
CSS
5. @FontFace
6. Icon web fonts
1. Investigación.
2. Exposición de temas.
3. Análisis de lecturas.
4. Búsqueda de información.
5. Uso de internet.

3. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 3
UNIDAD 3 JAVASCRIPT
TIEMPO
ESTIMADO
PRODUCTOS DE APRENDIZAJE CONTENIDO
METODOLOGÍA
ACTIVIDADES DE APRENDIZAJE
15
horas
• Comprender el la
importancia de este
lenguaje para el desarrollo
de sitios web
• Conocer de manera
básica este lenguaje de
programación
• Comprender el
funcionamiento básico de
jQuery
• Conocer las librerías más
populares de JS para
implementarlas en los
proyectos
1. Conceptos básicos de
JavaScript
2. Conceptos básicos de
jQuery
3. Librerías útiles
1. Exposición de temas.
2. Análisis de lecturas.
3. Ejercicios prácticos.
4. Búsqueda de información.
5. Uso de internet.
EJES TRANSVERSALES
Integración de la fe y el aprendizaje
La fundamentación bíblica de las distintas áreas
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.
Pensamiento crítico
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.
Cuidado del ambiente
Evidenciado en la capacidad para respetar el
ambiente y, desde todas las áreas profesionales,
tomar las acciones necesarias para utilizar
sabiamente los recursos naturales.
Emprendimiento
Evidenciado en el desarrollo de las prácticas
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.

4. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 4
VALORES INSTITUCIONALES
Amor
Principio fundamental de todos
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.
Obediencia
Es escuchar la voz de Dios
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.
Honestidad
Es la actuación íntegra y con
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
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.
Respeto
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.
Veracidad
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).

5. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 5
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.

6. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 6
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.
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.
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
Brinda propuestas que
ayudan en la evangeliza-
ción, educación o inte-
rrelación de los diversos
públicos de interés
para la iglesia.
Entorno
Propone soluciones sen-
sibles a las necesidades
de otros seres humanos,
la ecología, y la comuni-
dad global y local.
Negocios
Brinda una propuesta
que puede comercia-
lizarse o en la cual se
genera una compra/
venta.
Investigación
Además del aspecto
técnico, atiende un
enfoque específico en
alguna de las líneas de
investigación de
cada carrera.

7. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 7
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 30%
Competencias de actitudes Reportes de lectura 15%
Proyecto integrador Código de landing page 40%
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 y el tercer lugar 3
puntos, 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.
Una moneda equivale a un punto extra de
calificación final, cada estudiante puede ganar
hasta 5 monedas durante el semestre.
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, la calificación del final será 100
(no 101).

8. IMPLEMENTACIÓN DE SITIOS WEB · PLAN DE CURSO PÁGINA · 8
BIBLIOGRAFÍA
Duckett, J. (2011). HTML and CSS: Design and Build Websites (1st edition). Indianapolis, IN: John Wiley &
Sons.
Freeman, A. (2011). The Definitive Guide to HTML5. Berkeley, CA : New York: Apress.
Frost, B. (2013, junio 10). Atomic Design. Recuperado 17 de enero de 2019, de http://bradfrost.com/blog/
post/atomic-web-design/
Goldstein, A., Lazaris, L., & Weyl, E. (2015). HTML5 & CSS3 For The Real World (Edición: 2). Collingwood:
SitePoint.
Javascript: Complete Concepts and Techniques. (2000). Course Technology.
Lunn, I. (2012). CSS3 Foundations (1 edition). Chichester, West Sussex: Wiley.
MacDonald, 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.
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. (s. f.). Diseño Web con HTML5 y CSS3.
Socialmood. (s. f.). ¿Qué es el Diseño Responsive? Recuperado 17 de enero de 2019, de https://
www.40defiebre.com/que-es/diseno-responsive
West, M. (2012). HTML5 Foundations (1 edition). Chichester, West Sussex, U.K: Wiley.