Ejercicios
Ejercicios básicos
preparación
- Conocer/Recordar el uso de la cuenta de usuario
de la Universitat que tiene cada estudiante.
- Navegar por Internet y acceder a distintas
páginas HTML, comparando la visualización de contenidos
con la visión directa del código HTML.
- Crear un directorio llamado mi_web en la
carpeta Mis Documentos del disco local para guardar (provisionalmente)
los documentos que se vayan a crear.
- Téngase en cuenta que la
información guardada en el disco local de los ordenadores
del aula informática se borra al finalizar el
día, por lo que todos los documentos que trabajemos
habrá que almacenarlos en otro dispositivo o servidor antes
de terminar la sesión de trabajo (se explicará
cómo).
cv.html
Crear una
página biográfica simple con el nombre cv.html, con
los elementos de cabecera adecuados, y con el cuerpo que contenga datos
personales como la edad, familia, estudios, vida profesional,
aficiones, ..., probando:
- Distintos encabezados
- Formatos de caracteres
- Uso de caracteres especiales
- Uso de párrafos y líneas
horizontales
- Uso de todo tipo de listas
- Uso de colores para el texto, fondo, etc.
Visualizar el archivo desde el navegador
Almacenamiento de páginas web en un
servidor = Publicación
Activar la página web personal de cada
estudiante.
Cargar la página cv.html en el
espacio web que facilita la
Universitat de València.
Visualizar en el navegador la
página creada por el estudiante, que será de la
forma
http://mural.uv.es/usuario/cv.html
Editores de páginas web
Uso de la herramienta KompoZer a utilizar durante el
curso.
Aprendizaje de uso
de los elementos más importantes de la
aplicación.
cv.html (2)
Abrir la página biografia.html con KompoZer, ver sus distintas visualizaciones y modificar algún
elemento y añadir algo.
mi_nau_gran.html
Crear con NVU una página para describir los
estudios realizados por el estudiante en la Nau Gran: itinerarios, asignaturas, ...
Ejercicios con enlaces y marcadores
enlaces.html
Crear una página simple con enlaces que
den acceso a páginas que el estudiante considere de especial
interés, agrupadas por categorías (por ejemplo:
medios de comunicación, páginas de la
universidad, ...)
index.html
Creación de una página de
entrada con nuestro nombre que
dé acceso a otras páginas realizadas por el
estudiante (como cv.html, mi_nau_gran.html, enlaces.html, ...)
y si es el caso a otras como la de la Universitat de
València.
cv.html (3)
Modificar la página cv.html para
añadirle marcadores o enlaces internos en los diferentes
apartados y un pequeño índice al principio que
permite
acceder mediante los marcadores a los apartados.
enlaces a la página principal y al correo
Modificar todas las páginas creadas para que al
pie indiquen el nombre del autor que permita enlazar a su página
principal index.html y su correo electrónico, que permita pinchando sobre él enviarle correo.
Imágenes
index.html (2)
Modificar nuestra página de entrada index.html para incluir alguna foto y algún icono y volver a publicarla.
Iconos e imágenes
Incluir alguna foto o icono en alguna de nuestras otras páginas web.
Tablas
lugares_favoritos.html
Crear una página formateada mediante tablas (como se puede ver en el apartado Contenidos de la guía docente
de este mismo curso) con información de nuestros lugares o viajes
favoritos, incluyendo para cada uno información, imágenes (propias o
descargadas de Internet) y enlaces de interés sobre el
destino.
Emplear en la misma, para practicar, la unión horizontal o vertical de varias celdas.
lugares_favoritos.html (2)
Incluir en la página un índice como ya se hizo en un ejercicio anterior.
Enriquecimiento de páginas web
Inclusión de imágenes. Formatos de imágenes.
Tratamiento de imágenes.
Imágenes de fondo.
Marcos
...
Formularios
...
Javascript
...
Hojas de estilo
...
[<]
Volver