I.

DESCRIPCIÓN DEL CURSO

Desarrollo web es un material educativo que utiliza el programa Adobe
Dreamweaver y los metalenguajes HTML5 y CSS3 para el desarrollo y
codificación de una página web. Además, se emplea el gestor de contenidos
de mayor demanda como es Wordpress. Este curso permite conocer las
diferentes formas de maquetado en HTML5 y la utilización de hojas de estilos
por medio de CSS3.

II. LOGRO DEL CURSO

Al finalizar el curso, el alumno logrará desarrollar páginas web utilizando
herramientas del programa Dreamweaver y el gestor de contenidos
Wordpress. Además, incluirá animaciones con CSS3, maquetación avanzada
con Bootstrap, creación de formularios y la inserción de sliders.

III. METODOLOGÍA
El curso está estructurado en 15 sesiones de aprendizaje, el objetivo de:

 12 sesiones de aprendizaje se desarrollan proyectos, explicando paso

a paso del uso de las herramientas, funciones y propiedades del
programa.
 3 sesiones de aprendizaje plantean ejercicios de integración,
destinados a reforzar habilidades adquiridas en sesiones anteriores.

IV. RECURSOS DE APRENDIZAJE

Como recurso de enseñanza, cada alumno cuenta con:
 Computadora de uso personal

Por parte de Alianza Educativa, el profesor debe contar con:

 Sílabo
 Libro de Alianza Educativa “Desarrollo web”
 Archivos de trabajo
 Simulacros de examen de certificación

El curso comprende lo siguiente:

 12 sesiones de proyectos
 3 sesiones de integración
 Aplicación de un simulacro
 Clase de refuerzo

V. EVALUACIÓN
La evaluación es permanente y está a cargo de los profesores de cada Centro
Educativo, según las normas internas establecidas.
La evaluación final para la Certificación estará a cargo de CIBERTEC. La
calificación es vigesimal (de 0 a 20) y la nota mínima aprobatoria es 14.

Se recomienda que antes de programar la evaluación final, el alumno

desarrolle los simulacros de examen final en el tiempo establecido para cada
uno de ellos. Luego, el docente deberá reforzar aquellos temas donde los
alumnos presentaron dificultades.
 VI. CONTENIDO:
SESIÓN 1: POSICIONAMIENTO DE TU WEB: SEO
N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Posicionamiento Web  Incluir etiquetas meta
(SEO) con descripciones para
 Vinculando el sitio web indexar la web.
 Etiquetas meta  Utilizar etiquetas
Desarrollar un
 Proyecto Market Digital html5 para maquetar
2 marco con
 Hoja de estilos CSS una web y aplicar
imágenes.
propiedades CSS para
cambiar el formato a
mi página web.

SESIÓN 2: INSERTANDO UN SLIDESHOW

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Slider de imágenes
 Organizando información  Aplicar los pasos para
 Copiado de archivos insertar un slideshow Elaborar un
 Probando slider en el sitio web. banner animado
 Agregando contenido a la  Copiar los archivos para la
2
web delslider-responsive a presentación de
tu sitio web. las imágenes en
movimiento.

SESIÓN 3: CONSTRUYENDO UNA GALERÍA DE IMÁGENES

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Preparando los archivos  Identificar la sección
 Maquetado de la galería de una galería en la
Elaborar una
 Agregando estilos CSS maquetación web
galería de
 Visualizando la galería  Aplicar opacidad y
2 imágenes
transiciones a las
utilizando HTML
imágenes con las
y CSS
propiedades CSS3

SESIÓN 4: CREANDO UN FORMULARIO

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas

 Formulario  Usar la etiqueta form

 Maquetado HTML del para crear formularios. Elaborar un
formulario  Utilizar las etiquetas formulario
2
 Formulario de contacto input y textarea para utilizando HTML
 Fuentes online realizar las secciones y CSS
 Agregando estilos CSS del formulario.
 Visualizando el formulario
SESIÓN 5: EJERCICIOS DE INTEGRACIÓN I
EVIDENCIAS DE
RESULTADOS DE APRENDIZAJE
LO APRENDIDO
 Reforzar las herramientas aprendidas en el desarrollo de las sesiones Desarrollo de las
anteriores. actividades
planteadas

SESIÓN 6: HTML AVANZADO: MAQUETACIÓN CON BOOTSTRAP

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Boostrap
 Preparando los archivos
 Enlazar bootstrap con
 Incluyendo bootstrap en tu
la maquetación HTML.
sitio web Desarrollar una
 Utilizar los atributos
 Vinculando la página HTML sección de
2 que tiene bootstrap
con bootstrap imágenes con
para dar formato a las
 Maquetado HTML bootstrap.
secciones de la página
 Diseño final
web.

SESIÓN 7: ANIMACIONES CSS3

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Propiedades CSS3 para
animaciones
 Utilizar la propiedad
 Vinculando la carpeta raíz a
animation para animar
Dreamweaver
las secciones de una
 Construcción de header Desarrollar una
página web.
 Sección portada 2 animación con
 Aplicar la propiedad
 Sección servicios CSS3
transition para generar
 Sección footer
las transiciones entre
 Animación de portada e
los elementos.
íconos

SESIÓN 8: LENGUAJES DINÁMICOS DE SERVIDOR Y HABILITACIÓN DE WORDPRESS

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 CMS Wordpress
 Preparando los recursos
 Instalando Xampp
 Panel de control de Xampp  Utilizar un servidor
 Colocando el wordpress en local para instalar el
Crear una base
el servidor Xampp wordpress.
2 de datos en
 Accediendo a la base de  Instalar el servidor
phpmyadmin.
datos Xampp para trabajar
 Instalación de wordpress un localhost.
SESIÓN 9: IMPLEMENTACIÓN DE PLANTILLAS EN WORDPRESS
N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Primeros pasos en  Conocer la interfaz de
wordpress wordpress.
 Iniciando wordpress  Cambiar de tema a la
 Panel de administración de plantilla de wordpress
wordpress  Instalar nuevos temas
Agregar un
 Primeros ajustes en para utilizar en el sitio
2 nuevo tema en
wordpress
Wordpress
 Temas para wordpress
 Descargando temas para
wordpress

SESIÓN 10: EJERCICIOS DE INTEGRACIÓN II

EVIDENCIAS DE
RESULTADOS DE APRENDIZAJE
LO APRENDIDO
 Reforzar las herramientas aprendidas en el desarrollo de las sesiones Desarrollo de las
anteriores. actividades
planteadas

SESIÓN 11: PERSONALIZACIÓN DE TEMAS EN WORDPRESS

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Activando el servidor local  Instalar un tema o
 Iniciando wordpress plantilla para
 Instalación de un nuevo predeterminarlo en
tema para wordpress Wordpress
 Instalando plugins  Activar el tema
Cargar una
 Activando plugins instalado en
imagen para el
 Visualizando el tema 2 Wordpress
ícono del sitio
instalado  Personalizar el tema
web
 Creando página de inicio de acuerdo a las
 Personalizando la página de necesidades del
inicio usuario.
 Cambiando el logo

SESIÓN 12: ADAPTANDO LA PLANTILLA A UNA WEB EMPRESARIAL

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Activando el servidor local  Incluir el efecto
 Iniciando wordpress Parallax a las imágenes Personalizar en
 Modificar la apariencia del del banner principal el pie de página
2
tema en wordpress  Agregar la sección los datos de
 Agregando contenido al Servicios en la plantilla dirección
banner principal
  Sección servicios y ocultar secciones de
 Ocultar servicios la plantilla
 Botones llamada a la acción

SESIÓN 13: CREANDO UNA PÁGINA WEB CORPORATIVA – PARTE I

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Activando el servidor local  Agregar el logo de la
 Iniciando wordpress empresa a la plantilla
 Instalando la plantilla  Habilitar la sección
Accespress Parallax en slider y crear entradas
wordpress para enlazar los
Agregar dos
 Personalizando la plantilla banners
2 banners a la
 Color de plantilla  Crear una nueva
sección Slider
 Categorías sección para mostrar
 Entradas acerca de nosotros
 Agregando sliders
 Añadir una nueva sección

SESIÓN 14: CREANDO UNA PÁGINA WEB CORPORATIVA – PARTE II

N° HORAS/ RESULTADOS DE EVIDENCIAS DE
CONTENIDOS – TEMAS
SEMANALES APRENDIZAJE LO APRENDIDO
Clases teórico - prácticas
 Iniciando wordpres  Crear categorías para
 Sección servicios almacenar entradas a
 Sección portafolios publicar
 Fondo de imagen a la  Habilitar la sección
sección portafolio servicios y portafolio Crear la sección
2 en la plantilla Blog en la
 Crear la sección plantilla
Portafolio con su
respectivo contenido e
imágenes

SESIÓN 15: Ejercicio de Integración III

RESULTADOS DE APRENDIZAJE
 Reforzar las herramientas aprendidas en el desarrollo de las sesiones Desarrollo de las
anteriores. actividades
planteadas
Semana 16:
RESULTADOS DE APRENDIZAJE
Aplicación de simulacro
Semana 17:
RESULTADOS DE APRENDIZAJE
 Taller de refuerzo