Documentos de Académico
Documentos de Profesional
Documentos de Cultura
DATOS PROFESORADO
Apellidos y nombre Duarte de Báez Blanca Neri
Titulación - Master en Competencias y Tecnologías Emergentes para el
aprendizaje y trabajo en red - UAA y ULPGC (Paraguay – España)
(Universidad Autónoma de Asunción en convenio con la
Universidad de las Palmas de Gran Canaria)
- Master en Didáctica Superior Universitaria – Universidad
Nacional de Villarrica del Espíritu Santo (UNVES) y Universidad
de la Rioja (UNIR) (Paraguay – España) (UNVES en convenio con
la UNIR.
- Licenciatura en Análisis de Sistemas Informáticos - UAA
(Universidad Autónoma de Asunción)
- Posgrado Programador Senior en Okinawa International Center
(OIC) becada por la JICA.
- Especialización en Didáctica Universitaria – Facultad de Ciencias
Económicas – Universidad Nacional de Asunción.
- Curso de Guionización de Contenidos Virtuales (FORTEC-
España/UAA-Paraguay)
- Tutor Virtual (Portal Educativo de las Américas-OEA)
Correo electrónico bbaez@uaa.edu.py
Página web http://bbaez.wordpress.com/
COMPETENCIAS
Competencias específicas (asignatura)
1. Adquirir los conocimientos y herramientas necesarias para introducirse en el diseño
de sitios web, y la creación de páginas web con la utilización del lenguaje HTML,
HTML5 y CSS.
2. Desarrollar habilidades necesarias para diseñar, crear y mantener sitio web con
eficiencia.
3. Adquirir un alto nivel de destreza podrá profundizar en temas básicos y avanzados
del lenguaje HTML y otros lenguajes similares.
4. Aplicar los conocimientos adquiridos en el diseño de sitio web.
Competencias transversales
Identificar las diferencias entre Web 1.0, Web 2.0, Web 3.0 y Web semántica.
Manejar comandos del Lenguaje HTML5 que permiten crear páginas Web.
Crear páginas web atractivas y fáciles de navegar utilizando el lenguaje HTML5.
Desarrollar en los alumnos las habilidades necesarias para el diseño de sitios Web.
Diseñar páginas web de calidad mediante la codificación en el lenguaje HTML5 y
otros editores de páginas web.
Valorar las utilidades que reporta la web 2.0 en esta nueva sociedad de la
información y del conocimiento.
UNIVERSIDAD AUTÓNOMA DE ASUNCIÓN
Facultad de Ciencias y Tecnología
Departamento de Informática
Introducción al Diseño y Construcción de Páginas Web
PLANIFICACIÓN
Contenidos
1. Introducción a las redes y a internet
Red informática. Concepto. Ventajas. Internet. Concepto. Historia. Arquitectura
Cliente/Servidor: Concepto de cliente y servidor. La World Wide Web (WWW). Concepto.
Localización de una página y sus contenidos en una red (URL). Transporte de información
por la red (HTTP). Representación de información almacenada en una página (HTML). La
Web 1.0. Concepto. Características. La Web 2.0. Concepto. Características. La Web
Semántica. Concepto. Características. Protocolos de comunicaciones. Concepto. Propósito y
necesidades del protocolo de Internet. Familias de Protocolos (HTTP, TELNET, MSTP/POP,
FTP). Concepto. Utilidad. TCP/IP de Internet: Concepto. Utilización. Capas. Modelo OSI:
Concepto. Origen. Utilización. Capas.
2. Servicios de internet
Aplicaciones de Internet: Correo electrónico. Grupos de noticias. Gestión remota de
ficheros. Control de terminales remotos. Mensajería instantánea. Aplicaciones Web. La
WWW como un sistema de comunicación. El rol de la Web en el ciberespacio. El nuevo
medio de comunicación: Adaptación, complementación con los medios de comunicación
tradicionales.
4.3. LISTAS
Tipos de listas: Ordenadas o numeradas. Desordenadas o viñetadas. Definición. Etiquetas
de listas. Importancia de su utilización. Atributos. Ejemplos de Aplicación. Listas
anidadas.
4.4. IMÁGENES
Imágenes en la Web. Utilidad. Formatos recomendados. Inserción de imágenes en una
página web. Referencias de texto dentro de la imagen. Alineación, ajuste, bordes y
tamaño de la imagen. Recomendaciones sobre uso de imágenes en páginas Web.
4.7. TABLAS
Tablas. Concepto. Etiquetas. Definición básica de tabla en HTML. Tipos de bordes.
Encabezados. Títulos de tabla. Aplicar formato a las tablas. Ancho y alto de las tablas.
Ancho y alto de las celdas. Espacio entre celdas. Alineación en las tablas. Alineación en
las celdas. Operaciones con celdas. Imágenes dentro de las celdas. Tablas dentro de
celdas. Fusión o unión de celdas. Colores de fondo, bordes y celdas. Imagen de fondo en
la tabla y en la celda.
5. HOJAS DE ESTILOS
Hojas de estilo en cascada (CSS). Concepto. Utilidad de las hojas de estilo. Estilos para
etiquetas concretas o grupos de etiquetas. Fuente. Color. Tamaño. Definición de estilos en
secciones aisladas: Atributo Style. Valores del atributo Style. Definición de estilos por
bloques: Etiqueta Div. Inclusión global de estilos en un documento. Enlace de distintos
documentos a una misma hoja de estilo. Uso de varios métodos de estilos al mismo tiempo.
Agrupación de distintos atributos. Variaciones por medio de clases. Aplicación de estilo a los
enlaces. Uso de comentarios.
7. FORMULARIOS
Concepto de formulario. Tipos: Formularios dirigidos a una dirección de correo electrónico.
Formularios dirigidos a un servidor. Definición de formularios en una página web. Etiquetas
de apertura. Cuerpo de formulario. Botón de envío y/o borrado. Etiqueta de cierre.
Elementos o Controles de formularios. Cuadros de texto. Contraseñas. Listas de selección.
Botones de radio. Casillas de verificación. Áreas de texto. Botones de envío y borrado.
Botones con imagen. Ejemplos de formularios HTML. Información recibida de un formulario.
Presentación de formularios.
9. EDITORES Y CONVERTIDORES
Editores de etiquetas. Editores WYSIWYG. Convertidores. Paquetes de software
generadores de sitios Web. Filosofía de trabajo. Uso y creación de páginas Web a través de
algunos softwares.
Instalación de software. Creación de páginas web poniendo a la práctica algunos editores
como CoffeCup Free Editor, Notepad++, Sublime, TextMate, Kompozer, etc.
10.COMERCIO ELECTRÓNICO
Uso de Internet para los negocios. El crecimiento de la demanda de comunicaciones
globales. Plataforma tecnológica para los negocios electrónicos. Ciclo de negocios en
Internet.
Comercio electrónico. Concepto. Modalidades del comercio electrónico. Ventajas para el
empresario. Ventajas para el cliente. Economía digital. Concepto. Ventajas. Firma digital y
Firma digitalizada. Verificación de Transacciones Electrónicas.
Cibermediarios. Ejemplos de aplicaciones reales de uso de E-commerce. Aspectos legales a
nivel nacional e internacional. Seguridad en transacciones en Internet.
El profesor asesorará a los alumnos en la marcha de los trabajos prácticos a través del
ecampus, utilizando los servicios que la misma ofrece tales como foros de ayuda,
mensajerías, emails, además vía telefónica y durante las horas cátedras, pudiendo
incluso dedicar horas de clase ordinaria solamente para evacuar consultas y dudas
referentes al proyecto de sitio web.
Los trabajos prácticos y proyecto de sitio Web deberán presentarse para todos los
parciales y examen final en material magnético, acompañados de su respectiva carpeta
y en algunos casos específicos si el profesor cree conveniente a través del ecampus.
El profesor proveerá al alumno ejercicios que abarquen al menos los siguientes tópicos:
PROCEDIMIENTO DE EVALUACIÓN
Criterios de evaluación
1. Conformar grupo de trabajo para proyecto de sitio web, a la vez de seleccionar y
proponer un tema para diseño de sitio web como proyecto de curso.
2. Diseñar un sitio web funcional que satisfaga las necesidades de la empresa que ha
seleccionado.
3. Realizar la maquetación de sitio web.
4. Analizar y sintetizar los contenidos de cada página del sitio web diseñado.
5. Definir las formas de navegación básica y alternativas.
6. Realiza actividades asignadas para práctica asistidas.
UNIVERSIDAD AUTÓNOMA DE ASUNCIÓN
Facultad de Ciencias y Tecnología
Departamento de Informática
Introducción al Diseño y Construcción de Páginas Web
Mecanismos de seguimiento
1. Realiza actividades asignadas durante la clase.
2. Entrega de avances del proyecto de sitio web en tiempo y forma.
3. Realiza tareas y foros en ecampus.
4. Realiza actividades asignadas para prácticas asistidas en laboratorio de informática.
Instrumentos
1. Lista de cotejo (Exposiciones)
2. Casos propuestos
3. Foro de debate en plataforma ecampus
4. Planilla de seguimiento
5. Pruebas escritas
6. Trabajos prácticos individuales y grupales
1. Registrar una asistencia mínima del 75% a las clases presenciales dictadas en el
semestre en dicho curso, y 75% de asistencia mínima en clase de práctica asistida en los
laboratorios de la universidad, requisito indispensable para poder tener derecho a
rendir el examen final.
2. Participar activamente durante el desarrollo de las clases.
3. Entregar los trabajos prácticos correspondientes a cada examen parcial para evaluar las
clases de práctica asistida.
4. Participar en foro de debate sobre tema propuesto por el profesor.
5. Preparar y entregar los avances del proyecto de sitio web en cada parcial en fecha fijada
por el profesor a través de la plataforma ecampus.
6. Rendir los tres exámenes parciales mensuales destinados a la materia con puntaje de 1
a 100 puntos en cada uno de ellos.
a) Para el primer parcial, el examen en sí tendrá una valoración de 70 puntos, 10
puntos a trabajo de investigación y 20 puntos a presentación de anteproyecto
del sitio web.
b) Para el segundo parcial, el examen en sí tendrá una valoración de 60 puntos, 10
puntos en participación de foro de debate en el ecampus, y 30 puntos a
presentación de presentación del proyecto de sitio web con avances realizados.
8. Obtener una calificación final mayor o igual a 60 puntos, resultante de la suma del 50%
del promedio de los tres parciales y el 50% de la calificación del examen final.
9. La calificación del Primer examen parcial estará compuesto por 10% correspondiente al
trabajo práctico de investigación que deberá ser entregado a través del foro habilitado
para el efecto en el ecampus y será debatido en clase, el 20% correspondiente al
Anteproyecto de sitio web que deberá presentarse en un documento de Word en
formato APA a través de la plataforma educativa ecampus.
10. La calificación del Segundo examen parcial estará compuesto por 10% correspondiente al
participación en foro habilitado en ecampus, el 30 % correspondiente a la entrega a través
de la plataforma ecampus del proyecto de sitio web, consistente en la maquetación
completa con páginas creadas y enlazadas, de las cuales al menos 3 páginas ya deben
estar cargada con informaciones.
11. La calificación del Tercer examen parcial estará compuesto por 10% compuesto por 10%
correspondiente por entrega de ejercicios prácticos grupales que requiera aplicación de
comandos desarrollados hasta la fecha, debe ser entregado a través del espacio
habilitado para el efecto en el ecampus, el 30 % correspondiente a la entrega a través de
la plataforma ecampus del proyecto de sitio web, consistente en la carga de información
y diseño de todas las páginas del sitio.
BIBLIOGRAFÍA
Básica
Aubrey, C. (2014). HTML5 Y CSS3 Para Sitios Con Diseño Web Responsive. 2ª Edición.
Editorial ENI. Colección Recursos Informáticos.
ISBN-10: 2746088738
ISBN-13: 978-2746088733
Recomendada
Casabona, E. y Ceci R. Sitios multiplataforma con HTML5 + CSS3: Audio y video con HTML5:
Domine el nuevo paradigma de la web. (2014) (Colección Sitios multiplataforma con HTML5
+ CSS3 nº 4) (Spanish Edition). Creative Andina Corp.
ASIN: B00NP73S1I
Del Águila, A.R. (2000). Comercio Electrónico y Estrategia Empresarial. España: Ra-Ma.
Código: 001.64404.7657
UNIVERSIDAD AUTÓNOMA DE ASUNCIÓN
Facultad de Ciencias y Tecnología
Departamento de Informática
Introducción al Diseño y Construcción de Páginas Web
Goldstein, A., Lazaris, L., Weyl, E. (2011). Manual Imprescindible HTML5 y CSS. Madrid:
Anaya Multimedia.
ISBN-10: 8441530491
ISBN-13: 978-8441530492
Lemay, L. (1994). Aprendiendo HTML 4 para web en una semana. (2da. Ed.). México: Prentice
Hall Hispanoamericana.
Código: 001.642.5.6.367
Direcciones web
Aprenda a crear formularios profesionales con HTML5 y CSS. Recuperado el 07 de febrero
2020, de http://developerji.com/Post/Aprenda-a-crear-formularios-profesionales-con-
HTML5-y-CSS-/2108
Codina, L. ¿Web 2.0, Web 3.0 o Web Semántica?: El impacto en los sistemas de información
de la Web. I Congreso Internacional de Ciberperiodismo y Web 2.0. Bilbao (2009).
Recuperado el 18 de febrero 2020, de
http://www.lluiscodina.com/Web20_WebSemantica2009_Nov2009.pdf
Cómo construir enlaces de calidad a tu blog o sitio web. Recuperado el 22 de febrero 2020,
de http://developerji.com/Post/-Como-construir-enlaces-de-calidad-a-tu-blog-o-sitio-web-
/2092
Cómo crear un menú con CSS y HTML. Muy fácil y práctico. Recuperado el 22 de febrero
2020, de
http://developerji.com/Post/-Como-crear-un-menu-con-CSS-y-HTML--Muy-fácil-y-
practico/2062
Cómo crear una tabla utilizando DIVs y CSS. Recuperado el 18 de febrero 2020, de
http://developerji.com/Post/Como-crear-una-tabla-utilizando-DIVs-y-CSS/4152
UNIVERSIDAD AUTÓNOMA DE ASUNCIÓN
Facultad de Ciencias y Tecnología
Departamento de Informática
Introducción al Diseño y Construcción de Páginas Web
Pulido A. E.M., Domínguez A. O., Jiménez P. C. Tutorial HTML. Universidad de Las Palmas de
Gran Canaria. Facultad de Informática. Recuperado el 22 de febrero 2020, de
http://gias720.dis.ulpgc.es/Gias/Cursos/Tutorial_html/indice.htm