Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Guia Laboratorio1
Guia Laboratorio1
LA PLATA - HUILA
Septiembre de 2010
UNIVERSIDAD
NACIONAL
ABIERTA
Y
A
DISTANCIA
-‐
UNAD
ESCUELA
DE
CIENCIAS
BASICAS
TECNOLOGIA
E
INGENIERIA
GUIA
COMPONENTE
PRÁCTICO
DEL
CURSO:
301122
-‐
DISEÑO
DE
SITIOS
WEB
2. ASPECTOS DE PROPIEDAD INTELECTUAL Y VERSIONAMIENTO
Para tales efectos de establece que el presente Documento hace parte de los
repositorios documentales y digitales la Universidad Nacional Abierta y a
Distancia UNAD de Colombia.
@CopyRigth
ISBN
2005
3. INDICE DE CONTENIDO
Pág.
7. FUENTES DOCUMENTALES 17
4. LISTADO DE TABLAS
5. CARACTERÍSTICAS GENERALES
Objetivos
Metas
Competencias
6. DESCRIPCIÓN DE PRÁCTICAS
Tipo de practica
Objetivo(s)
Meta(s)
Competencia(s)
Fundamentación Teórica
Descripción de la practica
Crear un Sitio Web de tipo HTML sobre la Hoja de Vida del estudiante: este sitio se
creará con un mínimo de 5 (cinco) páginas Web, manipulando las etiquetas básicas
como HTML, HEAD, TITLE, BODY en donde se aplican color de fondo color al texto,
imagen de fondo, las etiquetas H1 a H6, etiquetas de párrafo, etiquetas de texto, las
META. Listas ordenadas y listas desordenadas, color de texto. Además se manipularan
imágenes, se crearan hipervínculos por medio de texto e imágenes, hacia las páginas
internas del Sitio y1o páginas de otros sitios web.
Editores de texto: para Windows: Bloc de Notas y para Linux: editor Gedit, además se
necesitara utilizar un navegador sea este Explorer, Mozilla o Crhome.
Seguridad Industrial
Metodología
al curso para ser evaluados. Dado el nivel de apropiación que puede tener un estudiante
sobre los temas tratado en la práctica este puede si es su deseo realizar la práctica de
forma individual desde su hogar o lugar de estudio.
Sistema de Evaluación
La práctica se define como un ítem de tipo individual de los trabajos colaborativos del
Curso, por ende su calificación se presenta como un ítem de calificación en la rúbrica de
evaluación del Trabajo Colaborativo No. 1
El producto a entregar será un sitio web "html" con la hoja de vida del estudiante, este se
entregara dentro de los aportes que cada estudiante hace para el trabajo colaborativo 1
en el foro de la actividad, según los parámetros de la presente guía.
Rúbrica de evaluación
Retroalimentación
6.2 PRACTICA No. 2 • Formularios y Marcos en HTML con Hojas de estilo CSS
Tipo de practica
Objetivos
Metas
Competencias
Fundamentación Teórica
Descripción de la practica
El estudiante Creara un sitio web HTML de 4 páginas sobre una "Tienda Deportiva" en
este se deben aplicar Marcos o Frames para dividir las páginas del Sitio. Debe existir
una página con un formulario de solicitud de cotizaciones en línea el cual use la función
Mailto (para crear el formulario se deben usar los objetos relacionados en la descripción
de la practica), además se deben crear dos hojas de estilo, una para el home o página
principal del sitio y otra para las demás paginas del sitio de la Tienda Deportiva.
El estudiante debe tener en cuenta que las paginas a crear para el sitio de la tienda
deportiva deben contemplar la utilización de formularios además de crear encuestas que
manipulen TEXT, RADIO, CHECKED, LISTAS, BOTONES, SUBMIT, RESET, creando
para estas también hojas de estilo para la manipulación de títulos principales, subtítulos,
texto, tablas, formularios.
Editores de texto: para Windows: Bloc de Notas y para Linux: editor Gedit, además se
necesitara utilizar un navegador sea este Explorer, Mozilla o Crhome.
Metodología
Además el estudiante contará con una OVA denominada "Hojas de estilo CSS", la cual
explicara de forma clara y específica el proceso de construcción de Hoja de estilos CSS
con el uso del programa Bloc de Notas para Windows, Gedit para Linux y Dreamweaver
para Windows y Linux.
Sistema de Evaluación
La práctica se define como un ítem de tipo individual de los trabajos colaborativos del
Curso, por ende su calificación se presenta como un ítem de calificación en la rúbrica de
evaluación del Trabajo Colaborativo No. 2
El producto a entregar será un sitio web "html" sobre una tienda deportiva, donde se
apliquen hojas de estilo CSS y Marcos, este sitio se debe crear con base a las
características resaltadas en la caracterización de la práctica No. 2 del presente
documento.
Rúbrica de evaluación
Retroalimentación
Tipo de practica
Metas
Competencias
Fundamentación Teórica
Para esta práctica el estudiante debe documentarse sobre las tecnologías emergentes de
gestión de contenidos Web CMS en especial la plataforma Joomla, además deberá
revisar información y contenidos sobre la creación de scripts de Java, para programar
objetos y acciones en porciones de código que se pueden incluir en páginas web Html.
Descripción de la practica
Editores de texto: para Windows: Bloc de Notas y para Linux: editor Gedit, además se
necesitara utilizar un navegador sea este Explorer, Mozilla o Crhome. Servidor web
Apache o Xammp y Plataforma Java 6.0 o superior
Metodología
Además el estudiante contará con una OVA denominada "OVA Cms Joomla 2010", la
cual explicara de forma clara y específica el proceso de instalación del CMS Joomla en
un servidor web local y remoto, además de mostrar la forma de configurar y publicar
contenidos en el sitio.
Sistema de Evaluación
La práctica se define como un ítem de tipo individual de los trabajos colaborativos del
UNIVERSIDAD
NACIONAL
ABIERTA
Y
A
DISTANCIA
-‐
UNAD
ESCUELA
DE
CIENCIAS
BASICAS
TECNOLOGIA
E
INGENIERIA
GUIA
COMPONENTE
PRÁCTICO
DEL
CURSO:
301122
-‐
DISEÑO
DE
SITIOS
WEB
El producto a entregar será un sitio web de noticias creado con el CMS de Joomla, el
cual debe estar alojado en un hosting gratuito en la Internet el cual se definirá por el tutor
del curso.
Rúbrica de evaluación
Retroalimentación
7. FUENTES DOCUMENTALES
Hill.
Programación de Active Server Pages. Scott Hillier and Daniel Mezick. Editorial
McGraw Hill - Microsoft Press.
www.desarrolloWeb.com
http:11es.wikipedia.org1wiki1Cms
http:11www.cmsenespanol.com1
http:11www.difundefirefox.com1que-es-un-feed-rss-y-como-usarlo
http:11www.mambohispano.org1
http:11www.mambohispano.org1Especiales1Newbie1%BFQu%E9_es_Mambo?1
http:11es.wikipedia.org1wiki1Joomla!#Historia_del_proyecto
http:11www.nosolocodigo.com1tutorial-crear-plugins-joomla-15
http:11www.solojoomla.com1
http:11www.aulablog.com1planeta1node126636
UNIVERSIDAD
NACIONAL
ABIERTA
Y
A
DISTANCIA
-‐
UNAD
ESCUELA
DE
CIENCIAS
BASICAS
TECNOLOGIA
E
INGENIERIA
GUIA
COMPONENTE
PRÁCTICO
DEL
CURSO:
301122
-‐
DISEÑO
DE
SITIOS
WEB