SlideShare una empresa de Scribd logo
Colegio Gimnasio Campestre San Sebastián
                                                                                     PROFESORA: DIANA LORENA




   SINTESIS II PERIODO

      CREAR UN SITIO WEB SIN CONEXIÓN A INTERNET
Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o
subdominio en la World Wide Web en Internet.

Como es natural, el destino de un sitio Web es ser visitado por personas a través de Internet. Pero
para diseñarlo no hace falta que tengamos conexión a Internet.

Para crear el sitio, lo primero que debemos hacer es presionar sobre Archivo - Nuevo

Después haremos clic en Sitio Web de una página... del apartado Nuevo sitio Web de la barra de
tareas, a continuación elegimos Sitio Web de una página, indicamos la ubicación de la web mediante
el botón Examinar, y para terminar clic en Aceptar.




Hemos creado el sitio Web. Consta tan sólo de una hoja en blanco. Para comprobarlo, hacemos clic en
Carpetas, veremos las siguientes ventanas:




Si no aparece el panel de la izquierda selecciona de la barra de menús la opción Lista de Carpetas del
menú Ver o pulsa Alt+F1 Como podemos observar, nuestro sitio web se compone, en este momento,
de 2 carpetas, imágenes y _private, que están vacías. Además, tenemos un archivo llamado
index.htm, que está en blanco.

Podemos comprobarlo si pulsamos 2 veces sobre la página pasaremos a abrir el archivo en la vista de
Diseño. Para volver al sitio web hacemos clic sobre la pestaña Sitio web

Si hacemos clic en la parte inferior en el botón Exploración, pasaremos a la vista Exploración.

Para crear nuevos directorios:

Ponemos la vista de carpetas y pulsamos con el botón derecho del ratón sobre cualquier parte vacía
de la parte derecha y hacemos clic en Nueva - Carpeta.
Colegio Gimnasio Campestre San Sebastián
                                                                                    PROFESORA: DIANA LORENA




                                    CONFIGURACION DEL SITIO:

Para ver la configuración del sitio y modificarla, hemos de pulsar Herramientas - Configuración del
sitio.




Aparece la ventana Configuración del sitio de la cual comentaremos las opciones más importantes:




En la pestaña General:

Podemos ponerle un nombre al sitio web. El directorio en el disco duro tendrá ese mismo nombre.
Colegio Gimnasio Campestre San Sebastián
                                                                                    PROFESORA: DIANA LORENA
En la pestaña Avanzadas podemos seleccionar qué lenguaje de script vamos a usar. Algunas
características adicionales de FrontPage se implementan dependiendo del lenguaje. Lo usual es elegir
Javascript, que es el más extendido en Internet y el que usaremos para todos los scripts de este curso.




INSERTAR UNA IMAGEN EN FRONTPAGE

Pulsamos con el ratón sobre el lugar donde queremos poner la imagen.
Pulsamos el icono Insertar imagen desde archivo .


CAMBIAR TAMAÑO A UNA IMAGEN

Hacemos clic en ella con el botón izquierdo del ratón sobre la imagen y aparecerán 4 cuadraditos en la
imagen. Pinchando en ellos con el botón izquierdo del ratón y sin soltar, arrastrando el ratón, podemos
cambiar el tamaño de la imagen (el ratón cambia de forma cuando lo situamos encima de uno de estos

cuadraditos a      o   ).



                        USAR LA IMAGEN COMO FONDO DE UNA PAGINA

Para poner una imagen de fondo hacemos clic en Formato y después en Fondo.
Es importante seguir los siguientes consejos cuando usemos fondos:
No usemos imágenes demasiado grandes excepto cuando sea necesario, ya que harán más lenta la
carga de la Web.


                                  PROPIEDADES DE LA IMAGEN

Para ver las propiedades de una imagen y modificarlas, hemos de hacer clic en ella con el botón
derecho y después hacer clic en Propiedades de Imagen.

Más contenido relacionado

La actualidad más candente

Weebly
WeeblyWeebly
Tutorial PHPWebquest (castellano)
Tutorial PHPWebquest (castellano)Tutorial PHPWebquest (castellano)
Tutorial PHPWebquest (castellano)
Maite Goñi
 
Delicious Curso
Delicious CursoDelicious Curso
Delicious Curso
josantonio
 
Tutorial uso de weebly
Tutorial uso de weeblyTutorial uso de weebly
Tutorial uso de weebly
Inma Contreras
 
Diseño y configuración del blog (tres)
Diseño y configuración del blog (tres)Diseño y configuración del blog (tres)
Diseño y configuración del blog (tres)
pnevado
 
Trabajo practico n ° 3
Trabajo practico n ° 3Trabajo practico n ° 3
Trabajo practico n ° 3
lourdeszarba
 
Creando pagina web en wix facil y rapido
Creando pagina web  en wix facil y rapidoCreando pagina web  en wix facil y rapido
Creando pagina web en wix facil y rapido
obelixmrs
 
Google sites
Google sitesGoogle sites
Google sites
Raul Monroy Pamplona
 
El Blogger
El BloggerEl Blogger
El Blogger
guestc30e56
 
Delicious
DeliciousDelicious
Delicious
Natalia Acuña
 
Blog
BlogBlog
Creación sitio y pagina web
Creación sitio y pagina webCreación sitio y pagina web
Creación sitio y pagina web
Alejandro Martinez
 
Guia para registrarse en prezi
Guia para registrarse en preziGuia para registrarse en prezi
Guia para registrarse en prezi
Oscarabus
 
Clase 1 páginas web en dreamweaver- vanessa yahuarcani salinas
Clase 1 páginas web en dreamweaver- vanessa yahuarcani salinasClase 1 páginas web en dreamweaver- vanessa yahuarcani salinas
Clase 1 páginas web en dreamweaver- vanessa yahuarcani salinas
Vanessa Yahuarcani
 
App abrir pdf
App abrir pdfApp abrir pdf
Crear entradas en blogger
Crear entradas en bloggerCrear entradas en blogger
Crear entradas en blogger
casiopea12
 
Flickr
FlickrFlickr
Flickr
Daiisy Baule
 
Anexos ide06170128
Anexos ide06170128Anexos ide06170128
Anexos ide06170128
Claudia Gil
 

La actualidad más candente (18)

Weebly
WeeblyWeebly
Weebly
 
Tutorial PHPWebquest (castellano)
Tutorial PHPWebquest (castellano)Tutorial PHPWebquest (castellano)
Tutorial PHPWebquest (castellano)
 
Delicious Curso
Delicious CursoDelicious Curso
Delicious Curso
 
Tutorial uso de weebly
Tutorial uso de weeblyTutorial uso de weebly
Tutorial uso de weebly
 
Diseño y configuración del blog (tres)
Diseño y configuración del blog (tres)Diseño y configuración del blog (tres)
Diseño y configuración del blog (tres)
 
Trabajo practico n ° 3
Trabajo practico n ° 3Trabajo practico n ° 3
Trabajo practico n ° 3
 
Creando pagina web en wix facil y rapido
Creando pagina web  en wix facil y rapidoCreando pagina web  en wix facil y rapido
Creando pagina web en wix facil y rapido
 
Google sites
Google sitesGoogle sites
Google sites
 
El Blogger
El BloggerEl Blogger
El Blogger
 
Delicious
DeliciousDelicious
Delicious
 
Blog
BlogBlog
Blog
 
Creación sitio y pagina web
Creación sitio y pagina webCreación sitio y pagina web
Creación sitio y pagina web
 
Guia para registrarse en prezi
Guia para registrarse en preziGuia para registrarse en prezi
Guia para registrarse en prezi
 
Clase 1 páginas web en dreamweaver- vanessa yahuarcani salinas
Clase 1 páginas web en dreamweaver- vanessa yahuarcani salinasClase 1 páginas web en dreamweaver- vanessa yahuarcani salinas
Clase 1 páginas web en dreamweaver- vanessa yahuarcani salinas
 
App abrir pdf
App abrir pdfApp abrir pdf
App abrir pdf
 
Crear entradas en blogger
Crear entradas en bloggerCrear entradas en blogger
Crear entradas en blogger
 
Flickr
FlickrFlickr
Flickr
 
Anexos ide06170128
Anexos ide06170128Anexos ide06170128
Anexos ide06170128
 

Similar a Síntesis II periodo 9º

Frontpage
FrontpageFrontpage
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratis
cynthiaeli
 
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratis
cynthiaeli
 
Cómo crear un sitio web en WIX
Cómo crear un sitio web en WIXCómo crear un sitio web en WIX
Cómo crear un sitio web en WIX
isabeland8
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas Web
Jose Casan
 
Proyecto Tecnico,
Proyecto Tecnico,Proyecto Tecnico,
Proyecto Tecnico,
soccorro
 
Manual pagina web
Manual pagina webManual pagina web
Manual pagina web
Cathy Naranjo
 
Planificación digital
Planificación digitalPlanificación digital
Planificación digital
marie3812
 
Cómo Usar RVsitebuilder
Cómo Usar RVsitebuilderCómo Usar RVsitebuilder
Cómo Usar RVsitebuilder
Hostname Ltda.
 
Configuracion de-joomla completo
Configuracion de-joomla completoConfiguracion de-joomla completo
Configuracion de-joomla completo
Khriss Jativa
 
Tania chimborazo irene aldas
Tania chimborazo irene aldasTania chimborazo irene aldas
Tania chimborazo irene aldas
taniachimborazo
 
Tania chimborazo irene aldas
Tania chimborazo irene aldasTania chimborazo irene aldas
Tania chimborazo irene aldas
IreNena Aldas
 
Trabajo para 11
Trabajo para 11Trabajo para 11
Trabajo para 11
remington
 
Manual jimdo (1)
Manual jimdo (1)Manual jimdo (1)
Manual jimdo (1)
lizbeth flores
 
Google sites
Google sitesGoogle sites
Google sites
Danny Santos
 
Instituto Tecnológico Superior American College (Ofimática)
Instituto Tecnológico Superior American College (Ofimática)Instituto Tecnológico Superior American College (Ofimática)
Instituto Tecnológico Superior American College (Ofimática)
DiäNä Alexändrä
 
Creación de una página web en weebly
Creación de una página web en weeblyCreación de una página web en weebly
Creación de una página web en weebly
Sistematizacion De la Enseñanza
 
Frontpage
FrontpageFrontpage
Frontpage
Udlovem3
 
Herramientas 2.0
Herramientas 2.0Herramientas 2.0
Herramientas 2.0
feriacoleman2010
 
Internet
InternetInternet
Internet
montiricardo
 

Similar a Síntesis II periodo 9º (20)

Frontpage
FrontpageFrontpage
Frontpage
 
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratis
 
guia para paginas web gratis
guia para paginas web gratisguia para paginas web gratis
guia para paginas web gratis
 
Cómo crear un sitio web en WIX
Cómo crear un sitio web en WIXCómo crear un sitio web en WIX
Cómo crear un sitio web en WIX
 
Como Crear Paginas Web
Como Crear Paginas WebComo Crear Paginas Web
Como Crear Paginas Web
 
Proyecto Tecnico,
Proyecto Tecnico,Proyecto Tecnico,
Proyecto Tecnico,
 
Manual pagina web
Manual pagina webManual pagina web
Manual pagina web
 
Planificación digital
Planificación digitalPlanificación digital
Planificación digital
 
Cómo Usar RVsitebuilder
Cómo Usar RVsitebuilderCómo Usar RVsitebuilder
Cómo Usar RVsitebuilder
 
Configuracion de-joomla completo
Configuracion de-joomla completoConfiguracion de-joomla completo
Configuracion de-joomla completo
 
Tania chimborazo irene aldas
Tania chimborazo irene aldasTania chimborazo irene aldas
Tania chimborazo irene aldas
 
Tania chimborazo irene aldas
Tania chimborazo irene aldasTania chimborazo irene aldas
Tania chimborazo irene aldas
 
Trabajo para 11
Trabajo para 11Trabajo para 11
Trabajo para 11
 
Manual jimdo (1)
Manual jimdo (1)Manual jimdo (1)
Manual jimdo (1)
 
Google sites
Google sitesGoogle sites
Google sites
 
Instituto Tecnológico Superior American College (Ofimática)
Instituto Tecnológico Superior American College (Ofimática)Instituto Tecnológico Superior American College (Ofimática)
Instituto Tecnológico Superior American College (Ofimática)
 
Creación de una página web en weebly
Creación de una página web en weeblyCreación de una página web en weebly
Creación de una página web en weebly
 
Frontpage
FrontpageFrontpage
Frontpage
 
Herramientas 2.0
Herramientas 2.0Herramientas 2.0
Herramientas 2.0
 
Internet
InternetInternet
Internet
 

Más de diloforero

Taller de acompañamiento 7º 4to periodo
Taller de acompañamiento 7º 4to periodoTaller de acompañamiento 7º 4to periodo
Taller de acompañamiento 7º 4to periodo
diloforero
 
Taller de acompañamiento 6º 4 to periodo
Taller de acompañamiento 6º 4 to periodoTaller de acompañamiento 6º 4 to periodo
Taller de acompañamiento 6º 4 to periodo
diloforero
 
Sintesis de periodo iv 10º
Sintesis de periodo iv 10ºSintesis de periodo iv 10º
Sintesis de periodo iv 10º
diloforero
 
Sintesis de periodo iv 9º
Sintesis de periodo iv 9ºSintesis de periodo iv 9º
Sintesis de periodo iv 9º
diloforero
 
Sintesis de periodo iv 8º
Sintesis de periodo iv 8ºSintesis de periodo iv 8º
Sintesis de periodo iv 8º
diloforero
 
Sintesis de periodo iv 7º
Sintesis de periodo iv 7ºSintesis de periodo iv 7º
Sintesis de periodo iv 7º
diloforero
 
Sintesis de periodo iv grado 6º
Sintesis de periodo iv grado 6ºSintesis de periodo iv grado 6º
Sintesis de periodo iv grado 6º
diloforero
 
Sintesis de periodo iv 5º
Sintesis de periodo iv 5ºSintesis de periodo iv 5º
Sintesis de periodo iv 5º
diloforero
 
Sintesis de periodo iv 4º
Sintesis de periodo iv 4ºSintesis de periodo iv 4º
Sintesis de periodo iv 4º
diloforero
 
Sintesis de periodo iv 3º
Sintesis de periodo iv 3ºSintesis de periodo iv 3º
Sintesis de periodo iv 3º
diloforero
 
Sintesis de periodo iv 2º
Sintesis de periodo iv 2ºSintesis de periodo iv 2º
Sintesis de periodo iv 2º
diloforero
 
Sintesis de periodo 1º
Sintesis de periodo 1ºSintesis de periodo 1º
Sintesis de periodo 1º
diloforero
 
Taller de acompañamiento7º
Taller de acompañamiento7ºTaller de acompañamiento7º
Taller de acompañamiento7º
diloforero
 
Sintesis de periodo III 11°
Sintesis de periodo III 11°Sintesis de periodo III 11°
Sintesis de periodo III 11°
diloforero
 
Sintesis de periodo III 10°
Sintesis de periodo III 10°Sintesis de periodo III 10°
Sintesis de periodo III 10°
diloforero
 
Sintesis de periodo III 9°
Sintesis de periodo III  9°Sintesis de periodo III  9°
Sintesis de periodo III 9°
diloforero
 
Sintesis de periodo III 8°
Sintesis de periodo III 8°Sintesis de periodo III 8°
Sintesis de periodo III 8°
diloforero
 
Sintesis de periodo III 7°
Sintesis de periodo III 7°Sintesis de periodo III 7°
Sintesis de periodo III 7°
diloforero
 
Sintesis de periodo III 6°
Sintesis de periodo III 6°Sintesis de periodo III 6°
Sintesis de periodo III 6°
diloforero
 
Sintesis de periodo III 5°
Sintesis de periodo III 5°Sintesis de periodo III 5°
Sintesis de periodo III 5°
diloforero
 

Más de diloforero (20)

Taller de acompañamiento 7º 4to periodo
Taller de acompañamiento 7º 4to periodoTaller de acompañamiento 7º 4to periodo
Taller de acompañamiento 7º 4to periodo
 
Taller de acompañamiento 6º 4 to periodo
Taller de acompañamiento 6º 4 to periodoTaller de acompañamiento 6º 4 to periodo
Taller de acompañamiento 6º 4 to periodo
 
Sintesis de periodo iv 10º
Sintesis de periodo iv 10ºSintesis de periodo iv 10º
Sintesis de periodo iv 10º
 
Sintesis de periodo iv 9º
Sintesis de periodo iv 9ºSintesis de periodo iv 9º
Sintesis de periodo iv 9º
 
Sintesis de periodo iv 8º
Sintesis de periodo iv 8ºSintesis de periodo iv 8º
Sintesis de periodo iv 8º
 
Sintesis de periodo iv 7º
Sintesis de periodo iv 7ºSintesis de periodo iv 7º
Sintesis de periodo iv 7º
 
Sintesis de periodo iv grado 6º
Sintesis de periodo iv grado 6ºSintesis de periodo iv grado 6º
Sintesis de periodo iv grado 6º
 
Sintesis de periodo iv 5º
Sintesis de periodo iv 5ºSintesis de periodo iv 5º
Sintesis de periodo iv 5º
 
Sintesis de periodo iv 4º
Sintesis de periodo iv 4ºSintesis de periodo iv 4º
Sintesis de periodo iv 4º
 
Sintesis de periodo iv 3º
Sintesis de periodo iv 3ºSintesis de periodo iv 3º
Sintesis de periodo iv 3º
 
Sintesis de periodo iv 2º
Sintesis de periodo iv 2ºSintesis de periodo iv 2º
Sintesis de periodo iv 2º
 
Sintesis de periodo 1º
Sintesis de periodo 1ºSintesis de periodo 1º
Sintesis de periodo 1º
 
Taller de acompañamiento7º
Taller de acompañamiento7ºTaller de acompañamiento7º
Taller de acompañamiento7º
 
Sintesis de periodo III 11°
Sintesis de periodo III 11°Sintesis de periodo III 11°
Sintesis de periodo III 11°
 
Sintesis de periodo III 10°
Sintesis de periodo III 10°Sintesis de periodo III 10°
Sintesis de periodo III 10°
 
Sintesis de periodo III 9°
Sintesis de periodo III  9°Sintesis de periodo III  9°
Sintesis de periodo III 9°
 
Sintesis de periodo III 8°
Sintesis de periodo III 8°Sintesis de periodo III 8°
Sintesis de periodo III 8°
 
Sintesis de periodo III 7°
Sintesis de periodo III 7°Sintesis de periodo III 7°
Sintesis de periodo III 7°
 
Sintesis de periodo III 6°
Sintesis de periodo III 6°Sintesis de periodo III 6°
Sintesis de periodo III 6°
 
Sintesis de periodo III 5°
Sintesis de periodo III 5°Sintesis de periodo III 5°
Sintesis de periodo III 5°
 

Síntesis II periodo 9º

  • 1. Colegio Gimnasio Campestre San Sebastián PROFESORA: DIANA LORENA SINTESIS II PERIODO CREAR UN SITIO WEB SIN CONEXIÓN A INTERNET Un sitio web es una colección de páginas web relacionadas y comunes a un dominio de Internet o subdominio en la World Wide Web en Internet. Como es natural, el destino de un sitio Web es ser visitado por personas a través de Internet. Pero para diseñarlo no hace falta que tengamos conexión a Internet. Para crear el sitio, lo primero que debemos hacer es presionar sobre Archivo - Nuevo Después haremos clic en Sitio Web de una página... del apartado Nuevo sitio Web de la barra de tareas, a continuación elegimos Sitio Web de una página, indicamos la ubicación de la web mediante el botón Examinar, y para terminar clic en Aceptar. Hemos creado el sitio Web. Consta tan sólo de una hoja en blanco. Para comprobarlo, hacemos clic en Carpetas, veremos las siguientes ventanas: Si no aparece el panel de la izquierda selecciona de la barra de menús la opción Lista de Carpetas del menú Ver o pulsa Alt+F1 Como podemos observar, nuestro sitio web se compone, en este momento, de 2 carpetas, imágenes y _private, que están vacías. Además, tenemos un archivo llamado index.htm, que está en blanco. Podemos comprobarlo si pulsamos 2 veces sobre la página pasaremos a abrir el archivo en la vista de Diseño. Para volver al sitio web hacemos clic sobre la pestaña Sitio web Si hacemos clic en la parte inferior en el botón Exploración, pasaremos a la vista Exploración. Para crear nuevos directorios: Ponemos la vista de carpetas y pulsamos con el botón derecho del ratón sobre cualquier parte vacía de la parte derecha y hacemos clic en Nueva - Carpeta.
  • 2. Colegio Gimnasio Campestre San Sebastián PROFESORA: DIANA LORENA CONFIGURACION DEL SITIO: Para ver la configuración del sitio y modificarla, hemos de pulsar Herramientas - Configuración del sitio. Aparece la ventana Configuración del sitio de la cual comentaremos las opciones más importantes: En la pestaña General: Podemos ponerle un nombre al sitio web. El directorio en el disco duro tendrá ese mismo nombre.
  • 3. Colegio Gimnasio Campestre San Sebastián PROFESORA: DIANA LORENA En la pestaña Avanzadas podemos seleccionar qué lenguaje de script vamos a usar. Algunas características adicionales de FrontPage se implementan dependiendo del lenguaje. Lo usual es elegir Javascript, que es el más extendido en Internet y el que usaremos para todos los scripts de este curso. INSERTAR UNA IMAGEN EN FRONTPAGE Pulsamos con el ratón sobre el lugar donde queremos poner la imagen. Pulsamos el icono Insertar imagen desde archivo . CAMBIAR TAMAÑO A UNA IMAGEN Hacemos clic en ella con el botón izquierdo del ratón sobre la imagen y aparecerán 4 cuadraditos en la imagen. Pinchando en ellos con el botón izquierdo del ratón y sin soltar, arrastrando el ratón, podemos cambiar el tamaño de la imagen (el ratón cambia de forma cuando lo situamos encima de uno de estos cuadraditos a o ). USAR LA IMAGEN COMO FONDO DE UNA PAGINA Para poner una imagen de fondo hacemos clic en Formato y después en Fondo. Es importante seguir los siguientes consejos cuando usemos fondos: No usemos imágenes demasiado grandes excepto cuando sea necesario, ya que harán más lenta la carga de la Web. PROPIEDADES DE LA IMAGEN Para ver las propiedades de una imagen y modificarlas, hemos de hacer clic en ella con el botón derecho y después hacer clic en Propiedades de Imagen.