12
Los hipervínculos o enlaces o links son los elementos que diferencian la web de otros medios. Un hipervínculo supone enlazar la página web que estamos visualizando con otra página web, otra sección de la misma página, con un archivo, un servidor FTP, un archivo o una aplicación para descargar, una secuencia de sonido, vídeo o multimedia, una dirección de correo o un grupo de noticias.

FRONTPAGE PARTE II

Embed Size (px)

Citation preview

Page 1: FRONTPAGE PARTE II

Los hipervínculos o enlaces o links son los elementos que diferencian la web de otros medios. Un hipervínculo supone enlazar la página web que estamos visualizando con otra página web, otra sección de la misma página, con un archivo, un servidor FTP, un archivo o una aplicación para descargar, una secuencia de sonido, vídeo o multimedia, una dirección de correo o un grupo de noticias.

Page 2: FRONTPAGE PARTE II

ENLACES INTERNOS EN EL MISMO ARCHIVO HTMLENLACES INTERNOS EN EL MISMO ARCHIVO HTMLPodemos crear los hipervínculos a partir de texto e imágenes, de forma que pulsando en ellos nos lleve a otra parte de la misma página, a otro archivo o página de nuestro sitio web o a una dirección URL. Para ello seleccionamos el texto o la imagen y pulsamos Insertar, Hipervínculo.Nos aparecerá la ventana siguiente:

Page 3: FRONTPAGE PARTE II

ENLACES INTERNOS A OTRO ARCHIVO DE LA MISMA PAGINA WEBENLACES INTERNOS A OTRO ARCHIVO DE LA MISMA PAGINA WEBLos enlaces dentro del mismo documento permiten a los visitantes Igualmente es conveniente crear otro enlace para volver a la parte superior.  A las partes del documento con la que queremos enlazar se le denomina marcador.  El procedimiento para crearlo es el siguiente:

En la barra de menú, seleccionar Insertar, Marcador en aquel lugar en el que queramos situarnos después de enlazar. Nos aparecerá la siguiente ventana:

En esta ventana elegiremos el nombre del marcador y pulsamos Aceptar.  A medida que vayamos añadiendo marcadores en el documento se irán añadiendo en la lista "Otros marcadores" para que luego al crear el hipervínculo elijamos el que nos interese.

Page 4: FRONTPAGE PARTE II

Una vez creado el marcador, es el momento de crear el enlace. Para ello, en la barra de menús seleccionamos Insertar, Hipervínculo y elegimos la opción "Lugar de este documento" de forma que nos aparecerán los marcadores creados en la página en cuestión para poder seleccionar aquel al que queremos enlazar

Page 5: FRONTPAGE PARTE II

ENLACE EXTERNO ENLACE EXTERNO Se denomina enlace externo y lo que hacemos es enlazar con una página web, para ello debemos escribir la dirección completa URL, de la forma http://www.cuam.tec.ve/ (por ejemplo).  Si la dirección URL de la web a la que queremos enlazar es muy larga o es una sección concreta de un sitio web, podemos copiar y pegar la dirección URL desde la barra de direcciones del navegador.

Page 6: FRONTPAGE PARTE II

MODIFICAR UN ENLACE Seleccione el hipervínculo que desea cambiar.En el menú Insertar, haga clic en Hipervínculo.Haga los cambios que desee.

EJECUTAR UN ENLACE Seleccione el texto o el objeto que representa el hipervínculo que desea ejecutar.En la pestaña Inicio, en Insertar, haga clic en Texto y, a continuación, haga clic en Abrir hipervínculo.

ELIMINAR UN ENLACESeleccione el texto o el objeto que representa el hipervínculo que desea quitar.En la pestaña Inicio, en Insertar, haga clic en Texto y, a continuación, haga clic en Quitar hipervínculo.

Page 7: FRONTPAGE PARTE II

El formulario está formado por una serie de elementos (cajas de texto, casillas de verificación, botones...) encerrados entre las etiquetas <FORM> </FORM>. Como verás en esta etiqueta existen varios parámetros como son:

La acción que se ejecutará al pulsar el botón de enviar. Habitualmente será una URL a un programa CGI encargado de procesar los datos del formulario. Puede ser también seguido de una dirección de correo electrónico, en este caso el formulario se enviará por correo, en cuyo es recomendable añadir el parámetro ENCTYPE="texto/plain" para que el mensaje sea fácil de leer.

METHOD indica como se enviarán losa datos del formulario al programa que los procese: POST de forma interna (oculta) y GET añadido a la dirección URL del programa. Si usas el formulario para un mailto: debes usar el método POST.

NAME es el nombre que identifica al formulario, útil si se usan scripts dentro de la página.

Page 8: FRONTPAGE PARTE II

CREAR FORMULARIOS

Page 9: FRONTPAGE PARTE II

Mediante un formulario podemos también enviar datos al programa encargado de procesarlo. Esto se realiza mediante los llamados campos ocultos, que son campos INPUT de tipo HIDDEN, y se llaman así porque no se ven en la página web, o sea, el usuario no los ve a menos que se mete en la vista de código de la página, digo esto porque no vayamos a pensar que con estos campos podemos pasar información privada mediante los formularios.

OPCIONES DE CAMPO DE FORMULARIO CON TEXTO

Page 10: FRONTPAGE PARTE II

CREAR MAPAS CREAR EL DOCUMENTO En primer lugar, se debe crear una nueva presentación en blanco. Para esto vamos la pestaña inició, y en el apartado de diapositivas, se encuentra un botón llamado “Diseño”, al darle clic, se despliega un pequeño menú, donde vamos a señalar “En Blanco” para que la diapositiva quede completamente vacía.Al colocar un cuadro, no hace falta recurrir a una herramienta de texto, ya que al ingresar texto, esté aparecerá dentro del cuadro de forma automática y también se le puede cambiar el color del texto para seguir un mismo diseño. Hay que recordar que los conceptos deben ser muy simples pero cargados de sentido, pueden ser una sola palabra o unas pocas para formar una pequeña frase, pero nada más que eso.A continuación se copia y pegan los cuadros las veces que sea necesario para alcanzar el número de conceptos que componen el mapa conceptual. Ahora podrás acomodar los cuadros de acuerdo a tu diseño, para proceder a crear los conectores.

Page 11: FRONTPAGE PARTE II

PALABRAS ENLACE

Las palabras enlace pueden ir en cuadros de texto de fondo blanco, o el color de fondo que hayas escogido para poder diferenciarlos de los conceptos. Con estos podrás dar un sentido a las proposiciones y así habrás terminado el mapa conceptual. A continuación un ejemplo básico de mapa conceptual.

Page 12: FRONTPAGE PARTE II

ACTIVOS Y FRAMES

Use la característica de formas para agregar un bordeHaga clic en Insertar y haga clic en el menú desplegable de formas.Seleccione una forma en la categoría de rectángulos.Coloque el cursor en la esquina superior izquierda de la diapositiva, mantenga presionado el botón primario del mouse y arrastre el cursor a la parte inferior derecha.

Para eliminar el color de fondo, haga clic en formato y haga clic en el menú desplegable Relleno de forma. Haga clic ensin relleno.