jueves, 1 de diciembre de 2016

MENU

¡BIENVENIDO A NUESTRO BLOG!



MENÚ PRINCIPAL

CONSULTA LA BASE DE DATOS EN ACCESS

REDES

FRONTPAGE

Frontpage, fondo, sonidos, guardar pagina

¿QUE ES FRONTPAGE?

Es un programa con el cual podemos crear páginas Web de una forma visual. Gracias a esto el usuario sólo tiene que concentrarse en el diseño de su Web sin necesidad de saber programar. No obstante, un usuario avanzado puede usar las características avanzadas de FrontPage para hacer sitios Web más complejos.

-Página Web: documento que puede ser visualizado con un navegador de Internet.
-Sitio Web: conjunto de páginas Web relacionadas entre sí.

UBICACIÓN

Es el sitio donde se ha guardado el archivo.

Seleccionamos propiedades de página. Se abrirá el siguiente menú



Allí podremos ver la ubicación en la que sera guardada nuestra pagina.

CREAR TITULO

PROPIEDADES DE LA PÁGINA
La opción Propiedades de página nos permite establecer el título de la página, añadir un fondo y establecer los márgenes de la página.
  • Pulsamos la opción Archivo en la Barra superior.
  • Seleccionamos Propiedades

Nos aparece el Cuadro Propiedades de Página. Para ponerle un título a la página:
·         Pulsamos la pestaña General

·         En el recuadro Título escribimos el nombre que deseamos para la página.




El título de la página podemos verlo cuando navegamos por Internet justo en la parte inferior de la pantalla. En la imagen siguiente se muestra la parte inferior de la pantalla al navegar con Internet Explorer.

PONER FONDO A LA PÁGINA
Este Cuadro Propiedades de página nos permite poner un fondo a la página.
·         Pulsamos la pestaña Fondo
·         Marcamos la opción Imagen de fondo o Marca de agua
·         Pulsamos Examinar para buscar y pulsar sobre el fichero que contiene el fondo.


SONIDO DE FONDO

En una página web podemos poner un sonido de fondo. El formato más utilizado es el sonido MIDI (archivos .mid) porque ocupa muy poco espacio. De lo contrario la página podría tardar muchísimo en cargar, sobre todo para quien no tenga banda ancha.

En el menú Archivo seleccionamos Propiedades. Nos saldrá esta ventana:


Donde pone sonido de fondo, pinchamos en examinar, buscamos el archivo de sonido que tenemos guardado, lo seleccionamos y damos a Aceptar.

GUARDAR EN DISCO
La opción Guardar como nos permite ponerle el nombre que deseemos al archivo y seleccionar el tipo de archivo.




Creamos en el disco duro de nuestro ordenador una nueva carpeta para archivar las páginas de nuestra web.
·         Pulsamos el botón que muestra una Carpeta amarilla tal como se muestra en la imagen siguiente.

Y le ponemos un nombre que nos ayude a encontrar nuestros ficheros. 




Enlaces Internos



1.- ENLACES INTERNOS EN EL MISMO ARCHIVO HTML.



Quizás "Enlaces internos" puede ser un poco ambiguo, porque podríamos pensar tanto en enlaces internos dentro del mismo sitio web o enlaces internos dentro de la misma página.

Nosotros en este manual nos referimos a los enlaces que apuntan a un lugar diferente dentro de la misma página. Llamamos "Enlaces locales" a los enlaces que apuntan a otra página dentro de mismo sitio web.

 Este tipo de enlaces son esencialmente utilizados en páginas donde el acceso a los contenidos puede verse dificultado debido al gran tamaño del texto. Es un enlace poco habitual en páginas web como blogs o páginas comerciales, que presentan un producto o un servicio. Se encuentran más en páginas de referencia, donde además el contenido está dividido en diversas secciones y queremos poder navegar entre esas secciones que se encuentran dentro del mismo archivo HTML. Otro uso habitual de los enlaces internos es ofrecer al visitante la posibilidad de ir rápidamente al principio de la página, a la parte de arriba
  
Se denominan enlaces internos aquellos que llevan a otra parte de la misma página. Para ello la página debe ser lo bastante larga para que no quepa entera en la pantalla, y haya que acceder a gran parte de ella utilizando la barra de desplazamiento, generalmente la vertical. 
En este caso se pueden colocar unos enlaces, generalmente al principio de la página, que pulsándolos nos lleven a las diferentes partes de la página.
  
Aunque estos enlaces suelen colocarse al principio de la página, en realidad podemos colocarlos en cualquier sitio, y hacer que apunten a cualquier otro lugar de la página. el punto de la página al que apuntan aparecerá lo más cerca posible de la esquina superior izquierda de la pantalla
   
Los enlaces internos constan de dos partes: ya que al estar los dos en la misma página, hay que indicar no solo el origen, sino también el destino.

Origen y destino

El punto de origen es donde pulsaremos para activar el enlace. ahi debemos colocar la etiqueta de origen que será la siguiente:
 
<a href="#destino">Texto_del_enlace</a> 
                                                                                         
La etiqueta que usamos es la misma que para un enlace normal, pero en el valor del atributo href escribiremos un nombre para el destino, siempre precedido del signo # (almohadilla).

 Este nombre que le hemos dado al destino, será la referencia para llegar hasta él, por lo tanto deberá estar en la etiqueta que marque el destino. 

El punto de destino es donde queremos que nos envie el enlace: ahí debemos colocar la etiqueta de destino, que será la siguiente:
<a name="destino">Texto_del_destino</a>

Aquí la etiqueta <a> no lleva el atributo href ya que no es de origen, sin embargo lleva el atributo name que es el que indica dónde está el destino. El valor del atributo name debe ser el mismo que el valor del atributo href en la etiqueta de origen, pero sin la almohadilla ( # ). Veamos un ejemplo del código:
 
Origen: <a href="#apartado3">Ir al apartado 3</a>
Destino: <a name="apartado3">Apartado 3</a>

El texto de la etiqueta de destino puede ser cualquiera, y al contrario que en la etiqueta de origen, éste no lleva ninguna marca ni cambio de estilo. (el texto no se distingue del resto, no aparece ni en diferente color ni subrayado). Normalmente los enlaces de destino se suelen poner en títulos o subtítulos de secciones, o en la primera línea de éstos.



2.- ENLACES INTERNOS A OTRO ARCHIVO DE LA MISMA PÁGINA.

Podemos acceder también al destino de un enlace interno desde otra página, para ello después de escribir la ruta o la URL de la página en el enlace, escribiremos el signo # (almohadilla) y el valor del atributo name que tiene en la página de destino.
 
Esto es válido tanto para enlaces locales como para enlaces externos. veamos aquí algunos ejemplos:

<a href="html3_2.php#rutas_absolutas"> Rutas absolutas </a>

Desde esta página en la que estamos podemos acceder a la página anterior e ir directamente a la sección indicada, ya que ahí hemos puesto un enlace de destino con el atributo "name" para identificarlo .El enlace quedará así: rutas absolutas

Como ya hemos dicho en la página anterior hemos puesto el enlace de destino de la siguiente forma:

<h4><a name="rutas_absolutas"> Rutas absolutas </a> </h4>

Veamos ahora un ejemplo donde escribimos a un enlace interno de una página externa a la nuestra. El enlace quedará así:

<a href="http://es.wikipedia.org/wiki/Colores_web#Tabla_de_colores"> Tabla de colores en Wikipedia</a>

Después de escribir el enlace para que nos lleve a esa página, escribimos el símbolo almohadilla (#), y el nombre de la sección, tal como está en la etiqueta de destino. El enlace quedará así:











Enlaces Externos



Consejos para la edición de los enlaces externos


1.  Si necesitas cambiar el título o la descripción de un enlace externo, no es necesario hacer clic en el botón "Insertar/Editar Vínculo". Mover el cursor a una posición en el vínculo (el texto subrayado en color azul, en la ventana de edición) y añadir o quitar caracteres hasta que estés satisfecho con el resultado.
 

2.   Se puede crear un enlace sin antes introducir el título o la descripción. En este caso, debes iniciar haciendo clic en el botón "Insertar/Editar Vínculo" sin destacar un bloque de texto. El resultado será un enlace con la dirección URL (sin la parte "http://" incluida) se utiliza automáticamente como el título. Ahora puedes editar el título del vínculo como se ha descrito en el punto anterior.

3.   Si necesitas cambiar la dirección URL, sitúa el cursor en el vínculo externo (el texto subrayado en color azul, en la ventana de edición), haz clic en el botón "Insertar/Editar Vínculo", y modifica la dirección URL al resultado deseado.

4.   Se puede abrir, editar o eliminar un enlace a través del menú contextual. Coloca el cursor en el vínculo externo. Si se está usando Linux o Windows, haz clic en el botón derecho del ratón, si utilizas Macintosh manten presionada la tecla 'control' y haz clic con el ratón. Seleccione la opción correspondiente en el menú que aparece. 

5.   Si se introduce la dirección del sitio web de un enlace externo y se muestra el vínculo resultante como texto en rojo en la vista de publicación, la verifica si hay un error de mecanografía en la URL. (Los enlaces en rojo indican un vínculo interno para una nueva página en el wiki y por lo tanto no puede ser un enlace externo válido). Siempre escribe la dirección URL completa, incluyendo el prefijo " http:// , utilizando letras minúsculas.

6.   Para ver cómo crear un enlace externo utilizando el código de texto wiki, ver el tutorial de Wikieducator sobre los enlaces externos.


Añadir/Editar enlace externo del panel de herramientas

 Descripción general

La página Añadir enlace externo permite añadir al panel de herramientas enlaces a otras páginas Web. La página Editar enlace externo permite actualizar los enlaces externos que ya forman parte del panel de herramientas. Ambas páginas contienen los mismos campos para añadir o modificar un enlace externo.
Cómo encontrar esta página
Siga estos pasos para abrir las páginas Añadir enlace externo o Editar enlace externo:
1.    Haga clic en la opción Administrar panel de herramientas del Panel de administración.
2.    Haga clic en la opción Enlace externo de la barra de acción, o en la opción Modificar para un enlace externo de la lista.
3.    Campos
La tabla siguiente muestra información detallada sobre los campos de las páginas Añadir enlace externo y Editar enlace externo:

Campo
Descripción
Introducir información
Título [r] 
Permite introducir o cambiar el título del enlace.
Enlace externo [r] 
Permite introducir o cambiar el URL del enlace. Al añadir un URL, escríbalo como http://www.blackboard.com y no como www.blackboard.com o
blackboard.com.






Enlaces externos




También existe un asistente para crear enlaces externos. Pulsa el botón de la barra de herramientas y selecciona la opción «A una página web externa». Escribe en «Título de página» la dirección web o URL del sitio escogido (no olvides añadir al principio http://) y en «Título del enlace» el texto que hará de enlace.

Muchas veces es necesario enlazar con otros sitios web de Internet. Por ello, este tipo de enlaces se llaman enlaces externos.

Ten en cuenta que en los artículos, los enlaces externos se colocan en las secciones "Referencias" y "Enlaces externos". En el cuerpo del artículo, solo coloca enlaces dentro de Wikipedia en español.

El sistema detecta automáticamente los enlaces externos que empiecen por http://. Por ejemplo, al introducir lo siguiente (sin necesidad de dobles corchetes, ni de barra vertical):
http://www.google.com

Obtendremos directamente un enlace externo:
Si queremos que la dirección web quede oculta bajo un texto que nosotros elijamos, procederemos del siguiente modo:
[http://www.google.com Página principal de Google]
Y resultará:

Página principal de Google
También es posible crear un enlace externo de modo que aparezca como referencia numerada, encerrándola sin más entre corchetes simples ([ ]):
[http://www.google.com]

Los enlaces externos son aquellos que creamos en nuestra web, para que nuestros usuarios puedan acceder a otro sitio web concreto o a un punto determinado del mismo. En estos casos, necesitaremos conocer previamente la dirección única de Internet (la conocida como URL) del sitio en concreto. 

Para crear un enlace, necesitaremos también decidir qué parte de nuestra página será el enlace. Normalmente utilizaremos una palabra, una frase o una imagen, de forma que cuando el usuario haga clic en ese punto, el navegador le llevará a su nuevo destino. 

Para crear un enlace utilizamos la etiqueta <a> y el parámetro href para indicar la dirección a la que queremos acceder. Este elemento también cuenta con una etiqueta de cierre </a>, de modo que todo lo que queda dentro será el contenido sobre el que el usuario podrá hacer clic.
Observe este ejemplo: 

<p>Para localizar el significado de una palabra, accede al <a href=”http://buscon.rae.es”>diccionario de la RAE</a>. Luego regresa a nuestra página.</p>

Enlaces externos

También llamados enlaces remotos, son los enlaces que se dirigen hacia páginas que se encuentran fuera de nuestro sitio web, es decir, cualquier otra página que no forma parte de nuestro sitio.

En este caso el destino será el nombre completo o URL de la página tal como e escribe para verlo en Internet (lo que escribimos en la ventana superior del navegador). Éste lo escribiremos como el valor del atributo href. Ejemplo:

Escribimos en código HTML:
<a href="http://google.com">Enlace a Google </a>
En el navegador veremos:


En los enlaces externos debemos escribir siempre en la "ruta" el protocolo "http://" con el que empiezan todas las direcciones en la web. Escribir la dirección correctamente es muy importante, ya que el más minimo fallo nos daría un mensaje de error (página no encontrada).
En la mayoría de navegadores los enlaces se muestran por defecto en color azul y subrayados. Podemos cambiar este comportamiento por defecto mediante código CSS (más adelante trataremos este tema).

La URL o nombre de la página es único para cada página, se debe escribir completo dentro del valor de la etiqueta href y consta de las siguientes partes: 
  • Protocolo (http://):Es el mecanismo que utiliza el navegador para acceder a ese recurso. Todas las páginas web utilizan el protocolo http://. Las páginas web seguras (por ejemplo las de los bancos y las de los servicios de email) utilizan https:// (se añade una letra s).
  • Servidor (www.yahoo.es): simplificando, se puede decir que se trata del ordenador en el que se encuentra guardada la página a la que se quiere acceder. Podríamos definirlo como el nombre del sitio.
  • Ruta (/xhtml/capitulo4.html): camino que se debe seguir, una vez que se ha llegado al servidor, para localizar la página concreta que se quiere acceder. Es la página concreta que queremos ver una vez hemos accedido al sitio.


En todo caso debemos indicar el protocolo y el servidor. Si no indicamos la ruta se nos abrirá la página principal del sitio Web indicado (llamada index.html). Si especificamos la ruta podemos acceder a cualquiera de las páginas de una Web, sin necesidad de abrir primero su página principal.

Una vez hemos abierto una página vemos su URL (dirección o ruta) escrita en la barra superior del navegador (barra de navegación), con lo cual si queremos crear un enlace hacia una página externa, el método más simple es abrir esa página en el navegador y usar el metodo de copiar (desde la barra del navegador) y pegar (en el editor de textos). Recuerda que la dirección debe estar completa, (con el protocolo http:// incluido).
 
Cuando se quiere enlazar una página que no es la principal de un sitio Web, además del protocolo y el servidor, debemos escribir la ruta, o camino que hay que recorrer para llegar a esa página, para acabar escribiendo el nombre de la página con su extensión. ejemplo:

<a href="http://www.seg-social.es/imserso/envejecimiento/may_vacprog0809.html"> viajes del imserso</a>
En este enlace la ruta es:
/imserso/envejecimiento/may_vacprog0809.html

En la ruta se indican las carpetas que hay que abrir para llegar hasta el archivo donde está la página.