UNIDAD EDUCATIVA

"FRANCISCO DE ORELLANA"
RESOLUCIÓN N° MINEDUC-CZ2-2016-00382-R DEL 15 DE AGOSTO DEL 2016
Barrio: Las Américas Calles: Quito y Auca Francisco de Orellana – Ecuador

CRONOGRAMA DE ACTIVIDADES
Datos Informativos
Asignatura: DISEÑO Y DESARROLLO WEB Docente: Lcdo. Noa David

Curso: Tercero Informática Fecha de inicio: 16 de marzo del 2020

Paralelo: A-B Fecha de culminación: …… de ……. del 2020

Indicaciones Generales:
 Estas actividades deben ser realizadas una por semana (2 videos por semana)
 Cada estudiante debe tener su respectiva evidencia de las actividades realizadas en esta
asignatura durante el estado de emergencia. (Carpeta con archivos Digitales)
 Subir el contenido del curso a su almacenamiento en la nube (Google Drive) y compartir sólo el
enlace
 Los estudiantes que cuenten con acceso a internet y computador en casa pueden enviar desde ya el
enlace de las prácticas, al correo del docente: dpatos18@gmail.com
 Las actividades de refuerzo y recuperación se lo realizará cuando se reinicie las clases.

Plan de Contingencia Educativo COVID 19

SEMANA FECHAS DESTREZAS TEMA ACTIVIDADES

1 16 – 20 Implementar los Capítulo 1: ACTIVIDAD N°1:

MARZO cambios requeridos a Introducción Crear
nivel de código fuente, Web con Dreamweaver - Instalar el programa Dreamweaver CS6 en
interfaz, esquemas de su computador https://bit.ly/2UUgs8H
actualización del Capítulo 2: - Realizar la práctica 1 y 2 del Curso “Crear
servidor, alojamiento y Entorno de trabajo y una Web Con Dreamweaver”
publicación, plantilla, visualizar en el Link del curso: https://bit.ly/2RnFcUI
reconociendo sus navegador
fortalezas y debilidades
2 23 – 27 Implementar los Capítulo 3: ACTIVIDAD N°2:
MARZO cambios requeridos a Modificación del
nivel de código fuente, estilo CSS principal - Realizar la práctica 3 y 4 del Curso “Crear
interfaz, esquemas de de la plantilla, una Web Con Dreamweaver”
actualización del creación de gráficos - Link del curso: https://bit.ly/3bVGM8a
servidor, alojamiento y sencillos.
publicación, Capítulo 4:
reconociendo sus Colocación del logo,
fortalezas y debilidades capa, creación del
menú desplegable
3 30 – 03 Implementar los cambios Capítulo 5: ACTIVIDAD N°3:
ABRIL requeridos a nivel de Modificación del
código fuente, interfaz, estilo CSS, - Realizar la práctica 5 y 6 del Curso “Crear
esquemas de colocación de menus una Web Con Dreamweaver”
actualización del servidor, y submenús - Link del curso: https://bit.ly/2JNDxDN
alojamiento y publicación, desplegables.
reconociendo sus Capítulo 6:
fortalezas y debilidades Finalización de la
creación del menú
con CSS, tipos de
letras desde
Googlefonts
 UNIDAD EDUCATIVA
"FRANCISCO DE ORELLANA"
RESOLUCIÓN N° MINEDUC-CZ2-2016-00382-R DEL 15 DE AGOSTO DEL 2016
Barrio: Las Américas Calles: Quito y Auca Francisco de Orellana – Ecuador

4 06 – 10 Implementar los Capítulo 7: ACTIVIDAD 4:

ABRIL cambios requeridos a Ajustar los estilos
nivel de código fuente, atraves de CSS, llenar - Realizar la práctica 7 y 8 del Curso “Crear
interfaz, esquemas de datos de nuestra una Web Con Dreamweaver”
actualización del página Web - Link del curso: https://bit.ly/2XiqhPr
servidor, alojamiento y
publicación, Capítulo 8:
reconociendo sus Estructura básica de
fortalezas y debilidades nuestra Web, instalar
y configurar un slider
Jquery

5 13 – 17 Implementar los Capítulo 9: ACTIVIDAD 5:

ABRIL cambios requeridos a Jquery y CSS
nivel de código fuente, acoplarlo a nuestro - Realizar la práctica 9 y 10 del Curso “Crear
interfaz, esquemas de espacio de Web, una Web Con Dreamweaver”
actualización del crear imágenes - Link del curso: https://bit.ly/3b2FhF4
servidor, alojamiento y nuevas para cada
publicación, apartado.
reconociendo sus Capítulo 10:
fortalezas y debilidades Modificar el JQuery
Slider para que se
acople
perfectamente a la
página. Crear una
plantilla de
Dreamweaver para la
parte de
administración.
Implementar los ACTIVIDAD 6:
6 20 – 24 cambios requeridos a TEMA: Leer con atención y responder:
ABRIL nivel de código fuente, IMPORTANCIA DEL
interfaz, esquemas de DISEÑO WEB El diseño de una página web es clave a la hora
actualización del de ofrecer un servicio o crear un negocio
servidor, alojamiento y online. Factores como la usabilidad, la
publicación, navegación e incluso el uso de determinados
reconociendo sus colores son puntos importantes que los
fortalezas y debilidades potenciales clientes tienen en cuenta a la hora
de seguir navegando o, por el contrario,
buscar en otra web.

A menudo resulta difícil de entender la

importancia de tener un diseño web de
calidad. Mientras la web funcione bien, ¿ya es
suficiente?

Es el arma con la que causamos la primera

impresión, siendo ésta la más importante para
permanecer presentes como profesionales.
El sitio web es el rostro de un negocio.

Un sitio mal diseñado, es igual a alguien mal

 UNIDAD EDUCATIVA
"FRANCISCO DE ORELLANA"
RESOLUCIÓN N° MINEDUC-CZ2-2016-00382-R DEL 15 DE AGOSTO DEL 2016
Barrio: Las Américas Calles: Quito y Auca Francisco de Orellana – Ecuador

vestido. Por otro lado un buen diseño web

demuestra cercanía y empatía.

RESPONDER:
1. ¿Por qué es importante el diseño web?
2. ¿Por qué las empresas pagan tanto por
este servicio?
3. ¿Por qué se dice que el sitio web es el
rostro de un negocio?

Fuente:
https://elestudiodecoco.com/la-importancia-del-
diseno-de-tu-pagina-web/

Implementar los TEMA Formularios ACTIVIDAD 7:

7 27 – 01 cambios requeridos a Web Realiza un formulario básico similar a los
MAYO nivel de código fuente, ejemplos presentados.
interfaz, esquemas de
actualización del Guiarse de la información adjunta al presente
servidor, alojamiento y documento. Semana 7
publicación,
reconociendo sus
fortalezas y debilidades

Implementar los TEMA Introducción a ACTIVIDAD 8:

8 04 – 08 cambios requeridos a PHP Realiza un MAPA MENTAL acerca de la
MAYO nivel de código fuente, historia de PHP y sus diferentes versiones,
interfaz, esquemas de además incluir ejemplos de sitios web famosos
actualización del creados en PHP.
servidor, alojamiento y
publicación, Guiarse de la información adjunta al presente
reconociendo sus documento. Semana 8
fortalezas y debilidades

ELABORADO REVISADO Y APROBADO

Docente: Vicerrectora:
Lcdo. Noa David Ana Nelly López

Firma: Firma:

Fecha: 28 de abril del 2020 Fecha:

Observaciones:
Enlace de ayuda del Curso: https://www.dreamweaver-tutoriales.com/curso-videotutorial-pagina-web-desde-cero.php

Los estudiantes que no tengan materiales a disposición (laptop, internet), deberán realizar
semanalmente un resumen de los temas vistos. (en su cuaderno o en formato PDF)
 UNIDAD EDUCATIVA
"FRANCISCO DE ORELLANA"
RESOLUCIÓN N° MINEDUC-CZ2-2016-00382-R DEL 15 DE AGOSTO DEL 2016
Barrio: Las Américas Calles: Quito y Auca Francisco de Orellana – Ecuador

RECOMENDACIONES:
 Por su seguridad y la de su familia, quédese en casa.
 Potenciar la lectura y el autoaprendizaje en casa.
 Mantenerse informados por fuentes oficiales.
 UNIDAD EDUCATIVA
"FRANCISCO DE ORELLANA"
RESOLUCIÓN N° MINEDUC-CZ2-2016-00382-R DEL 15 DE AGOSTO DEL 2016
Barrio: Las Américas Calles: Quito y Auca Francisco de Orellana – Ecuador

FUNDAMENTACIÓN TEÓRICA DE LA ASIGNATURA DE DISEÑO Y DESARROLLO

WEB

TEMAS DE LA SEMANA 7
Tema: Formularios web
Antes de proseguir, es importante saber diseñar formularios utilizando tus conocimientos de HTML y
CSS, para posteriormente realizar consultas a una base de datos por medio del formulario Un
formulario es un conjunto de controles (botones, cajas de texto, casillas de verificación, botones radio,
etc.) que permiten al usuario introducir datos y enviarlos al servidor web para su procesamiento. La
etiqueta que delimita un formulario es la etiqueta <form> ...</form>. Los atributos más importantes
de la etiqueta <form> son action y method.

El atributo action contiene el nombre del agente que procesará los datos remitidos al servidor (por
ejemplo, un script de PHP).

El atributo method define la manera de enviar los datos al servidor. Los valores posibles son:
 get: donde los valores enviados se añaden a la dirección indicada en el atributo action.
 post: donde los valores se envían de forma separada

Si el atributo method no está establecido, el formulario se comporta como si el valor fuera get.

La etiqueta <form> es un elemento de bloque. En su interior puede haber cualquier elemento típico de
una página web (párrafos, imágenes, divisiones, listas, tablas, etc.), además de las etiquetas que crean
los controles.

Las etiquetas que crean los controles en los formularios son <input>, <button>, <select>,
<optgroup>, <option> y <textarea>. Además, se pueden estructurar los controles con las etiquetas
<fieldset> y <legend>.

Por último, la etiqueta <label> permite mejorar la accesibilidad de los controles. El navegador envía
únicamente los datos de los controles contenidos en el formulario. En una misma página puede haber
varios formularios que envíen datos al mismo o a diferentes agentes.

• Revisa, si es posible, los contenidos de los siguientes enlaces:

Formularios:
https://www.htmlquick.com/es/tutorials/forms.html
Elementos de formulario:
https://www.arkaitzgarro.com/html5/capitulo-3.html
https://www.w3bai.com/es/html/html_form_elements.html
 UNIDAD EDUCATIVA
"FRANCISCO DE ORELLANA"
RESOLUCIÓN N° MINEDUC-CZ2-2016-00382-R DEL 15 DE AGOSTO DEL 2016
Barrio: Las Américas Calles: Quito y Auca Francisco de Orellana – Ecuador

Revisa otro ejemplo en este enlace:

https://www.youtube.com/watch?v=QDOfODwsfuQ

TEMAS DE LA SEMANA 8
Tema: Introducción a PHP
Para poder trabajar con base de datos, nosotros tenemos que manejar un programa del lado
del servidor en este caso usaremos PHP.
PHP: PHP es un lenguaje de programación, interpretado, diseñado originalmente
para la creación de páginas web dinámicas. Es usado principalmente en interpretación del
lado del servidor (server-side scripting) pero actualmente puede ser utilizado desde una
interfaz de línea de comandos o en la creación de otros tipos de programas incluyendo
aplicaciones con interfaz gráfica usando las bibliotecas Qt o GTK+. PHP es un Acrónimo
recursivo que significa PHP Hypertext Preprocessor (inicialmente PHP Tools, o, Personal Home
Page Tools). Fue creado originalmente por Rasmus Lerdorf en 1994; sin embargo, la
implementación principal de PHP es producida ahora por The PHP Group y sirve como el
estándar de facto para PHP al no haber una especificación formal. Publicado bajo la PHP
License, la Free Software Foundation considera esta licencia como software libre.

Revisa los siguientes enlaces de apoyo:

https://www.ecured.cu/PHP
https://desarrolloweb.com/home/php
https://www.youtube.com/watch?v=ykGRYEX0n60
https://www.youtube.com/watch?v=w6Br0OO8Woc