Desarrollo Web

Profesora Nichol Sánchez Kirsch

Contenido

Presentación de la asignatura virtual .................................................................. 2

Perfil de la asignatura virtual ............................................................................ 3

Metodología ........................................................................................................ 5

Evaluación .......................................................................................................... 7

Cronograma ........................................................................................................ 8

Proyecto final ................................................................................................... 11

Bibliografía ....................................................................................................... 12

Perfil del docente ............................................................................................. 13

1
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Presentación de la asignatura virtual

Desarrollo Web

Diseño web online. Freepik – Rawpixel.com (CCBY)

El curso Desarrollo web tiene como propósito introducirlo en el mundo de la web,

iniciando desde entorno que lo compone, qué es el lenguaje de marcado HTML y
cuáles son las etiquetas más comunes. Conocerá cómo dar formato de estilo al
HTML por medio de hojas de Estilo en Cascada; y por último diseñar un sitio web
por medio del sistema de administración de contenidos WordPress.

Comencemos
conociendo el
perfil del curso

2
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Perfil de la asignatura virtual

Nombre de la asignatura: Desarrollo Web

Objetivo general: Aplicar los conceptos fundamentales de diseño orientado a la

Web para la construcción de sitios Web utilizando HTML5, CSS3 y el sistema de
administración de contenidos WordPress mediante una metodología de
desarrollo de sitios Web.

Se organiza:

Unidad I. La Web

Objetivo: Examinar los fundamentos de

Módulo I. Introducción a la Web
la Web y los elementos que lo componen
mediante la lectura de material y
participación en foro.

Objetivo: Conocer los diferentes

Unidad II. Diseño web
conceptos relacionados con el diseño
Web, para la identificación de los
Objetivo: Comprender el diseño web y
requisitos técnicos y necesidades en
sus tendencias por medio de la revisión
los procesos de desarrollo de un sitio
de materiales didácticos e investigación
Web

Unidad III. Sitio web

Objetivo: Conocer la estructura de un

sitio web y las herramientas disponibles
para su confección por medio de la
revisión de materiales y evaluación de
conocimientos.

3
Desarrollo Web
Profesora Nichol Sánchez Kirsch
Módulo II. Creación de páginas
web con HTML
Objetivo: Utilizar el lenguaje de
marcado HTML, para la maquetación,
diseño y construcción de páginas Web
Módulo III. Hojas de Estilo CSS
Objetivo: Emplear el lenguaje de
diseño CSS, para dar formato de
estilo y presentación a las páginas
Web.
Módulo IV. Sistema de
Administración de Contenido
Objetivo: Implementar un sitio Web
mediante la utilización de un sistema
de administración de contenido
WordPress.
Unidad I. HTML
Objetivo: Examinar las generalidades del
HTML5 por medio de videos y actividades
prácticas.
Unidad II. Elementos HTML
Objetivo: Aplicar HTML5 para el diseño
de páginas web educativas mediante
tutoriales y desarrollo de laboratorio.
Unidad I. CSS
Objetivo: Examinar las generalidades del
CSS por medio de videos y desarrollo de
actividades.
Unidad II. Propiedades del CSS
Objetivo: Aplicar CSS para dar formato
de estilo a contenidos web educativos
mediante la visualización de videos y
actividades prácticas.
Unidad I. CMS WordPress
Objetivo: Conocer las funcionalidades de
WordPress por medio de tutoriales e
implementación de un sitio web.
4
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Metodología

Método. Freepik-Storyset (CCBY)

El curso se desarrollará a través del uso de la plataforma Moodle (eCampus) como

vía principal de comunicación, por medio de ésta, el estudiante tendrá a su
disposición todos los recursos necesarios que le permitirán completar
adecuadamente la construcción de su aprendizaje y el plan de estudio de la
asignatura. Adicionalmente, se utilizará la herramienta Teams según sea requerido.

En la asignatura se desarrollará lo siguiente:

• Comprensión Lectora
Lectura de cada una de las unidades dentro de cada módulo para la
comprensión de los contenidos.

• Investigaciones
Actividades donde se busca que el estudiante profundice los conocimientos
adquiridos en las clases virtuales y le permita comprender la importancia de
la investigación.
5
Desarrollo Web
Profesora Nichol Sánchez Kirsch

• Foros de discusión y de Consulta

o Discusión: Espacios habilitados para la discusión de temas
relacionados a las unidades, ver diferentes perspectivas y crear
opiniones propias.
o Consulta: Espacios disponibles en cada módulo para atender las
consultas interrogantes que tengan a bien realizar, para aclarar dudas
al respecto.

• Asignaciones
Se evaluará temas específicos de la asignatura, permitiendo al estudiante
determinar si ha comprendido el contenido o requiere aclaraciones.

• Parciales
Se evaluarán de forma continua los aprendizajes adquiridos por el estudiante
mediante la comprensión y aplicación de los conceptos y la resolución de
problemas.

• Portafolio Digital
Es la recopilación de todas las clases, charlas del semestre y cualquier otra
actividad educativa desarrollada en clases que necesita tener organizado y a
la mano el estudiante para un desenvolvimiento exitoso de su semestre.
Copia de parciales, tareas, talleres, laboratorios, etc. con sus respectivas
correcciones. Comentarios y recomendaciones sobre los temas y actividades
desarrollados en el semestre. Se colocarán en la Carpeta PORTAFOLIO
ESTUDIANTIL del grupo de trabajo colaborativo del salón de clases.

• Examen semestral
Evaluar el grado de conocimiento que ha obtenido el estudiante en los temas
fundamentales de la asignatura y su capacidad de utilización en la solución
de un problema de la vida real.

6
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Evaluación

Desarrollador. Freepik-Storyset (CCBY)

A continuación, los criterios de evaluación:

Criterios de evaluación Porcentaje

Asistencia 5%

Asignaciones (8) 30%

Parciales (3) 30%

Semestral 35%

Total 100%

7
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Cronograma

Módulo I. Introducción al Diseño Web

Estrategias
Contenido Fecha Actividades
didácticas
Unidad I. La Web
1.1 Antecedente de la Web
1.2 Diferencias entre una
Página Web, Sitio Web y Presentación del
Encuesta
Aplicaciones Web. tema, explicación
detallada
1.3 Infraestructura tecnológica 27 – 31 de Foro 1
que se requiere para la
preguntas y
marzo
respuestas
implementación de sitio 2023 Repaso de Conceptos
Web. aprendidos 1
Foro consultas
1.4 Elementos que componen
una Página Web.
1.5 Tipos de Páginas web.
Unidad II. Diseño web
2.1 Introducción al diseño para
Internet.
2.2 Diferencias entre el diseño
web y gráfico tradicional Presentación del
Repaso de Conceptos
2.3 Diferentes tipos de tema, explicación
3-7 de aprendidos 2
diseñador web detallada
abril de
2.4 Elementos del diseño Web 2023 Investigación 1
Investigación
2.5 Tendencias en el diseño
web
Foro consultas
2.6 Concepto de diseño
adaptativo
2.7 Concepto de usabilidad y
accesibilidad
Unidad III. Sitio Web
3.1 Tipos de estructura de un
sitio Web Presentación del
3.2 Concepto de maquetación tema, explicación
Repaso de Conceptos
Web detallada
10-14 de aprendidos 3
3.3 Herramientas para la abril de
Evaluación
creación de sitios web 2023
sumativa
3.4 Sistemas de administración
de contenidos CMS
Foro consulta
3.5 Metodología para Creación
de Sitios Web
8
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Módulo II. Creación de páginas web con HTML5

Estrategias
Contenido Fecha Actividades
didácticas
Unidad I. HTML
1.1 Introducción al lenguaje de
marcas HTML
1.2 Sintaxis de HTML5 Repaso de conceptos
1.3 Estructura y elementos 17-28 de 4
semánticos HTML5
abril de
Demostraciones 2023 Laboratorio 1
1.4 Contenido y texto
1.5 Elementos de ordenación
Presentación del Parcial 1
1.6 Marcadores o anclas en
HTML tema, explicación
detallada,
Unidad II. Elementos HTML preguntas y
2.1 Medios (Imágenes, Video y respuestas
Audio)
2.2 Contenido incrustado Foro consulta Repaso de conceptos
2.3 Formularios 1-12 de
5
2.4 Marcos flotantes
mayo de
2023
2.5 Tablas Laboratorio 2
2.6 Factores HTML clave para el
SEO
2.7 Test de verificación HTML

9
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Módulo III. Hojas de Estilo CSS

Estrategias
Contenido Fecha Actividades
didácticas
Unidad I. CSS
1.1 Introducción a CSS
1.2 Sintaxis de CSS
1.3 Aplicar CSS en páginas web
1.4 Estructurar las reglas en la 15-26 de Laboratorio 3
hoja de estilo Demostraciones mayo de
2023 Parcial 2
1.5 Tipos de selectores en CSS
1.6 Unidades de medida en CSS Presentación del
1.7 Colores y fondo en CSS, tema, explicación
atributos y propiedades detallada,
preguntas y
Unidad II. Propiedades de CSS
respuestas
2.1 Propiedades de texto, lista y
tablas
Foro consulta 29 de
2.2 Márgenes, relleno y bordes
2.3 Otras propiedades CSS3
mayo al 9 Laboratorio 4
de junio
2.4 Buenas prácticas CSS
de 2023
2.5 Herramientas útiles, test de
verificación CSS
2.6 Diseño web responsivo

Módulo IV. Sistema de Administración de Contenido

Estrategias
Contenido Fecha Actividades
didácticas
Unidad I. CMS WordPress
1.1 Requerimientos e instalación 12 al 23
de WordPress de junio
1.2 Administración de la Web de 2023
1.3 Configuración básica
1.4 Instalación y gestión de Demostraciones
Parcial 3
Temas
Presentación del 26 de
1.5 Añadir entradas al Blog
1.6 Añadir páginas a la Web tema, explicación junio al 7
de julio de Proyecto de
1.7 Gestión de Menús detallada,
1.8 Gestión de Widgets 2023 implementación de un
preguntas y
1.9 Gestión de Plugin sitio Web
respuestas
1.10 Gestionar comentarios
1.11 Gestión de Usuarios 10 al 14
1.12 Conectar elementos de de julio de
redes sociales dentro de los 2023
sitios web

10
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Proyecto final

Código. Freepik-Storyset.(CCBY)

El proyecto final consiste en el diseño e implementación de un sitio web educativo haciendo

uso del CMS WordPress.

11
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Bibliografía

Imagen de Freepik-Storyset (CCBY)

Beati, H. (2015). HTML5 y CSS3 - Para diseñadores (Primera Edición ed.).

Alfaomega.

Fernández Menéndez, M. (2016). WORDPRESS - Crea, administra y promociona

tu blog (Primera Edición ed.). Alfaomega.

Luján Mora , S. (2016). HTML y CSS - Curso práctico avanzado (Primera Edición
ed.). Alfaomega, Altaria Editorial.

MacDonald, M. (2016). CREACION Y DISEÑO WEB. ANAYA.

Pérez Martínez, E., & Altadill Izura, P. (2016). DISEÑO DE INTERFACES WEB
(Primera Edición ed.). GRUPO EDITORIAL GARCETA.

12
Desarrollo Web
Profesora Nichol Sánchez Kirsch

Perfil del docente

Profesora Nichol Sánchez Kirsch

Magistra en Ingeniería con Especialización en Software Aplicada y licenciada en Desarrollo

de Software, ambos obtenidos en la Universidad Tecnológica de Panamá; además, cuento
con una certificación de Professional Scrum Master – PSMI.

Coordinadora de la Sección de Fábrica de Software en el Centro de Investigación CIDITIC

hasta el año 2018, donde tenía como responsabilidad planificar, diseñar y gestionar los
proyectos de Software. Actualmente me desempeño como Investigadora en el
Departamento de Fábrica de Objetos de Aprendizaje Digitales de la Dirección de Innovación
y Tecnología Educativa – DIGITED.

13