El lenguaje HTML y los editores WYSIWYGo como se diga Práctica 1. Empleando el bloc de notas o cualquier editor de textos, genera, mediante etiquetas HTML, una página web como la siguiente. Guárdalo como “pagina01.html”
Práctica 2. Abre el “Kompozer” y modifica el documento anterior de forma que haya palabras en negrita, otras en cursiva, y otras subrayadas. Añade, además, una lista con viñetas (punto gordo) con las asignaturas que cursas, con un tipo de letra verdana y tamaño 22. Apunta al final de la página las etiquetas que se corresponden con cada uno de los atributos del texto. Guárdalo como “pagina02.html” Práctica 3. Configura Kompozer para tu nuevo sitio Web Para facilitar el trabajo de creación y edición de tus páginas Web en Kompozer es muy conveniente que configures la aplicación para que referencie siempre tu sitio Web recién creado. Para ello tienes la ventana Administrador de sitios de Kompozer, muy útil e imprescindible cuando tienes varios sitios web creados en tu equipo. Haz clic sobre el icono “Editar sitios” para abrir la ventana con el formulario de configuración de la publicación de un nuevo sitio.
Introduce los siguientes valores: * Nombre del sitio: Mi página web. * Servidor de publicación: como el sitio web será realizado en tu equipo, en local (ya te ocuparás más adelante, cuando finalices su creación y edición, de publicarla en Internet), busca la carpeta en la que vayas a guardar las páginas mediante el botón Seleccionar directorio. Cuando la encuentres haz clic en el botón Seleccionar. * Nombre de usuario: Escribe tu nombre.
El lenguaje HTML y los editores WYSIWYGo como se diga
Haz clic finalmente en Aceptar. Observa cómo la estructura que has diseñado de archivos y carpetas ahora se muestra en la ventana Administrador de sitios.
Podrás utilizar el Administrador de sitios para acceder directamente a las páginas que vayas realizando y así poder editarlas con rapidez, crear nuevas carpetas, renombrarlas, etc. Resulta pues, muy útil, configurarlo adecuadamente. Práctica 4. Crea una página como la siguiente. Lo importante es que la página tenga los siguientes elementos: •
Un fondo de un color sólido o una imagen patrón que se repita.
•
Una imagen grande más o menos en mitad de la página, que esté en tu carpeta de imágenes.
•
Un texto encima y otro debajo de la imagen. Puedes visitar http://www.lipsum.com/ para generar un texto.
•
Una tabla de 3x3 con lo que quieras dentro.
Guárdalo como “pagina03.html”
El lenguaje HTML y los editores WYSIWYGo como se diga Practica 5. Ahora vamos a utilizar una tabla para organizar la página, de forma que quede de la siguiente manera. Antes de empezar, asegúrate de que has configurado el sitio correctamente.
Para seleccionar la tabla, lo puedes hacer desde el menú tabla, o haciendo clic con el botón derecho del ratón y marcando la opción de seleccionar tabla.
Y luego vamos a elegir un tamaño del borde de 0 pixeles para que no se vea la tabla.
Guárdalo como “pagina04.html”