SlideShare una empresa de Scribd logo
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
Diseños y edición
       de
   paginas web
• 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-].
• Cuando queramos actualizar las páginas, la
  próxima vez que entremos al Front Page
  ejecutaremos la opción [Abrir Web].
• 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.
Consejo: en los nombres
de fichero no ponga ñ ni
  acentos, espacios en
         blanco
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:
•      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)
•     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.
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:
• 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.
• 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.
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
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.
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
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.
Angie marti informatik
Angie marti informatik

Más contenido relacionado

DOCX
Que es una página web
PPT
Weblog
PPTX
Pasos para crear un sitio web
PPTX
Pasos para crear una pagina web
PPS
Como Crear Paginas Web
PPTX
Web 2.0
PPTX
Pasos tecnicos para crear un sitio web
PPTX
Servicios tic
Que es una página web
Weblog
Pasos para crear un sitio web
Pasos para crear una pagina web
Como Crear Paginas Web
Web 2.0
Pasos tecnicos para crear un sitio web
Servicios tic

La actualidad más candente (20)

PPTX
Manual de front page
PPTX
Presentacion blog
ODP
navegacion2
PPT
Iapp 20_práctica 4 - cómo crear una wiki
PPTX
PPTX
Manual de frontpage
PDF
Blog con blogger
PPT
Editar contenidos en Google Sites
DOC
Google site
PDF
Presentación sobre algunos recursos de la Web 2.0 como Netvibes, GoogleCalend...
PPTX
Bogs
PDF
Tutorial de actividades de Jclic
DOCX
Dreamweaver básico
PPTX
Blogs Guido Franco
ODP
PDF
Tutorial Google Sites
PPTX
web 2.0 y blog
PPTX
Recursos web 2.0 (utilidades)
PPTX
Informatica presentacion
ODP
Google Sites Presentacion
Manual de front page
Presentacion blog
navegacion2
Iapp 20_práctica 4 - cómo crear una wiki
Manual de frontpage
Blog con blogger
Editar contenidos en Google Sites
Google site
Presentación sobre algunos recursos de la Web 2.0 como Netvibes, GoogleCalend...
Bogs
Tutorial de actividades de Jclic
Dreamweaver básico
Blogs Guido Franco
Tutorial Google Sites
web 2.0 y blog
Recursos web 2.0 (utilidades)
Informatica presentacion
Google Sites Presentacion
Publicidad

Destacado (20)

PPTX
Alex Kozloff (IAB mobile UK) @Mobile Dome MARCOM13
PDF
Corempresa Nº 6
PDF
AñO 0 Nº 1
PDF
Apresentação Empreededorismo de startup [unicamps - aje goiás]
PDF
Python com r (mini projeto)
PDF
Spuren der Zukunft
PDF
Free. Open. Future? Mark Surman FOSDEM 2009 Talk
PPTX
Presentatie klantendag Redwood | Runmyjobs
PDF
Articulo Perspectivas De Rh 2011 J Vg Consultores
PPTX
Ponencia cieslag 2014 (1)
PDF
ESB Cycling Tour for Charity & Children 2010 - Flashback
PDF
Sibarita News, número 10. Premios Artesanía Comunitat Valenciana
PPTX
Manos creativas 1
PDF
Sponsorenlauf 2012
PDF
Fokus IK | Change
PDF
Inteligencia comercial del mercado europeo para mango
DOC
Protokoll mitgliederversammlung2010
PDF
Centrale de mobilité de la Hesbaye brabançonne - Actions
Alex Kozloff (IAB mobile UK) @Mobile Dome MARCOM13
Corempresa Nº 6
AñO 0 Nº 1
Apresentação Empreededorismo de startup [unicamps - aje goiás]
Python com r (mini projeto)
Spuren der Zukunft
Free. Open. Future? Mark Surman FOSDEM 2009 Talk
Presentatie klantendag Redwood | Runmyjobs
Articulo Perspectivas De Rh 2011 J Vg Consultores
Ponencia cieslag 2014 (1)
ESB Cycling Tour for Charity & Children 2010 - Flashback
Sibarita News, número 10. Premios Artesanía Comunitat Valenciana
Manos creativas 1
Sponsorenlauf 2012
Fokus IK | Change
Inteligencia comercial del mercado europeo para mango
Protokoll mitgliederversammlung2010
Centrale de mobilité de la Hesbaye brabançonne - Actions
Publicidad

Similar a Angie marti informatik (20)

PPTX
Frontpage3
PPT
Presentación front page
PPT
PDF
PPTX
Frontpage
PPTX
Manual de frontpage
PPTX
PPTX
Web con Frontpage
PPTX
Guia de autoaprendizaje
DOCX
Relatoria
PPTX
Presentación post
PPTX
Como crear una pagina web en linea
PPSX
que son los sitios web y como crear paginas we4b
PPSX
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
DOC
Taller de elaboracion de paginas web resumen front page
DOCX
MANUAL DE FRONTPAGE 2003 flavio leon elmer
PPTX
Como crear una pagina web en linea
PPTX
PDF
Dreamweaver mx-practicas
DOC
Manual actiweb (equipo)
Frontpage3
Presentación front page
Frontpage
Manual de frontpage
Web con Frontpage
Guia de autoaprendizaje
Relatoria
Presentación post
Como crear una pagina web en linea
que son los sitios web y como crear paginas we4b
QUE SON LOS SITIOS WEB Y COMO CREAR PAGINAS WEB
Taller de elaboracion de paginas web resumen front page
MANUAL DE FRONTPAGE 2003 flavio leon elmer
Como crear una pagina web en linea
Dreamweaver mx-practicas
Manual actiweb (equipo)

Angie marti informatik

  • 1. 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
  • 2. Diseños y edición de paginas web
  • 3. • 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-].
  • 4. • Cuando queramos actualizar las páginas, la próxima vez que entremos al Front Page ejecutaremos la opción [Abrir Web].
  • 5. • 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.
  • 6. Consejo: en los nombres de fichero no ponga ñ ni acentos, espacios en blanco
  • 7. 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:
  • 8. 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)
  • 9. 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.
  • 11. • 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:
  • 12. • 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.
  • 13. • 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.
  • 14. 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
  • 15. 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.
  • 16. 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
  • 17. 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.