orientación académica para el curso diseño de páginas web...protocolo de transferencia de...

13
Colegio Nacional de Educación a Distancia Universidad Estatal a Distancia Orientación Académica para el curso Diseño de Páginas Web Código: 80113 I semestre 2020 Elaborado por: Mauricio Argüello Solano Correo electrónico: [email protected] Visite la página web ingresando a: https://coned.uned.ac.cr

Upload: others

Post on 25-Dec-2019

1 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

Colegio Nacional de Educación a Distancia

Universidad Estatal a Distancia

Orientación Académica para el curso

Diseño de Páginas Web

Código: 80113

I semestre 2020

Elaborado por: Mauricio Argüello Solano

Correo electrónico: [email protected]

Visite la página web ingresando a: https://coned.uned.ac.cr

Page 2: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

Orientación General Para orientar su proceso de estudio, leer lo siguiente:

1. Educación a distancia: Se debe asumir una actitud autónoma en el proceso de estudio; leer los temas que correspondan a cada semana, establecer un horario de estudio a partir de las orientaciones, se recomienda asistir a las tutorías habilitadas en cada sede para fortalecer el proceso de aprendizaje.

2. Materiales y recursos didácticos:

Tutoría presencial: Proceso de interacción y comunicación con el tutor, le permite aclarar dudas, en CONED la asistencia a la tutoría no es obligatoria sin embargo es un recurso de apoyo educativo. Para que la tutoría sea provechosa el estudiante debe llegar con los temas leídos y plantear dudas. Tutoría Telefónica: Puede comunicarse con el coordinador de la materia en caso de tener dudas sobre las tareas o temas puntuales, lo anterior en caso de que no poder asistir a tutorías. Blog de la asignatura: Ingresando a la página de CONED www.coned.uned.ac.cr, puede acceder al blog de cada materia, donde encontrará materiales que le permiten prepararse para la tutoría.

Video tutoriales: Cada materia cuenta con grabaciones sobre diferentes temas de interés según nivel y materia, puede acceder al espacio de video tutorías ubicado en la página web de CONED. Cursos virtuales híbridos: Permiten flexibilidad y acompañamiento en el proceso de estudio desde una computadora portátil o un teléfono inteligente. La apertura de los cursos depende de la proyección establecida.

Antología del curso: Material base para las pruebas y tareas.

Facebook: Mi Coned

Sedes de CONED

Page 3: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

El Programa CONED está en la mejor disposición de atender a sus consultas en los teléfonos y correo electrónico correspondiente a cada una de las sedes.

Sede Teléfono Encargado(s) Correo electrónico

Acosta 2410-3159 Norlen Valverde Godínez [email protected]

Cartago 2591-9548 Dianna Acuña Serrano [email protected]

Ciudad

Neilly 2783-3333 Merab Miranda Picado [email protected]

Esparza 2636-0000

Ext. 140 Jesuana Araya Angulo [email protected]

Heredia 2262-7189 Cristian Adolfo Salazar

Gutiérrez [email protected]

Liberia 2666-4296

/2665-1397 Yerlins Miranda Solís [email protected]

Limón 2758-1900 Marilin Sánchez Sotela [email protected]

Nicoya 2685-4738 Daniel Hamilton Ruiz Arauz [email protected]

Palmares 2452-0531 Maritza Isabel Zúñiga Naranjo [email protected]

Puntarenas 2661-3300 Sindy Scafidi Ampié [email protected]

Quepos 2777-0372 Lourdes Chaves Avilés [email protected]

San José 2221-3803 Elieth Navarro Quirós [email protected]

Turrialba 2556-3010 Mirla Sánchez Barboza [email protected]

Evaluación Esta asignatura se aprueba con un promedio mínimo de 70 tanto para tercer ciclo como para educación diversificada, una vez sumados los porcentajes de las notas de las tareas y pruebas

Primer Ordinario 35%

Segundo Ordinario 35%

I Tarea 15%

II Tarea 15%

Page 4: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

Atención a continuación términos que dentro de su proceso educativo son de interés:

Prueba de ampliación

En caso de que el promedio final sea inferior al mínimo requerido para aprobar la materia, tiene derecho a realizar las pruebas de ampliación, que comprenden toda la materia del semestre. Tendrá derecho a realizar prueba de ampliación, el estudiante que haya cumplido con el 80% de las acciones evaluativas asignadas. (Pruebas y tareas) Art. 48 del REA.

Prueba de suficiencia

Constituye una única prueba que se aplica al final del semestre, con los mismos contenidos de los cursos ordinarios. Para llevar un curso por suficiencia no tiene que haber sido cursado ni reprobado.

Estrategia de promoción

Cuando se debe una única asignatura para aprobar se valora esta opción, para ello se tiene que tomar en cuenta haber cumplido con todas las pruebas y 80% de las tareas. (el comité de evaluación ampliado determinará la condición final de la persona estudiante) Haber presentado las pruebas de ampliación en las dos convocatorias.

Condiciones para eximirse

Tiene derecho a eximirse el estudiante que haya obtenido una calificación de 90 o más en cada uno de los componentes de la calificación

Extra clases o Tareas

Para la entrega de los extra clases, debe seguir los procedimientos de cada sede, ya sea entregarlas al tutor de cada materia en las tutorías respectivas, en la fecha indicada en las orientaciones del curso, en caso de ausencia del docente o porque tenga un horario limitado, se entregará en la oficina de cada sede de acuerdo con el horario establecido. En el caso de recibirse trabajos iguales, se les aplicará el artículo 33 del Reglamento de Evaluación de los Aprendizajes y, en consecuencia, los estudiantes obtendrán la nota mínima de un uno. Se aclara que siguiendo el Artículo 27 del REA “las tareas pueden ser desarrolladas, durante las tutorías o fuera de este horario”, no alterando por este acto la validez del instrumento evaluativo.

Calendarización de las pruebas I semestre 2020 Consulte la hora de aplicación en la sede respectiva, esté atento a la siguiente distribución de días según sedes versión A y Versión B

VERSIÓN A VERSIÓN B

San José, Nicoya, Turrialba, Heredia, ALUNASA, Cartago, Acosta, Quepos Palmares, Ciudad Neilly, Liberia, Limón, Puntarenas

PROGRAMACIÓN I PRUEBA ESCRITA VERSIÓN A VERSIÓN B

Lunes 23 de marzo Martes 24 de marzo

Miércoles 25 de marzo

Jueves 26 de marzo

Viernes 27 de marzo

Sábado 28 de marzo

Domingo 29 de marzo

Diseño de Páginas Web Diseño de Páginas Web

PROGRAMACIÓN II PRUEBA ESCRITA VERSIÓN A VERSIÓN B

Lunes 18 de mayo Martes 19 de mayo

Miércoles 20 de mayo

Jueves 21 de mayo

Viernes 22 de mayo

Sábado 23 de mayo

Domingo 24 de mayo

Diseño de Páginas Web Diseño de Páginas Web

Page 5: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

Orientaciones del I semestre 2020

Semana Lectiva

Temas Aprendizaje esperado Actividades

1

10-16

febrero

UNIDAD 1: Internet.

● Origen y evolución histórica.

● Funcionamiento (TCP/IP).

● Proveedores de servicio (ISP).

● Tipos de conexión.

● Hardware de red.

● Navegadores web.

Reconocer los hechos históricos relacionados con el desarrollo de Internet.

Definir el funcionamiento de los protocolos TCP/IP.

Identificar los proveedores de servicios de Internet en Costa Rica.

Identificar los componentes necesarios para conectarse a Internet.

Inicio de Tutorías

Semana de inducción

Explicación de la

modalidad de estudio

por tutoría.

Lectura del cronograma

de estudio, su

evaluación y sus tareas.

Con apoyo de la

antología se analiza la

historia y

funcionamiento del

Internet.

2

17-23

febrero

UNIDAD 2: Elementos de una

dirección Web o URL.

● Protocolo de transferencia de

hipertexto (http).

● World Wide Web (www).

● Dominio.

● Dirección IP.

● Sistema de nombres de dominio

(DNS).

● Servicios de internet:

o Sitios web.

o Buscadores.

o Correo electrónico.

o Chats.

o Acceso remoto.

o Transferencia de archivos.

o Redes sociales.

o Comercio Electrónico.

Describir los diferentes elementos

que conforman una dirección web o

url.

Reconocer el funcionamiento de un

DNS.

Identificar los diversos servicios que

brinda el internet.

Utilizando una computadora modelo y conexión a internet se explican los componentes de una dirección web y sus principales servicios. Se accede a sitios web

por medio de su dirección IP numérica y se realizan diferentes ejemplos de búsqueda de información.

3

24 feb- 1

marzo

UNIDAD 3. Lenguaje de

Marcado de Hipertexto (HTML)

● Consorcio W3C.

● Evolución del HTML.

● Editores HTML.

● Estructura del documento base:

o Declaración <!DOCTYPE>

o <html>

o <head>

o <body>

Identificar las funciones del

Consorcio W3C y las diferentes

versiones de HTML.

Describir la estructura de

documento web.

Diseñar sitios web sencillos por

utilizando lenguaje HTML en un

editor básico.

Utilizando una computadora modelo se explica el procedimiento para crear un sitio web por medio de lenguaje HTML.

4

2-8

marzo

UNIDAD 3: Lenguaje de

Marcado de Hipertexto (HTML).

● Etiquetas HTML más comunes:

o <title>

o Encabezados (<h1> …. <h6>)

o Párrafos (<p>)

o Corte de línea <br>

o Formato de texto <b> <i>

<FONT> <FONT COLOR>

● Hipervínculos

o Etiqueta <a>

Incorporar títulos y párrafos a su

sitio web por medio de etiquetas

HTML.

Aplicar formato a los textos

ingresados.

Agregar hipervínculos e imágenes

por medio de etiquetas HTML.

ENTREGA I Tarea 8 de marzo: día internacional de las mujeres Por medio de la práctica#1 se refuerzan los procesos de diseño de sitios web utilizando lenguaje HTML.

Page 6: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

o Atributo href

● Manejo básico de imágenes

o Etiqueta <img>

o Atributo src

5

9-15

marzo

UNIDAD 3: Lenguaje de

Marcado de Hipertexto (HTML).

Diseño Web.

● Diseño conceptual

● Diseño visual

● Diseño de contenidos

● Mapa del sitio

● Prototipos (Wireframes)

● Uso de Balsamiq

● Diseñar la estructura conceptual y

visual de un sitio web a mano o por

medio de un software de

elaboración de prototipos.

● Elaborar el mapa del sitio de su

proyecto web.

Utilizando la herramienta Balsamiq se explica el proceso de elaboración de un prototipo para un sitio web. Se hace un repaso general y se aclara dudas para el examen.

6

16-22

marzo

I Prueba Escrita Ordinaria (Académicas) 20 de marzo: Aniversario Batalla de Santa Rosa

7

23 – 29

marzo

I PRUEBA DISEÑO DE PÁGINAS WEB

8

30 marzo

– 5 abril

UNIDAD 4: Gestores de

contenido (CMS).

Alojamiento web (hostings).

Tipos de gestores.

Ejemplos:

o Blogger

o Wordpress

o Moodle

o Drupal

o Joomla!

Describir el concepto de hosting.

Identificar los diferentes tipos de

gestores de contenido web.

Identificar las características y

ventajas de un CMS.

Describir diferentes sitios web

creados con CMS como Blogger o

Wordpress.

Con la computadora modelo y conexión a internet se muestran ejemplos de diferentes sitios creados con CMS se muestran algunos casos de hostings gratuitos y de pago.

9

6-12 abril Semana Santa

11 de abril: Celebración de la batalla de Rivas y acto heroico de Juan Santa María.

10

13-19

abril

UNIDAD 4: Gestores de

contenido (CMS).

Google Sites.

● Modo Editor.

● Administración de páginas

● Administración de contenido

multimedia.

● Administración de enlaces.

Registrarse en Google sites y

elaborar un sitio web por medio de

una plantilla de diseño.

Agregar páginas y contenido a su

sitio web.

Incorporar videos e hipervínculos a

su sitio web.

Utilizando Google sites se explica el proceso de elaboración de un sitio web utilizando plantillas de diseño. Por medio de la práctica#2 se refuerzan los procesos de creación de sitios web utilizando Google Sites

11

20-26

abril

II Prueba escrita ordinaria (Académica)

12

27 abril -3

mayo

UNIDAD 4: Gestores de

contenido (CMS)

Wix.

● Características.

● Registro y acceso.

● Administración de categorías y

plantillas.

● Modo Editor y vista previa.

● Uso de la barra de herramientas

de edición.

● Diseño de fondo.

● Versión móvil.

● Publicación del sitio.

Registrarse en Wix y elaborar un

sitio web por medio de una plantilla

de diseño.

Describir los modos Edición y vista

previa.

Aplicar diseño de fondo a su sitio

web.

Utilizar la versión móvil del sitio

web creado.

Publicar el sitio web creado.

Utilizando Wix se explica el proceso de elaboración de un sitio web utilizando plantillas de diseño. Utilizando una computadora modelo se

explica el proceso de edición y publicación de un sitio web.

13 UNIDAD 4: Gestores de

contenido (CMS)

Agregar páginas al sitio y editar su

menú principal. ENTREGA II

Tarea

Page 7: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

4 -10

mayo

Wix.

Administración de menús y

páginas.

Inserción de textos, imágenes

y videos.

Inserción de apps(blogs, likes)

Inserción de blogs.

Incorporar textos, imágenes y

videos al sitio creado.

Agregar apps y blogs al sitio

creado.

Visualizar el sitio publicado.

Por medio de la práctica#3 se refuerzan los procesos de edición de un sitio Web creado con Wix.

14

11-17

mayo

UNIDAD 4: Gestores de

contenido (CMS)

Wix.

● Optimización en motores de

búsqueda (Marketing SEO).

● Acceso al sitio desde un

navegador Web o dispositivo

móvil.

Describir el concepto de SEO.

Acceder al sitio web publicado desde

un navegador web.

Optimizar el diseño del sitio web

para que sea encontrado por medio

de un buscador web.

Por medio de la

práctica#4 se refuerzan los procesos de edición de un sitio web creado con Wix. Se hace un repaso general y se aclara dudas para el examen.

15

18 -24

mayo

II PRUEBA DISEÑO DE PÁGINAS WEB

16

25- 31

mayo

III PRUEBA ESCRITA Horario según corresponda a cada sede

17

1-7 junio

Entrega de resultados

Miércoles 3 de junio: I Jornada de CONED.

18

8-14 junio

Pruebas de ampliación I convocatoria Pruebas de suficiencia

19

15-21

junio

Resultados finales a los estudiantes

20

22 -28

junio

Pruebas de ampliación II convocatoria

MATRICULA II SEMESTRE 2020

21

29 junio- 5

julio

Receso Institucional

Page 8: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

Colegio Nacional de Educación a Distancia

Sede: ___________________

Nombre del estudiante:

_______________________________________________________________

Número de cédula:

_______________________________

Sección:

_____________________

Materia:

_________________________________________

Profesor:

________________________________________________

Fecha de entrega:

____________________________

Nota obtenida Puntos obtenidos Porcentaje

Firma del docente:

_________________________________

---------------------------------------------------------------------------------------------------

COLEGIO NACIONAL DE EDUCACIÓN A DISTANCIA

Nombre del estudiante: __________________________

Número de cédula: ______________

Sección:________ Fecha de entrega:____________ Firma de recibido:_______________

80113 Curso Diseño de páginas web

Page 9: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

TAREA NÚMERO UNO

Materia: Diseño de Páginas Web. Código: 80113

Objetivo: Identificar los diferentes elementos que conforman la Red Internet.

Valor: 15%

Fecha de entrega: Del 2 al 8 de marzo del 2020. (Según horario de cada sede).

Indicaciones Generales:

1. El trabajo extra clase debe realizarse de forma individual. Puede realizarlo de forma

manuscrita, con la precaución de utilizar una letra y colores de tinta legibles.

2. Si lo realiza en computadora favor utilizar letra Arial 12, con interlineado de 1.5 y en

márgenes normales.

3. Para su realización puede apoyarse en la antología del curso y en otros recursos como libros

de texto e internet, tomado en consideración que debe anotar las referencias bibliográficas

utilizadas en la sección de bibliografía, que deberá ubicar al final del mismo.

4. Agregue la portada dada debidamente competa al principio de la tarea.

5. Solo el profesor asignado del grupo es quien debe recoger la tarea, en el horario que el

docente estipule. Únicamente si el docente se ausentara, la coordinación de la sede la recibirá

en el lugar y la hora que disponga.

6. La tarea tiene un valor total de 30 puntos.

Page 10: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

I PARTE. Respuesta Corta. VALOR TOTAL 30 PUNTOS Responda de manera precisa a lo que se le plantea en cada enunciado. (1 punto cada acierto).

1). Anote cinco ISPs que brindan servicio de Internet en Costa Rica, e indique cual es el que

frecuentemente utiliza en su hogar. (6 pts.)

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

2). Los sitios alojados en nuestro país terminan con el dominio geográfico cr, por ejemplo

https://coned.uned.ac.cr. Anote un ejemplo de un sitio web alojado en cada uno de los

siguientes países: (5 pts.) Guatemala:_____________________________________________________________________

España:________________________________________________________________________

México:________________________________________________________________________

China:_________________________________________________________________________

Estados Unidos:_________________________________________________________________

3). Defina los conceptos de TCP e IP. (2 pts.)

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

4). Anote cinco Navegadores web, e indique cual es el que frecuentemente utiliza. (6 pts.) ______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

______________________________________________________________________________

Page 11: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

11

5). Diseñe la estructura del sitio web que elaborará durante el curso, para ello, debe indicar los

siguientes datos: (11 pts)

A. Nombre del sitio: (1 pto)____________________________________________________

B. Tipo de sitio: (1 pto)_______________________________________________________

C. Descripción general: (2 pts)_________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

D. Información de contacto (Nombre, dirección, correo electrónico, teléfono): (2 pts)_____

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

E. Menús que contendrá (mínimo 3): (3 pts)______________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

________________________________________________________________________

F. Logo del sitio: (2 pts)

Page 12: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

12

Colegio Nacional de Educación a Distancia

Sede: ___________________

Nombre del estudiante:

_______________________________________________________________

Número de cédula:

_______________________________

Sección:

_____________________

Materia:

_________________________________________

Profesor:

________________________________________________

Fecha de entrega:

____________________________

Nota obtenida Puntos obtenidos Porcentaje

Firma del docente:

_________________________________

------------------------------------------------------------------------------------------------------

COLEGIO NACIONAL DE EDUCACIÓN A DISTANCIA

Nombre del estudiante: __________________________

Número de cédula: ______________

Sección:________ Fecha de entrega:____________ Firma de recibido:_______________

80113 Curso Diseño de páginas web

Page 13: Orientación Académica para el curso Diseño de Páginas Web...Protocolo de transferencia de hipertexto (http). World Wide Web (www). Dominio. Dirección IP. Sistema de nombres de

13

TAREA NÚMERO DOS

Materia: Diseño de Páginas Web. Código: 80113

Objetivo: Aplicar todos los conocimientos adquiridos en la construcción de una página Web. Valor: 15%

Fecha de entrega: Del 4 al 10 de mayo del 2020. (Según horario de cada sede).

Indicaciones Generales:

1. El trabajo extra clase debe realizarse de forma individual y debe ser resuelto en

computadora.

2. Para su realización puede apoyarse en la antología del curso y en otros recursos como libros

de texto e internet.

3. Debe coordinar con el profesor de curso, el formato de entrega de la tarea, ya que, por ser

práctica, deberá entregarse de forma digital (correo o llave maya).

4. La tarea tiene un valor total de 30 puntos.

I PARTE. Aplicación. VALOR TOTAL 20 PUNTOS

1. Utilizando la herramienta Balsamiq debe crear el boceto de la página de inicio para su

sitio web. (10 pts)

2. Utilizando la herramienta en línea para crear sitios web http://sites.google.com o

https://es.wix.com/ debe diseñar su sitio web personal indicado en la primera tarea del

curso. Dicho sitio debe contener los siguientes requisitos:

a. Debe tener su página de inicio con la información general del sitio y el logo

diseñado. (2 pts)

b. Debe contener una página para la información de contacto. (3 pts)

c. Debe incluir las tres páginas propuestas en el menú, con todo su contenido listo.

(9 pts)

d. Debe contener fotos alusivas al tema propuesto. (2 pts)

e. Debe tener un diseño de letras y colores agradable y no muy cargado de

componentes innecesarios. (2 pts)

f. Debe estar publicado para que pueda ser accedido por el profesor. (2 pts)