Taller de Internet. Departamento de Formación Apple Computer España

Transcripción

1 Taller de Internet Departamento de Formación Apple Computer España

2 Indice INTRODUCCION... 2 INICIO... 3 CREACION DE UNA PAGINA... 6 Inserción de texto...6 Salvar cambios...10 Copiar Texto de otro documento...12 Insertando Imágenes en el documento...16 Como dar formato al texto...18 Cambio del fondo de página...22 ELABORACION DE MAS PAGINAS Empezando la página de deportes...24 Formateo de la página de deportes...29 Cambio del color de fondo Creación de una tabla...32 Creación del primer enlace...38 Empezando la página noticias...40 Formateo de la página de noticias...42 Creación del segundo enlace...44 Creación de una página en construcción...47 Creación de un enlace hacia la primera página...50 Enlace de la página principal a la de cursos...51 Dpto. de Formación. Apple Computer España pág. 1 Taller Internet. EDUMAC 97

3 INTRODUCCION El objetivo de este taller consiste en en mostrar como se pueden crear páginas Web para comunicar en Internet, de manera muy sencilla gracias a la tecnología incorporada en los ordenadores Apple Macintosh así como gracias al software Claris Home Page. Debido a que es muy sencillo preparar información para publicarla en Internet, esta red se puede transformar con muy poco esfuerzo en un instrumento más, de fácil manejo para compartir información entre profesores, alumnos y padres de alumnos en cualquiera de las combinaciones que se nos puedan ocurrir. Por ejemplo, será fácil publicar información de experiencias educativas de cara a colaborar con otros profesores de toda España y todo el mundo; los alumnos y los profesores podrán tener vias de comunicación instántaneas y muy ricas en información; los alumnos tendrían un medio de acceder a ingentes cantidades de información que podrían ser canalizadas por los profesores; los padres tendrían una puerta abierta a tener información de las actividades escolares y extraescolares de sus hijos; etc, etc. En este taller nos vamos a dedicar a crear las páginas de Internet que podría tener cualquier colegio del mundo. Será sólo un pequeño ejemplo de lo que se puede hacer, y los textos que se han incorporado así como la información gráfica son totalmente modificables: lo que importa realmente es ver la estructura de la publicación de contenidos en Internet y su facilidad de creación. Dpto. de Formación. Apple Computer España pág. 2 Taller Internet. EDUMAC 97

4 INICIO En primer lugar vamos a localizar los elementos con los que vamos a trabajar en las prácticas. Al encender el ordenador verás en la pantalla los siguientes iconos: Escritorio con la carpeta "Taller de Internet" Cursor 1 Dentro de la carpeta llamada "Taller de Internet" se hallan los elementos necesarios para realizar las prácticas. Para ver el contenido de la carpeta, hay que situar el cursor sobre ella(la flecha la puedes mover con el ratón) y hacer dos veces click en el botón del ratón, lo que a partir de ahora llamaremos doble click. Cursor sobre carpeta 2 Dentro podemos ver el siguiente contenido: Podemos observar que hay dos carpetas. En la llamada "Aplicaciones" se encuentran las aplicaciones o herramientas informáticas que vamos a utilizar para crear nuestras páginas. En la carpeta están los Dpto. de Formación. Apple Computer España pág. 3 Taller Internet. EDUMAC 97

5 textos e imágenes que vamos a utilizar como base y así no tener que ponernos a escribir o dibujar. 3 Ahora vamos a hacer doble click en la carpeta "Proyecto alumno" para ver su contenido: Podemos ver una carpeta llamada textos, la cual contiene textos que han sido escritos con una aplicacion llamada SimpleText, y que nos van a evitar tener que teclear en su totalidad el contenido de las páginas que vamos a crear. La carpeta imágenes contiene las fotos y gráficos que también usaremos. Y la carpeta Ejemplo realizado contiene el ejercicio ya hecho para comparar al final de la práctica. 4 Vamos a cerrar la ventana que hemos abierto haciendo un click en el cuadro de cierre. El cuadro de cierre de las ventanas está situado en la esquina superior izquierda de la ventana (ver figura). Cuadro de cierre 5 Ahora vamos a inspeccionar el contenido de la carpeta Aplicaciones. Para ello hacemos igual que antes un doble click sobre dicha carpeta. Dpto. de Formación. Apple Computer España pág. 4 Taller Internet. EDUMAC 97

6 El contenido de esta carpeta consiste en lo siguiente: a)carpeta de Claris Home Page, que es la principal aplicación que vamos a usar, y la que nos servirá para crear las páginas. b)simpletext, que es un pequeño procesador de textos, muy simple, en el que están escritos los textos de ayuda de la carpeta textos que veíamos antes. c)carpeta de Navigator, del fabricante de software Netscape. Es uno de los visualizadores de páginas más extendido dentro de Internet. Nos permitirá ver el trabajo finalizado tal y como se verá en Internet. 6 A continuación haremos un doble click sobre la carpeta Claris Home Page para visualizar su contenido. Dentro veremos, entre otros, el icono siguiente: Icono de la aplicación Claris Home Page 7 Hacemos doble click en dicho icono para empezar a trabajar con esa herramienta. Al hacer esto se nos abrirá una página en blanco para empezar a trabajar. Documento vacío de Claris Home Page. Dpto. de Formación. Apple Computer España pág. 5 Taller Internet. EDUMAC 97

7 CREACION DE UNA PAGINA A continuación vamos a crear una página partiendo desde cero, y vamos a ir introduciéndo poco a poco mayor complejidad. Antes de comenzar, sólo una matización: Claris Home Page es una aplicación que nos permite crear páginas Web sin saber nada del código HTML, que es parecido a un lenguaje de programación. Por ello no tenemos que introducir ningún tipo de comandos ni aprenderlos, ya que todas las órdenes las daremos con el ratón. Para decir lo que queremos hacer, es necesario seleccionar aquello sobre lo que queremos dar una orden y después, pulsar un botón de la barra de herramientas o desplegar un menú de la parte superior. Inserción de texto Lo primero vamos a escribir en nuestra página una cabecera que indique a la gente que nos vea en Internet a dónde han llegado. 1 Tecleamos la frase: "Bienvenidos al Colegio Ideal" y después la tecla de retorno de carro (ver figura). Veremos que aparece el texto tal y como lo escribimos. Tecla de retorno de carro Aspecto de la pantalla al introducir el texto Dpto. de Formación. Apple Computer España pág. 6 Taller Internet. EDUMAC 97

8 2 Vamos a seleccionar la frase para cambiarle los atributos de texto, es decir, darle mayor tamaño, otro color distinto, etc. Para ello hacemos un click con el ratón al inicio de la frase, y sin soltar el ratón lo desplazamos hasta el final de la frase. Cuando tenemos seleccionada toda la frase, soltamos. El aspecto de lo que nos queda será como el siguiente: 3 En el la barra de menus de la parte superior de la pantalla, hay uno llamado Format, que nos permite variar el formato de texto que tenemos seleccionado. Vamos a escoger la opción "Heading 1 (largest)". Observamos lo que pasa. Los tamaños que podemos utilizar para asignar al texto en una página Web, varian entre "Heading 1", lo más grande, y "Heading 6", lo más pequeño. Ahora vamos a cambiar el color del texto seleccionado. 4 En la barra de botones, situada en la parte superior del documento, existe un pequeño menú desplegable con el siguiente dibujo. Menu color de texto Dpto. de Formación. Apple Computer España pág. 7 Taller Internet. EDUMAC 97

9 Si lo mantenemos pulsado con el puntero se despliega permitiéndonos escoger un color de los que figuran en la lista, o uno especial que elijamos nosotros. Elegiremos la opción "Other" para personalizar el color. 5 Aparece una paleta de color. En la parte inferior de la ventana, haremos un click y arrastraremos sin soltar en el icono que nos permite subir el brillo de la paleta de color Barra de brillo Seleccionamos un tono azul para nuestro texto y pulsamos el botón de OK. Dpto. de Formación. Apple Computer España pág. 8 Taller Internet. EDUMAC 97

10 6 Vamos a centrar ahora el texto. Para ello, con el texto seleccionado, pulsamos en el botón de "Alinear centrado", que es el botón de enmedio de los tres que indica la figura. Alineación de texto. Estos botones se hallan en la parte superior derecha de la barra de botones de la aplicación. El resultado de las opciones que hemos ido seleccionando ha de ser similar a la imagen siguiente: Dpto. de Formación. Apple Computer España pág. 9 Taller Internet. EDUMAC 97

11 Salvar cambios Es conveniente ir salvando los cambios que vamos haciendo en nuestro disco duro. La primera vez que salvamos cambios en una página Web se nos pedirán dos datos: a)título del documento: frase corta explicando de que trata la hoja. b)nombre del fichero: nombre de 28 caracteres como máximo, que tendrá nuestro fichero, y que nos permitirá buscarlo por el disco duro y carpetas. 1 Para guardar cambios seleccionamos la opción "Save " del menu llamado "File ". Aspecto del menú File Dpto. de Formación. Apple Computer España pág. 10 Taller Internet. EDUMAC 97

12 2 En la ventana que aparece introducimos el título de la página y pulsamos en el botón OK. 3 En la ventana que nos aparece a continuación tenemos que decirle dónde queremos guardar el documento que hemos creado y que nombre de fichero le vamos a poner. 4 Lo mas sencillo en nuestro caso es hacer un click en el botón escritorio del cuadro de diálogo. 5 Ahora, dentro del cuadro de diálogo escogemos la carpeta "Taller de Internet", y hacemos un doble click sobre ella. 6 Aparecerá dentro del cuadro de diálogo una carpeta llamada "Proyecto Alumno", y haremos otro doble click sobre ella. 7 Daremos nombre al fichero (o dejamos el que tiene por defecto) y pulsamos el botón Guardar. Con esto, los cambios que hemos hecho quedarán almacenados en nuestro disco. Dpto. de Formación. Apple Computer España pág. 11 Taller Internet. EDUMAC 97

13 Copiar Texto de otro documento Ahora, para no escribir el documento completo, copiaremos texto de otro documento ya hecho. Podría ser texto creado con cualqueir procesador de textos de Macintosh o Windows, como por ejemplo Microsoft Word, WordPerfect, ClarisWorks, etc. Para no tener que aprender a usar estos procesadores, nuestro texto ha sido creado con SimpleText, un programa muy sencillo de usar. Para acceder al texto ocultaremos la aplicación Claris Home Page y abriremos el documento de texto con un doble click. 1 Para ocultar temporalmente la aplicación Claris Home Page, desplegamos el menú aplicación y seleccionamos la primera opción. El menú aplicación está a la derecha del todo, en la parte superior de la pantalla, y ha de tener este aspecto. 2 Dentro de la carpeta Taller Internet, que abriremos con un doble click, está la carpeta Proyecto Alumno. 3 Hacemos doble click para abrir la carpeta Proyecto Alumno y ver su contenido. 4 Abrimos la carpeta textos. Dpto. de Formación. Apple Computer España pág. 12 Taller Internet. EDUMAC 97

14 5 Abrimos el documento llamado Texto página principal El texto que aparece a continuación es el que usaremos para ponerlo en la página principal. 6 Desplegamos el menú Edición y escogemos la opción Seleccionar todo. Así seleccionamos el texto que queremos copiar, que es el documento entero. Dpto. de Formación. Apple Computer España pág. 13 Taller Internet. EDUMAC 97

15 7 Desplegamos el menú Edición y escogemos la opción Copiar. 8 Desplegamos el menú Archivo y escogemos la opción Salir. Ahora volveremos a Claris Home Page a pegar el texto que hemos copiado. Dpto. de Formación. Apple Computer España pág. 14 Taller Internet. EDUMAC 97

16 9 Desplegamos el menú Aplicación, el que está a la derecha del todo, en la parte superior de la pantalla y escogemos la opción Claris Home Page. 10 Ponemos el puntero del ratón después del texto escrito anteriormente y escogemos la orden Paste del menu Edit. Menu Edit de Claris Home Page 11 Salvamos los cambios. Para ello elegimos la opción "Save" en e menú "File". Dpto. de Formación. Apple Computer España pág. 15 Taller Internet. EDUMAC 97

17 Insertando Imágenes en el documento Vamos a añadir dos imágenes al documento con el que estamos trabajando. Para ello vamos a abrir la carpeta que contiene las imágenes, la vamos a poner al lado del documento que estamos realizando y vamos a arrastrar con el ratón las imágenes a dónde queramos. 1 Abrir la carpeta imagenes. Para ello, sin cerrar ni ocultar Claris Home Page, hacemos un doble click sobre la carpeta llamada Taller Internet, y después abrimos la carpeta Proyecto Alumno, que es dónde está la carpeta imágenes. Contenido de la carpeta imágenes 2 Arrastramos la imágen llamada "Escudo.gif" a al página que estamos creando, y la dejamos después del la cabecera. 3 Repetimos la acción con la imágen llamada "foto_colegio.jpg", y la dejamos a la derecha de la anterior. NOTA: Si queremos, podemos arrastrar y soltar cualquier imágen o texto a lo largo de la página Web y soltar dóde queramos. Dpto. de Formación. Apple Computer España pág. 16 Taller Internet. EDUMAC 97

18 4 Seleccionamos una de las dos imágenes haciendo un click en una de ellas y pulsamos el botón de centrado de texto (vale también para imágenes) El resultado puede ser algo así. 5 Salvamos los cambios. Para ello elegimos la opción "Save" en e menú "File". Dpto. de Formación. Apple Computer España pág. 17 Taller Internet. EDUMAC 97

19 Como dar formato al texto Vamos a retocar un poco el formato del texto que añadimos antes. Así veremos algunas opciones que podemos incluir en una página Web. 1 Seleccionamos todo el texto que hemos introducido por debajo de las imágenes. Para ello pulsamos el ratón al principio del texto, y sin soltar, lo llevamos hasta abajo, hasta dónde termina el texto. Al llegar a abajo, soltamos y tendremos el texto seleccionado. Texto mientras se selecciona NOTA: Si un texto o imágen está seleccionado podemos aplicar sobre el cualquier acción de los menús o botones de la aplicación 2 Pulsamos el botón de alineación de texto a la izquierda. Está situado en la barra de botones, en la parte superior izquierda. Botón de alineación de texto a la izquierda. Al hacer esto, si el texto no estaba alineado a la izquierda, se alineará. Tambbien es posible alinear al centro, o a la derecha, y estos botones sirven tanto para gráficos como para texto. Dpto. de Formación. Apple Computer España pág. 18 Taller Internet. EDUMAC 97

20 3 Desplegamos el menú Format, y escogemos la opción Heading 4 que nos dará un tamaño de texto algo superior. 4 Vamos a dar mayor realce al texto "Actividades Complementarias y Extraescolares". Para ello lo seleccionamos con el ratón, como hemos aprendido ya, y le aplicamos un formato de texto mayor (p. ej., Heading 3). Podemos escoger el pequeño menú que hay a a la izquierda de la la barra de botones (o el mismo menú Format que utilizamos antes). Vamos a separar ahora el texto seleccionado, del resto de la página, usando para ello una línea horizontal. Para ello seguimos los pasos siguientes. 5 Hacemos un click justo antes del texto que queremos separar (en nuestro caso "Actividades Complementarias y Extraescolares"). El puntero parapadeará en esa posición. Dpto. de Formación. Apple Computer España pág. 19 Taller Internet. EDUMAC 97

21 6 Seleccionamos el botón "Regla Horizontal" de la barra de botones del documento. Botón de inserción de Regla Horizontal pulsado. Ahora pondremos texto en diferentes colores. Para ello seguimos los pasos siguientes. 7 Seleccionamos el texto que queremos colorear (en nuestro caso "Actividades Complementarias y Extraescolares"). 8 Desplegamos el pequeño menu de la barra de botones y escogemos un color de los que nos indica, o bien, escogemos la opción "other" y seleccionamos un color de la rueda de color. Menú de color de texto Otra posibilidad de formateo que tenemos al crear una página Web, es la de poner una o varias letras a un tamaño diferente, mayor o menor que el resto. Vamos a probar con un ejemplo. 9 Seleccionamos la letra "D" de la palabra DEPORTES. Dpto. de Formación. Apple Computer España pág. 20 Taller Internet. EDUMAC 97

22 10 Pulsamos el botón que hace más grande el texto seleccionado (ver figura) Repetimos esta acción con la letra E de "Escuela de padres". Ahora vamos a ver como podemos hacer una identación del texto. 11 Seleccionamos el texto a identar (ver figura). 12 Pulsamos el botón de identación a la derecha (ver figura). Podemos pulsarlo tantas veces como queramos en función del efecto que queramos conseguir. Identación a derecha e izquierda 13 Repetimos esta acción con el texto de "Escuela de padres". 14 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". Dpto. de Formación. Apple Computer España pág. 21 Taller Internet. EDUMAC 97

23 Cambio del fondo de página A continuación vamos a aprender a cambiar el fondo a la página Web que estamos creando. 1 Hacemos un click en el botón que nos permite cambiar las características del página. (ver fig.) La ventana que nos aparece nos permitirá cambiar atributos globales de la página. 2 Hacemos un click en el cuadro de color gris situado a la derecha del texto background. Este cuadro indica el color de background (o color de fondo) que está activo. Dpto. de Formación. Apple Computer España pág. 22 Taller Internet. EDUMAC 97

24 3 En la ventana de selección de color ponemos el brillo al máximo. Para ello arrastramos y soltamos el "mando" del brillo hasta el 100%. Control de selección de brillo 4 Si el color que aparece en el cuadro "Nuevo" es el color blanco pulsamos en OK. Nota: Es importante escoger un color de fondo o imágen que faciliten la lectura del texto. Diseños de fondo de página con colores fuertes y chillones hacen que no sean páginas legibles. El blanco es una de las mejores opciones de color de fondo. 5 Salvamos los cambios. Para ello elegimos la opción "Save" en e menú "File". Dpto. de Formación. Apple Computer España pág. 23 Taller Internet. EDUMAC 97

25 ELABORACION DE MAS PAGINAS Una de las mejores posibilidades que ofrece crear páginas Web, es que se pueden enlazar unas páginas con otras, bien sean nuestras o bien sean creadas por otros y que esten en cualquier lugar de Internet, de forma fácil y sencilla. Para ello sólo hay que tener creada una página y después decir que texto o imagen de mi documento enlazan con que página. Nosotros vamos a crearnos tres páginas más, de la misma manera que hemos hecho hasta ahora, y según las vayamos creando, las enlazaremos con la primera. Empezando la página de deportes En la página que nos acabamos de crear, hay una parte que trata acerca de que en nuestro colegio se sealizan actividades deportivas. Vamos a crear una página que hable de ello. El texto y las imágenes que vamos a usar están en las carpetas textos e imagenes respectivamente, y los vamos a usar como en el ejemplo anterior. 1 Para ocultar temporalmente la aplicación Claris Home Page, desplegamos el menú aplicación y seleccionamos la primera opción. El menú aplicación está a la derecha del todo, en la parte superior de la pantalla, y ha de tener este aspecto. 2 Dentro de la carpeta Taller Internet, que abriremos con un doble click, está la carpeta Proyecto Alumno. Dpto. de Formación. Apple Computer España pág. 24 Taller Internet. EDUMAC 97

26 3 Hacemos doble click para abrir la carpeta Proyecto Alumno y ver su contenido. 4 Abrimos la carpeta textos. 5 Abrimos el documento llamado Texto deportes El texto que aparece a continuación es el que usaremos para ponerlo en la página de deportes. 6 Desplegamos el menú Edición y escogemos la opción Seleccionar todo. Así seleccionamos el texto que queremos copiar, que es el documento entero. 7 Desplegamos el menú Edición y escogemos la opción Copiar. Aspecto del menu Edición Dpto. de Formación. Apple Computer España pág. 25 Taller Internet. EDUMAC 97

27 8 Desplegamos el menú Archivo y escogemos la opción Salir. Ahora volveremos a Claris Home Page a pegar el texto que hemos copiado. 9 Desplegamos el menú Aplicación, el que está a la derecha del todo, en la parte superior de la pantalla y escogemos la opción Claris Home Page. 10 Desplegamos el menú File, dentro de la aplicación Claris Home Page. y escogemos la opción New Page, la cual nos creará una página nueva en blanco. Aspecto del menú File de Claris Home Page. 11 Escogemos la orden Paste del menu Edit. Dpto. de Formación. Apple Computer España pág. 26 Taller Internet. EDUMAC 97

28 Menu Edit de Claris Home Page 12 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". 13 En la ventana que aparece introducimos el título de la página y pulsamos en el botón OK. (Ver figura para poner el nombre) Dpto. de Formación. Apple Computer España pág. 27 Taller Internet. EDUMAC 97

29 14 En la ventana que nos aparece a continuación tenemos que decirle dónde queremos guardar el documento que hemos creado y que nombre de fichero le vamos a poner. 15 Lo mas sencillo en nuestro caso es hacer un click en el botón escritorio del cuadro de diálogo. 16 Ahora, dentro del cuadro de diálogo escogemos la carpeta "Taller de Internet", y hacemos un doble click sobre ella. 17 Aparecerá dentro del cuadro de diálogo una carpeta llamada "Proyecto Alumno", y haremos otro doble click sobre ella. 18 Daremos nombre al fichero (o dejamos el que tiene por defecto) y pulsamos el botón Guardar. Con esto, los cambios que hemos hecho quedarán almacenados en nuestro disco. Dpto. de Formación. Apple Computer España pág. 28 Taller Internet. EDUMAC 97

30 Formateo de la página de deportes Vamos a retocar un poco el texto que nos hemos traido. Para ello empezemos diciendo que partes del texto son más importantes y les asignamos formatos que destaquen sobre el resto. 1 Seleccionamos, arrastrando el ratón como ya hemos aprendido, la primera frase. 2 En el menú Format, o bien, en el menu de formatos de la barra de botones, escogemos la opción Heading 3. 3 Seleccionamos los diferentes puntos dentro de la Escuela de Deportes de invierno y los ponemos en formato Heading 4. Dpto. de Formación. Apple Computer España pág. 29 Taller Internet. EDUMAC 97

31 4 Seleccionamos la lista de horarios de la escuela de invierno. 5 Nos creamos una lista de bullets simplemente pulsando el botón de lista no numerada. Botón de lista no numerada Podemos observar que mejora bastante el aspecto y legibilidad de la página. Cambio del color de fondo Para que todas las páginas tengan similar aspecto, debemos de seguir el mismo estilo en todas. Por ello vamos a poner el fondo de pantalla de color blanco como lo hicimos antes. 1 Hacemos un click en el botón que nos permite cambiar las características del página. (ver fig.) Dpto. de Formación. Apple Computer España pág. 30 Taller Internet. EDUMAC 97

32 La ventana que nos aparece nos permitirá cambiar atributos globales de la página. 2 Hacemos un click en el cuadro de color gris situado a la derecha del texto background. Este cuadro indica el color de background (o color de fondo) que está activo. 3 En la ventana de selección de color ponemos el brillo al máximo. Para ello arrastramos y soltamos el "mando" del brillo hasta el 100%. Control de selección de brillo 4 Si el color que aparece en el cuadro "Nuevo" es el color blanco pulsamos en OK. 5 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". Dpto. de Formación. Apple Computer España pág. 31 Taller Internet. EDUMAC 97

33 Creación de una tabla Para poder ordenar elementos dentro de una página Web se pueden utilizar tablas, cuyos bordes se pueden hacer invisibles (de valor 0), dando la impresión al lector de que los objetos est n fijados a posiciones exactas de la página. Vamos a crear una tabla de tres columnas y una sóla fila para meter en ella dos imágenes y un texto que hagan de cabecera de la página. 1 Situamos el cursor antes de la primera palabra de la primera línea y hacemos un click hay, para indicar el punto de inserción de la tabla. 2 Pulsamos el botón de inserción de tabla. 3 Aparece una ventana flotante como esta. Dpto. de Formación. Apple Computer España pág. 32 Taller Internet. EDUMAC 97

34 4 En la ventana flotante que aparece modificamos unos datos: Border: 0; líneas de borde de la tabla invisibles Rows: 1; Una fila Columns: 3; Tres columnas Vamos a añadir dos imágenes al documento con el que estamos trabajando. Para ello vamos a abrir la carpeta que contiene las imagenes, la vamos a poner al lado del documento que estamos realizando y vamos a arrastrar con el ratón las imágenes a dónde queramos. 5 Abrir la carpeta imagenes. Para ello, sin cerrar ni ocultar Claris Home Page, hacemos un doble click sobre la carpeta llamada Taller Internet, y después abrimos la carpeta Proyecto Alumno, que es dónde está la carpeta imágenes. Contenido de la carpeta imágenes Dpto. de Formación. Apple Computer España pág. 33 Taller Internet. EDUMAC 97

35 6 El aspecto de la pantalla será algo así. 7 Arrastramos la imagen fotoski.gif sobre la primera celda de la tabla empezando por la izquierda. 8 Arrastramos la imagen logoski.gif sobre la tercera celda de la tabla empezando por la izquierda. 9 Selecionamos el texto "Escuela de deportes de invierno". Dpto. de Formación. Apple Computer España pág. 34 Taller Internet. EDUMAC 97

36 11 Si ponemos el puntero del ratón sobre las líneas que separan las celdas de la tabla y esperamos un momento, aparece un cursor que me permite cambiar el tamaño de las celdas de la tabla, lo que me permite distribuir esta entre los distintos elementos que integre. Nota: Vamos a aprender a cambiar de tamaño una imagen. 12 Hacemos un click sobre la imagén. Aparece una línea alrededor. 13 Mantenemos pulsada la tecal mayúsculas. 14 Hacemos click y arrastramos sobre el recuadro de la esquina inferior izquierda. La imagen varia proporcionalmente. Si no pulsamos la tecla mayúsculas la ampliación/reducción se ejecutara sin guardar proporciones. Trabajaremos con las imágenes y el texto hasta que tengamos algo así más o menos. Dpto. de Formación. Apple Computer España pág. 35 Taller Internet. EDUMAC 97

37 La gente que vea nuestras páginas no tendrá Claris Home Page, sino que lo más normal es que las vea con Netscape Navigator o Microsoft Internet Explorer. Si queremos previsualizar la página para saber como la veran otros desde otras aplicaciones haremos lo siguiente: 15 Pulsamos el botón de previsualización. Está en la barra de herramientas en la parte superior izquierda. Botón de previsualización pulsado. así. Ahora las líneas de borde no se ven. El resultado puede ser algo Dpto. de Formación. Apple Computer España pág. 36 Taller Internet. EDUMAC 97

38 16 Volvemos a dejar el documento en modo de edición, para poder seguir modificándolo. Para ello pulsamos el botón que está a la derecha del de previsualización, que es el que tiene un lápiz dibujado. Botón Edición 17 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". 18 Cerramos el documento. Para ello elegimos la opción "Close" en el menú "File". Dpto. de Formación. Apple Computer España pág. 37 Taller Internet. EDUMAC 97

39 Creación del primer enlace Vamos ahora a enlazar la página inicial con la página de deportes. Para crear un enlace hay que definir cual es el origen y cual es el final. El origen será un texto del documento Pagina_Inicial.html, y el destino Pagina_de_deportes.html Empezaremos por abrir el documento origen y seleccionar el texto de enlace. 1 Abrimos el documento Pagina_Inicial.html. Para ello, sin ocultar ni cerrar nada, haremos doble click en la carpeta Taller Internet, y dentro, otro doble click en Proyecto Alumno. 2 Seleccionamos el texto DEPORTES. 3 Pulsamos el botón de inserción de enlaces. Está situado en el centro de la barra de botones. Botón de Inserción de Enlaces (links) seleccionado. Aparecerá un cuadro de diálogo en el que nos pedirá que seleccionemos el fichero de destino. 4 Seleccionamos el fichero Pagina_de_deportes.html y hacemos doble click en él. Si no aparece en el cuadro de diálogo a primera vista lo tendremos que buscar. Dpto. de Formación. Apple Computer España pág. 38 Taller Internet. EDUMAC 97

40 Para ello pulsaríamos el botón "Desktop" equivalente en inglés a escritorio, y hariamos entonces doble click en la carpeta Taller Internet, y dentro, otro doble click en Proyecto Alumno. 5 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". Ya está! Ahora solo falta probar que funciona. Para ello pulsamos el botón de previsualización y hacemos un click en el enlace, que ha de estar de color azul. Botón de previsualización pulsado. Nos aparece la página de destino. Volvemos a dejar el documento origen en modo de edición, para poder seguir modificándolo. Para ello pulsamos el botón que está a la derecha del de previsualización, que es el que tiene un lápiz dibujado. Botón Edición Dpto. de Formación. Apple Computer España pág. 39 Taller Internet. EDUMAC 97

41 Empezando la página noticias Vamos a crear una página de noticias del colegio. Para ello seguiremos los mismos pasos que con la página de deportes. 1 Para ocultar temporalmente la aplicación Claris Home Page, desplegamos el menú aplicación y seleccionamos la primera opción. 2 Dentro de la carpeta Taller Internet, que abriremos con un doble click, está la carpeta Proyecto Alumno. 3 Hacemos doble click para abrir la carpeta Proyecto Alumno y ver su contenido. 4 Abrimos la carpeta textos. 5 Abrimos el documento llamado Texto deportes El texto que aparece a continuación es el que usaremos para ponerlo en la página de deportes. 6 Desplegamos el menú Edición y escogemos la opción Seleccionar todo. 7 Desplegamos el menú Edición y escogemos la opción Copiar. 8 Desplegamos el menú Archivo y escogemos la opción Salir. Ahora volveremos a Claris Home Page a pegar el texto que hemos copiado. Dpto. de Formación. Apple Computer España pág. 40 Taller Internet. EDUMAC 97

42 9 Desplegamos el menú Aplicación, el que está a la derecha del todo, en la parte superior de la pantalla y escogemos la opción Claris Home Page. 10 Desplegamos el menú File, dentro de la aplicación Claris Home Page. y escogemos la opción New Page, la cual nos creará una página nueva en blanco. 11 Escogemos la orden Paste del menu Edit. 12 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". 13 En la ventana que aparece introducimos como título de la página : "Pagina_de_Noticias.html" y pulsamos en el botón OK. 14 En la ventana que nos aparece a continuación tenemos que decirle dónde queremos guardar el documento que hemos creado y que nombre de fichero le vamos a poner. 18 Daremos nombre al fichero (o dejamos el que tiene por defecto) y pulsamos el botón Guardar. Dpto. de Formación. Apple Computer España pág. 41 Taller Internet. EDUMAC 97

43 Formateo de la página de noticias Al igual que hemos hecho con la página inicial, y con la de deportes, ahora nos pondremos a formatear el texto. Básicamente hay que hacer lo siguiente: 1 Dar tamaño mas relevante a la cabecera del documento y a los parrafos que se incluyen en él, así como cambiar los colores de texto que se deseen. 2 Dar a las listas un formato de listas numeradas o sin numerar (de bullets) según nuestro gusto. Botones de creación de listas. 3 Poner el fondo de pantalla de color blanco. 4 Salvar los cambios. Como todas estas acciones ya se han explicado al menos una vez, remito al alumno a las páginas anteriores para resolver sus dudas. La apariencia final podría ser algo así. Dpto. de Formación. Apple Computer España pág. 42 Taller Internet. EDUMAC 97

44 Dpto. de Formación. Apple Computer España pág. 43 Taller Internet. EDUMAC 97

45 Creación del segundo enlace Vamos ahora a enlazar la página inicial con la página de noticias. Para crear un enlace hay que definir cual es el origen y cual es el final. El origen será un texto del documento Pagina_Inicial.html, y el destino Pagina_de_Noticias.html Empezaremos por abrir el documento origen y seleccionar el texto de enlace. 1 Abrimos el documento Pagina_Inicial.html Para ello, sin ocultar ni cerrar nada, haremos doble click en la carpeta Taller Internet, y dentro, otro doble click en Proyecto Alumno, y finalmente doble click en el fichero Pagina_Inicial.html Dpto. de Formación. Apple Computer España pág. 44 Taller Internet. EDUMAC 97

46 2 Seleccionamos el texto ESCUELA DE PADRES. 3 Pulsamos el botón de inserción de enlaces. Está situado en el centro de la barra de botones. Botón de Inserción de Enlaces (links) seleccionado. Aparecerá un cuadro de diálogo en el que nos pedirá que seleccionemos el fichero de destino. 4 Seleccionamos el fichero Pagina_de_Noticias.html y hacemos doble click en él. Si no aparece en el cuadro de diálogo a primera vista lo tendremos que buscar. Para ello pulsaríamos el botón "Desktop" equivalente en inglés a escritorio, y hariamos entonces doble click en la carpeta Taller Internet, y dentro, otro doble click en Proyecto Alumno. 5 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". Dpto. de Formación. Apple Computer España pág. 45 Taller Internet. EDUMAC 97

47 Igual que con el primer enlace, el texto se pone de color azul, indicando que tiene un enlace. Vamos a probarlo. Nos ponemos en modo previsualización Botón de previsualización pulsado. Nos aparece la página de destino. Volvemos a dejar el documento origen en modo de edición, para poder seguir modificándolo. Para ello pulsamos el botón que está a la derecha del de previsualización, que es el que tiene un lápiz dibujado. Botón Edición Dpto. de Formación. Apple Computer España pág. 46 Taller Internet. EDUMAC 97

48 Creación de una página en construcción A veces, cuando se está trabajando en una página o grupo de páginas, pero todavía no se han terminado, es posible hacer dos cosas: 1)En la página de origen del salto, se pone el texto que va a ser el enlace, pero no se crea el enlace. La gente verá que hay algo previsto, pero no podrá acceder a nada de momento. 2)En la página de origen del salto, se pone el texto que va a ser el enlace, y se crea el enlace a una página en la que se explica que el documento final todavía no esta acabado, y se pueden dar algunos datos extras: fecha en la que estará la página, responsable de la misma y dirección de correo, otras páginas de ayuda, etc. Vamos a crear una de estas páginas. 1 Si no tenemos abierta la aplicación, hacemos doble click en el icono de la aplicación Claris Home Page para empezar a trabajar con esa herramienta. Al hacer esto se nos abrirá una página en blanco para empezar a trabajar. Documento vacío de Claris Home Page. Si ya tenemos abierta la aplicación abrimos el menú File y escgemos la opción New Page. Dpto. de Formación. Apple Computer España pág. 47 Taller Internet. EDUMAC 97

49 2 Tecleamos el siguiente texto: 3 Salvamos el documento. Para ello escogemos la opción Save del menú File 4 Le asignamos un título en la ventana que aparece a continuación (ver figura). 5 Le asignamos un nombre en la ventana que aparece a continuación (ver figura). Tendremos cuidado de guardarlo en la carpeta Proyecto Alumno. Dpto. de Formación. Apple Computer España pág. 48 Taller Internet. EDUMAC 97

50 5 Vamos a formatear el texto haciéndolo más grande y dándole otro color más llamativo. Además, vamos a añadir una imagen, por lo que abriremos la carpeta imágenes de nuestro disco para poder arrastrarla sobre la página 6 Arratraremos la imágen sobre la página y pondremos un texto debajo. Aquí indicaríamos los datos que quisiesemos transmitir a los lectores, aunque nosotros no añadiremos más. Dpto. de Formación. Apple Computer España pág. 49 Taller Internet. EDUMAC 97

51 Creación de un enlace hacia la primera página Para que la gente que entre en nuestras página pueda volver hacia atrás en cualquier momento, se pueden crear enlaces que lleven al lector a la primera página de nuestra Web. Así evitamos que se pierdan entre las páginas y les damos la posibilidad de volver facilmente atrás. Vamos a hacer un ejemplo de como se haría esto con esta página, aunque cualquiera puede llevar este tipo de enlaces. 1 Crearemos un texto que ponga: Pulsar aquí para ir a la primera página. 2 Seleccionaremos el texto creado, que va a ser el origen del enlace. 3 Pulsamos el botón para crear enlaces. 4 El destino final de este enlace es la Pagina_Inicial.html, así que es la que tenemos que seleccionar en el cuadro que nos aparece a continuación. 5 Guardamos la página. Dpto. de Formación. Apple Computer España pág. 50 Taller Internet. EDUMAC 97

52 Ahora nos queda sólo hacer un enlace de la Página Inicial a la página de Cursos. Para ello abriremos la página inicial y desde allí, seleccionando un texto como origen, haremos el enlace. Enlace de la página principal a la de cursos Vamos ahora a enlazar la página inicial con la página de cursos. El origen será un texto del documento Pagina_Inicial.html, y el destino Cursos.html Empezaremos por abrir el documento origen y seleccionar el texto de enlace. 1 Abrimos el documento Pagina_Inicial.html. Para ello, sin ocultar ni cerrar nada, haremos doble click en la carpeta Taller Internet, y dentro, otro doble click en Proyecto Alumno, y finalmente doble click en el fichero Pagina_Inicial.html. 2 Seleccionamos el texto CURSOS DE INTERNET (en preparación). 3 Pulsamos el botón de inserción de enlaces. Está situado en el centro de la barra de botones. Botón de Inserción de Enlaces (links) seleccionado. Aparecerá un cuadro de diálogo en el que nos pedirá que seleccionemos el fichero de destino. 4 Seleccionamos el fichero Cursos.html y hacemos doble click en él. Si no aparece en el cuadro de diálogo a primera vista lo tendremos que buscar. Para ello pulsaríamos el botón "Desktop" equivalente en inglés a escritorio, y hariamos entonces doble click en la carpeta Taller Internet, y dentro, otro doble click en Proyecto Alumno. Dpto. de Formación. Apple Computer España pág. 51 Taller Internet. EDUMAC 97

53 5 Salvamos los cambios. Para ello elegimos la opción "Save" en el menú "File". El resultado es un nuevo enlace. Vamos a probarlo. Nos ponemos en modo previsualización Botón de previsualización pulsado. Nos aparece la página de Cursos. Si ahora pulsamos en el enlace que creamos en la página de cursos, volveremos a la página inicial. Dpto. de Formación. Apple Computer España pág. 52 Taller Internet. EDUMAC 97