19
trabajo de nivelación Angie Melissa Martínez Lic.: Lucy piedad Mosquera Grado :11 I.E. Colegio Guatiquia v/cio – 22/06/12 Informática

Angie marti informatik

Embed Size (px)

Citation preview

Page 1: Angie marti informatik

trabajo de nivelación

Angie Melissa Martínez

Lic.: Lucy piedad Mosquera

Grado :11

I.E. Colegio Guatiquia

v/cio – 22/06/12

Informática

}

Page 2: Angie marti informatik

Diseños y edición

de paginas web

Page 3: Angie marti informatik

• Es importante darse cuenta de que no sólo vamos a hacer una página web sino un conjunto de ellas, es decir, un SITE. El primer paso será crear la estructura del site.

• Ejecutamos el programa Front Page y la opción [Nuevo Web]. Si creamos un sitio web nos va a generar una carpeta en la cual se va a generar automáticamente una página principal (llamada index.htm) y dos carpetas llamadas images y private donde guardaremos archivos. Podemos elegir el tipo de web que deseamos, pero para esta práctica elegimos [Web de una página] a partir del asistente y especificamos la ubicación en el disco duro. Queda guardado en [Mis Documentos-Mis Web-].

Page 4: Angie marti informatik

• Cuando queramos actualizar las páginas, la próxima vez que entremos al Front Page ejecutaremos la opción [Abrir Web].

Page 5: Angie marti informatik

• Es muy importante que tengamos muy claro los nombres que vamos a guardar nuestros archivos y tener cuidado al utilizar mayúsculas y minúsculas en los nombres ya que serán reconocidos como diferentes. En la gran mayoría de los casos la página principal de nuestro sitio web se denominará index.htm y será la que aparece por defecto cuando el internauta escriba el nombre de la carpeta. Es decir en cada carpeta que hagamos siempre debe haber un fichero llamado index.htm.

Page 6: Angie marti informatik

Consejo: en los nombres de fichero no ponga ñ ni

acentos, espacios en blanco

Page 7: Angie marti informatik

Vistas en FrontPage

• FrontPage tiene una apariencia similar a los programas de la familia Office, con barra de título, de menús y herramientas muy similares.

• La particularidad es que en la parte izquierda de la pantalla aparece lo que se llama la barra de vistas, que analizamos a continuación. Para activar dicha barra de vistas si no lo está pulsaremos el botón siguiente de la barra de herramientas:

Page 8: Angie marti informatik

• Vista página: Muestra las páginas individuales con la que se está trabajando, permitiendo hacer cambios o ajustes

• Vista carpetas: Contiene dos partes, con la lista detallada de páginas y ficheros de la carpeta seleccionada del sitio web. Se utiliza esta vista para la gestión de ficheros (cambiar nombres, crear carpetas,....)

• Vista Informes: Se emplea como ayuda para la gestión de las páginas dentro de la web. FrontPage trabaja con un sitio web constituido por partes más pequeñas (archivos)

Page 9: Angie marti informatik

• Vista Exploración: También conocida como mapa del sitio. Nos muestra la estructura de navegación del sitio web.

• Vista Hipervínculos: Ofrece todos los hipervínculos de la web

• Vista Tareas: Para mantener una lista de tareas en curso a medida que construye el sitio web. Es especialmente útil si en el sitio trabaja más de un desarrollador.

Page 10: Angie marti informatik
Page 11: Angie marti informatik

• Si trabajamos en la edición de una página para añadir y modificar elementos (texto, imágenes, gráficos,...) utilizaremos la vista página, que a su vez tiene otras tres vistas:

Page 12: Angie marti informatik

• 1) Vista Normal: En esta opción vemos la página web en formato WYSIWYG ("What you see is what you get" , "Lo que ves es lo que obtienes". Para diseñar la página web colocamos el texto, imágenes y demás elementos de la misma forma que lo veremos en Internet. }

• 2) Vista HTML: Podemos visualizar el código HTML si queremos retocarlo para hacer algo que no podamos con FrontPage o para insertar código HTML que hemos descargado de Internet. En esta vista es necesario conocer los fundamentos y la estructura del lenguaje HTML para poder intervenir en él sin errores.

Page 13: Angie marti informatik

• 3) Vista previa: Aquí podremos comprobar como se visualizará nuestra página en el navegador. Es importante advertir que al utilizar FrontPage, al activar Vista previa se verá la web en el Internet Explorer de Microsoft y éste presenta algunas diferencias de presentación de páginas con los demás navegadores como el de Netscape.

Page 14: Angie marti informatik

Barra de herramientas estándar:

Contiene los botones para creación, apertura, guardado e impresión de páginas además de tareas específicas web como crear hipervínculos e insertar imágenes

Page 15: Angie marti informatik

QUE ES CUADERNIA Y PARA QUE SIRVE• 1.Qué es cuaderna?Un sistema a través de Internet que permite el diseño, la creación, almacenamiento y publicación de materiales y contenidos educativos (objetos de aprendizaje) distribuibles a través de Internet que permita y fomente su uso por parte de la comunidad educativa de Castilla-La Mancha. Los distintos contenidos se almacenarán en un repositorio de objetos de aprendizaje y material educativo catalogado siguiendo la normalización europea y adaptada al sistema educativo español, donde estarán a disposición de todo el profesorado, alumnado y familias.

Page 16: Angie marti informatik

1. Para qué sirve?

• Sirve para crear materiales educativos multimedia destinados al aprendizaje. Está orientado para que sea utilizada por profesores sin necesidad que tengas conocimientos de informáticos

Page 17: Angie marti informatik

Qué es un editor de cuadernia?

Constituye el elemento clave del sistema junto con el sistema de repositorio de actividades. El proyecto se hace público liberando para su uso de la primera versión estable del editor de Cuadernia, que contará con distintas posibilidades de acceso. Podrá ser utilizado directamente desde el Portal de Educación sin necesidad de realizar ningún tipo de instalación en el equipo que acceda. Se podrá descargar para instalar en modo local en nuestro ordenador habitual de trabajo o bien se podrá montar sobre un sistema removible USB para poder usarlo en cualquier ordenador sin necesidad de instalación.

Page 18: Angie marti informatik
Page 19: Angie marti informatik