SlideShare una empresa de Scribd logo
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.
ENLACES INTERNOS EN EL MISMO ARCHIVO HTMLENLACES INTERNOS EN EL MISMO ARCHIVO HTML
Podemos 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:
ENLACES INTERNOS A OTRO ARCHIVO DE LA MISMA PAGINAENLACES INTERNOS A OTRO ARCHIVO DE LA MISMA PAGINA
WEBWEB
Los 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.
 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
ENLACE EXTERNOENLACE 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.
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 ENLACE
Seleccione 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.
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.
CREAR FORMULARIOS
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
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.
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.
ACTIVOS Y FRAMES
Use la característica de formas para agregar un borde
Haga 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.

Más contenido relacionado

PDF
Formularios HTML
PPT
Tutorial google sites
PDF
PPT
Introducciòn a html
PPTX
Crear un formulario con google drive
PPTX
Hiperenlaces 6 f
PPTX
El lenguaje de programación en las páginas web
Formularios HTML
Tutorial google sites
Introducciòn a html
Crear un formulario con google drive
Hiperenlaces 6 f
El lenguaje de programación en las páginas web

La actualidad más candente (20)

ODP
Etiquetas HTML
PPT
Etiquetas Html Udp
DOCX
Resumen de dreamweaver aybeth orozco morales 11 e
PPTX
Codigo de enlaces internos y externos
PPTX
Hiperenlaces 5
PPTX
Dreamweaver gisselle noguera
PPTX
Maquetacion de pagina
PPT
Presentacinhtml 091121100213-phpapp02
PPTX
Adobe dreamweaver
PDF
TUTORIAL DE HTML
PDF
Tutorial html
DOCX
Herramientas word tutorial
PPTX
Herramientas tecnologicas
PPSX
Inicio al HTML
PDF
Hipervinculos
DOCX
Qué es una etiqueta html
PPTX
Diseño de página web
DOCX
Trabajopractico1
PPTX
Hipervinculos
Etiquetas HTML
Etiquetas Html Udp
Resumen de dreamweaver aybeth orozco morales 11 e
Codigo de enlaces internos y externos
Hiperenlaces 5
Dreamweaver gisselle noguera
Maquetacion de pagina
Presentacinhtml 091121100213-phpapp02
Adobe dreamweaver
TUTORIAL DE HTML
Tutorial html
Herramientas word tutorial
Herramientas tecnologicas
Inicio al HTML
Hipervinculos
Qué es una etiqueta html
Diseño de página web
Trabajopractico1
Hipervinculos
Publicidad

Destacado (6)

PPT
Principios Basicos de las Redes
PPT
Modelos de Comunicacion
PPT
Crear Tablas en ACCESS
PPT
FRONTPAGE PARTE I
PPT
Tipos y Topologias de Redes
PDF
La función publica venezolana su dimension y su aplicacion actual
Principios Basicos de las Redes
Modelos de Comunicacion
Crear Tablas en ACCESS
FRONTPAGE PARTE I
Tipos y Topologias de Redes
La función publica venezolana su dimension y su aplicacion actual
Publicidad

Similar a FRONTPAGE PARTE II (20)

DOCX
Resumen.
PPTX
Actividad 7
PPTX
Informe de bre k..
PDF
Hipervinculos,pdf
PDF
Hipervinculos
DOCX
Los hipervinculos
DOCX
MARCADOR E HIPERVINCULOS
PDF
Unidad 4
PPTX
Como crear una pagina web en linea
PDF
Hipervinculos
PDF
Hipervinculos
PDF
Hipervinculos
PDF
Hipervinculos
PPTX
Hiperenlaces
DOCX
U13 trabajo de investigacion
 
PPTX
Ejercicio3
PPTX
Crear una presentación para la web
PPT
COMO HACER UNA PAGINA WEB
PPTX
Tema vinculo e hipervínculo
Resumen.
Actividad 7
Informe de bre k..
Hipervinculos,pdf
Hipervinculos
Los hipervinculos
MARCADOR E HIPERVINCULOS
Unidad 4
Como crear una pagina web en linea
Hipervinculos
Hipervinculos
Hipervinculos
Hipervinculos
Hiperenlaces
U13 trabajo de investigacion
 
Ejercicio3
Crear una presentación para la web
COMO HACER UNA PAGINA WEB
Tema vinculo e hipervínculo

Último (20)

PPTX
Uso responsable de la tecnología - EEST N°1
PPTX
Control de calidad en productos de frutas
PPTX
Propuesta BKP servidores con Acronis1.pptx
DOCX
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
DOCX
Trabajo informatica joel torres 10-.....................
PDF
capacitación de aire acondicionado Bgh r 410
PDF
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...
PDF
informe_fichas1y2_corregido.docx (2) (1).pdf
PPT
Protocolos de seguridad y mecanismos encriptación
PPTX
Historia Inteligencia Artificial Ana Romero.pptx
PPTX
El uso de las TIC en la vida cotidiana..
PPTX
Tema 1 Taller de tecnologia y proceso tecnologico.pptx
PDF
Teoría de estadística descriptiva y aplicaciones .pdf
PDF
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
PPTX
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD
DOCX
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
PPTX
Presentacion de Alba Curso Auditores Internos ISO 19011
PPTX
ccna: redes de nat ipv4 stharlling cande
PDF
TRABAJO DE TECNOLOGIA.pdf...........................
PPTX
modulo seguimiento 1 para iniciantes del
Uso responsable de la tecnología - EEST N°1
Control de calidad en productos de frutas
Propuesta BKP servidores con Acronis1.pptx
TRABAJO GRUPAL (5) (1).docxjesjssjsjjskss
Trabajo informatica joel torres 10-.....................
capacitación de aire acondicionado Bgh r 410
NREN - red nacional de investigacion y educacion en LATAM y Europa: Caracteri...
informe_fichas1y2_corregido.docx (2) (1).pdf
Protocolos de seguridad y mecanismos encriptación
Historia Inteligencia Artificial Ana Romero.pptx
El uso de las TIC en la vida cotidiana..
Tema 1 Taller de tecnologia y proceso tecnologico.pptx
Teoría de estadística descriptiva y aplicaciones .pdf
PRESENTACIÓN GENERAL MIPIG - MODELO INTEGRADO DE PLANEACIÓN
CLAASIFICACIÓN DE LOS ROBOTS POR UTILIDAD
TRABAJO GRUPAL (5) (1).docxjsjsjskskksksk
Presentacion de Alba Curso Auditores Internos ISO 19011
ccna: redes de nat ipv4 stharlling cande
TRABAJO DE TECNOLOGIA.pdf...........................
modulo seguimiento 1 para iniciantes del

FRONTPAGE PARTE II

  • 1. 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.
  • 2. ENLACES INTERNOS EN EL MISMO ARCHIVO HTMLENLACES INTERNOS EN EL MISMO ARCHIVO HTML Podemos 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:
  • 3. ENLACES INTERNOS A OTRO ARCHIVO DE LA MISMA PAGINAENLACES INTERNOS A OTRO ARCHIVO DE LA MISMA PAGINA WEBWEB Los 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.
  • 4.  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
  • 5. ENLACE EXTERNOENLACE 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.
  • 6. 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 ENLACE Seleccione 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.
  • 7. 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.
  • 9. 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
  • 10. 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.
  • 11. 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.
  • 12. ACTIVOS Y FRAMES Use la característica de formas para agregar un borde Haga 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.