Diferencia entre revisiones de «OpenOffice.org/Web: el editor de páginas web»
Contenido eliminado Contenido añadido
m Revertidas las ediciones de 201.252.218.104 (Discusión) a la última edición de 71.3.145.241 |
|||
Línea 8:
=== El piloto automático ===
NB: Sobre las instrucciones y gráficos
El piloto automático te ofrece una amplia variedad de tipos y diseños de páginas web para que puedas crear tu propia página con gran rapidez y facilidad. Para comprobarlo, vas a crear un álbum fotográfico de dos páginas del IES Carlos Casares. La ilustración inferior es una captura de pantalla de la edición de la primera página terminada.
:1. Primero prepara los directorios (carpetas) y ficheros que usarás para crear el álbum:
::1. Crea un directorio para la página web de inicio del IES Carlos Casares con el nombre iescc.
:::* Recuerda que en ningún nombre de directorio o fichero que forme parte de una sede web, debes usar espacios en blanco ni caracteres cuyo código ASCII, sea superior al 127, lo que excluye todas las vocales acentuadas y la letra Ñ. También debes usar la diferencia entre mayúsculas y minúsculas, de modo coherente. Una buena práctica es limitarse a las letras minúsculas del alfabeto inglés, el guión bajo, el guión normal, los números y el punto, y usar letras mayúsculas sólo en casos muy justificados que podamos recordar posteriormente.
::2. Crea un subdirectorio de iescc llamado fotos para los ficheros del álbum fotográfico.
::3. Descarga el archivo de fotos web-img.zip, guárdalo en tu carpeta personal y extrae los ficheros en la carpeta fotos que acabas de crear.
:2. Selecciona Archivo->Piloto automático->Página web, para abrir el piloto automático.
:3. Selecciona plantilla Álbum de fotos, estilo Azul, y pulsa Crear.
:4. Guarda la página en el directorio fotos con el nombre 01.html (no es necesario teclear la extensión).
:5. Ahora conviene definir los botones y enlaces de navegación, que son comunes a la mayoría de las páginas del álbum, para crear las páginas restantes del álbum como copias de la primera: si el álbum tuviese muchas páginas, esto te ahorraría mucho trabajo.
::1. Haz doble-clic sobre la casita para abrir el cuadro de diálogo Imagen. En el control URL de la ficha Hiperenlace escribe ../index.html, que debería ser la ruta relativa a la página principal. (Observa que, una vez definido el enlace, para seleccionarlo deberás activar el modo de selección haciendo clic sobre la palabra HYP de la barra de estado).
::2. Selecciona y borra el epígrafe "Libro 1"; selecciona y borra desde la primera "Página 3" hasta la última "Pagina 2", inclusive.
::3. Selecciona "Título de página" y escribe en su lugar Exteriores (1).
::4. Selecciona "Pagina 1" y escribe en su lugar Exteriores (1); selecciona "Pagina 2" y escribe en su lugar Exteriores (2).
:6. También conviene editar ahora los campos de información, aunque haya que retocarlos luego:
::1. Selecciona Archivo->Propiedades.
::2. En la ficha Descripción indica Título Exteriores (1), Palabras clave Fotos IES Carlos Casares.
::3. En la ficha Usuario, pulsa el botón Campo información y cambia el nombre Info 1 por Author (en inglés) y pulsa Aceptar. Ahora escribe tu nombre en el cuadro Author y pulsa Aceptar.
:7. Como ya no hay más elementos comunes a todas las páginas, guarda la página, abre el explorador de ficheros del sistema y copia 01.html como 02.html.
:8. Termina la primera página:
::1. Selecciona "Exteriores (2)" y abre el cuadro de formato de carácter. En el cuadro URL de la ficha Hiperenlace escribe 02.html y pulsa Aceptar.
::2. Borra la flecha hacia la izquierda (es la primera página), haz doble-clic sobre la flecha hacia la derecha para abrir el cuadro de diálogo de imágenes. En el cuadro URL de la ficha Hiperenlace escribe 02.html.
::3. Para cada una de las cuatro imágenes:
:::1. Pulsa sobre la imagen de la plantilla para seleccionarla y bórrala pulsando Supr.
:::2. Sin mover el cursor de sitio, inserta la imagen correspondiente f01.jpg - f04.jpg.
:::3. Cambia el ancla de la imagen a Como carácter.
:::4. Guarda la página.
:9. Abre la segunda página (02.html) y procede de modo similar. No te olvides de actualizar el título en Archivo->Propiedades.
:10. Por último elimina los ficheros de las imágenes que has borrado de las páginas (apples.gif, flower.gif, flowers.gif y sky.gif).
El álbum ya está terminado. Abre la primera página con tu navegador habitual, para ver cómo queda.
===Sobre el tamaño de las imágenes===
| |||