GUIA 3. Tema: Hipervínculos. Qué es un hipervínculo?
|
|
- Víctor Tebar Vázquez
- hace 7 años
- Vistas:
Transcripción
1 GUIA 3 Tema: Hipervínculos. Objetivo General Crear una página de inicio para que los alumnos puedan aplicar los diferentes tipos de enlaces de hipertexto que existen en la web. Objetivos Específicos Crear imagenes con hipervínculos. Crear textos con hipervínculos. Contenidos Etiquetas de hipervínculos Materiales y Equipo Guía 3, previamente leída Qué es un hipervínculo? Es un enlace, un elemento de un documento electrónico que hace referencia a otro recurso. Un enlace puede ser un texto o una imagen y para esto ocuparemos la etiqueta <a> y el atributo href se especifica la página a la que está asociado el enlace. Existen diferentes formas de expresar una referencia a una página a través del atributo href. Referencia absoluta: Conduce a una ubicación externa al sitio en el que se encuentra el documento. La ubicación es en Internet, en este caso hay que empezar la referencia por el nombre del dominio y algunas veces el nombre de la página. Por ejemplo: <a href= > Visita el Sitio de la UDB Al visualizarlo en el navegador aparecerá lo siguiente: Referencia relativa al sitio: Conduce a un documento situado dentro del mismo sitio que el documento actual. Un sitio web es un conjunto de archivos y carpetas, relacionados entre sí, con un diseño similar o un objetivo común, estando todos ellos dentro de una misma carpeta, conocida como carpeta raíz del sitio. Por ejemplo: Teniendo en cuenta que el documento Comunicate. html se encuentra directamente dentro de la carpeta raíz del sitio, para insertar el enlace: <a href= /Comunicate.html > Enlace a Comunícate UDB Si nos fijamos ahora no aparece el protocolo sino que solamente aparece una /, esta barra inclinada indica la carpeta raíz del sitio. Destino del enlace El destino del enlace determina en qué ventana va a ser abierta la página vinculada, se especifica a través del atributo target al que se le puede asignar los siguientes valores: _blank: Abre el documento vinculado en una ventana nueva del navegador. _parent: Abre el documento vinculado en la ventana del marco que contiene el vínculo o en el conjunto de marcos padre. _self: Es la opción predeterminada. Abre el documento vinculado en el mismo marco o ventana que el vínculo. _top: Abre el documento vinculado en la ventana completa del navegador. De estos valores los que comunmente ocuparemos será: Blank y Self. Por ejemplo: <a href= target = _ blank > Visita el sitio de la UDB en una ventana nueva Referencia relativa al documento: Conduce a un documento situado dentro del mismo sitio que el documento actual, pero partiendo del directorio en el que se encuentra el actual. Formato de los enlaces Normalmente los vínculos de texto cambian de color cuando el enlace ha sido ya pulsado o cuando el puntero
2 del ratón se posiciona sobre él, estos cambios están predefinidos en cada navegador, pero nosotros podemos cambiar esos colores. Los colores de los vínculos pueden especificarse a través de las propiedades de la página, en la etiqueta <body>. Estos colores se asignan a través de los atributos link (vínculo), alink (vínculo activo), y vlink (vínculo visitado). Explicado de una forma más detallada: link permite determinar el color de los enlaces sin visitar (enlace que no ha sido pulsado ninguna vez). alink permite determinar el color del enlace activo (enlace que acaba de ser pulsado). vlink permite determinar el color de los enlaces visitados (enlaces que ya han sido pulsados). Por ejemplo: <body link= #FF0000 vlink= #FF0099 alink= #FF9900 > <a href= target = _ blank > Mientras no se visite la página el enlace será de color rojo (#FF0000): mailto:direcciondecorreo. Por ejemplo: <a href= mailto:info@udb.edu.sv > Escríbenos a info@udb.edu.sv Vínculo para ficheros de descarga El valor del atributo href también puede ser un fichero comprimido, una hoja de Excel, un documento Word, un documento con extensión pdf, a esto le denominamos archivos descarga. <a href= pensumcomunicaciones.pdf tarjet=_ blank > haz clic aquí para descargar el pesum de la Licenciatura en Comunicaciones UDB Procedimiento de laboratorio. 1. Cree una carpeta con el nombre de la guia Dentro de la carpeta de guia 3 haga una carpeta que se llame imagenes, va pegar las imagenes que el docente le proporcionará para hacer la práctica. Recuerde, los archivos no deben de llevar jamás o ñ 3. Abra Dreamweaver cree el HTML y guardelo en la carpeta de la guia 3 con el nombre de: guia3.html no deje espacios al momento de guardarlo. 4. Coloque las etiquetas de apertura y cierre de HTML, HEAD, TITLE Y BODY, como se presenta a continuación: Mientras la página sea la última visitada, el enlace será de color fucsia (#FF0099): <HTML> <HEAD> <TITLE> Hipervínculos </TITLE> </HEAD> Cuando se haya visitado la página el enlace será de color naranja (#FF9900): <BODY> </HTML> Guarde el archivo y visualícelo con el menú Archivo / Vista previa en el navegador o si lo prefiere más inmediatemente con la herramienta de Dreamweaver Vista Previa: Enlaces a correo electrónico Abre la aplicación Outlook Express o Mail; para escribir un correo electrónico, cuyo destinatario será el especificado en el enlace. Para ello la referencia del vínculo debe ser Lo que observará será una página HTML en blanco, pero note que la barra del título tiene el nombre del la práctica de ahora: Hipervínculos que usted puso dentro de la etiqueta TITLE de su HTML.
3 5. En medio de la etiqueta de apertura de BODY, escribiremos los siguientes parámetros marcados con negrita: (Estos puntos seguidos quiere decir que hay etiquetas HTML previas o posteriores) <BODY BACKGROUND= background.jpg > Con la etiqueta BODY BACKGROUND usted puede otorgarle una imagen de fondo a la página creada, esta imagen debe de estar guardada en la carpeta Imagenes de la carpeta raíz del proyecto. A la etiqueta BODY BACKGROUND le colocaremos un parámetro, el parámetro será STYLE, para que la imagen quede fija y solo se repita a los lados: <BODY BACKGROUND= background.jpg STYLE= BACKGROUND-REPEAT:REPEAT-X> 6. Formateemos los enlaces, para eso colocaremos las siguientes propiedades siempre dentro de la etiqueta BODY: <BODY BACKGROUND= background. jpg STYLE= background-repeat:repeat-x LINK= #FFFFFF ALINK= #FFFFFF VLINK= #FFFF00 > <BODY BACKGROUND= background. jpg STYLE= background-repeat:repeat-x LINK= #FFFFFF ALINK= #FFFFFF VLINK= #FFFF00 > 8. Damos un par de enters después de la etiqueta de apertura de FONT centramos la composición con la etiqueta CENTER y luego de ella ocuparemos la etiqueta TABLE, table funciona por medio de filas (etiqueta TR) y celdas (etiqueta TD) Similar como lo ocupamos en la guía anterior. <TD> </TD> Para poder visualizar la tabla vamos a agregar el siguiente valor: este valor representa un espacio en blanco. En el apartado de Diseño de Dreamweaver visualizaremos: 7. Además daremos formato al tipo de fuente de una sola vez para que todo lo que contenga la etiqueta FONT se adapte a los parámetros de tipo de fuente y color en el HTML.
4 9. En la celda cuya etiqueta es TD, insertaremos una imagen para eso utilizaremos la etiqueta IMG SRC, sustituiremos el valor  . <TD><IMG SRC= logocomunicate.png></td> En el apartado de Diseño de Dreamweaver visualizaremos: 10. Luego del cierre de TD, daremos un par de saltos de página para estos ocuparemos la etiqueta BR, cada BR es el equivalente a hacer el efecto de la tecla ENTER de nuestro teclado, visualmente vamos dejando espacios en la composición, luego crearemos otra tabla la cual contenga tres celdas. <TD><IMG SRC= logocomunicate.png></td> 12. En cada celda de la derecha (Etiqueta TD), incrustaremos una imagen para esto vamos a ocupar una etiqueta especial A HREF, la cual la acción que realiza es vincular, colocaremos la etiqueta IMG para que aparezca el ísotipo del comunícate y después de la etiqueta IMG y la de cierre de A HREF colocaremos el texto; el primer enlace nos refiere a FACEBOOK. Borraremos la etiqueta &NBSP: <TD><a href= com/udbcomunicate ><img src= isotipo. png >FACEBOOK</TD> 11. Para poder visualizar la tabla vamos a agregar el siguiente valor: este valor representa un espacio en blanco. Repetiremos el proceso para colocar el enlace a Twitter: y para un documento de descarga. En el caso del documento de descarga recuerde que dentro de su carpeta imagenes hay un PDF, en el A HREF correspondiente entre las comillas coloque el nombre de éste documento: comunicaciones.pdf
5 <TD><A HREF= edu.sv >Escríbenos</A></TD> El resultado final será el siguiente: Al hacer clic en PENSUM debe de aparecer lo siguiente: 13. Damos un enter después de la etiqueta de cierre de CENTER y volvemos a aperturar CENTER y luego de ella ocuparemos la etiqueta TABLE y crearemos una fila y una celda, la celda debe de contener un espacio en blanco En medio del espacio en Blanco colocaremos un A HREF, pero ocuparemos el parámetro MAILTO, para escribir seguidamente la dirección de correo electrónico:
MATERIALES Leer previamente la Guía número 3 Elementos proporcionados por docente para realización de asignación.
Tema: Hipervínculos CONTENIDOS Qué es un hipervínculo? Referencia absoluta y referencia relativa Destino _blank y _self Formato y tipos de los enlaces Div y CSS OBJETIVOS ESPECÍFICOS Que el estudiante
Más detallesVamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos, ya que son un elemento esencial para cualquier página web.
Unidad 4. Hiperenlaces (I) Vamos a ver qué son los hiperenlaces, para qué sirven y cómo crearlos, ya que son un elemento esencial para cualquier página web. Hiperenlace Un hiperenlace, hipervínculo,
Más detallesQué es HTML? Estructura interna de una página HTML. Cabecera de la página <head>
Qué es HTML? El HTML (Hyper Text Markup Language) es el lenguaje con el que se escriben las páginas web. Es un lenguaje de hipertexto, es decir, un lenguaje que permite escribir texto de forma estructurada,
Más detallesCrear una lista en HTML
DREAMWEAVER Crear una lista en HTML 1 Abre Dreamweaver y genera un documento nuevo en HTML 2 La ventana principal de Dreamweaver permite visualizar el contenido en 3 formas: code (sólo código), split (código
Más detallesENLACES, HIPERVÍNCULOS
ENLACES, HIPERVÍNCULOS Vamos a ver: qué son los hiperenlaces, para qué sirven y cómo crearlos,? ya que son un elemento esencial para cualquier página web. Un hiperenlace, hipervínculo, o vínculo, no es
Más detallesTEST TICO 2º BACHILLERATO
TEST TICO 2º BACHILLERATO UNIDAD: DISEÑO Y EDICIÓN PÁGINAS WEB CON HTML (COMPLETO) Cada pregunta consta de 3 opciones, siendo solo una respuesta la correcta. Calificación: Respuesta correcta: +1 Respuesta
Más detallesConceptos básicos de Dreamweaver CS3
Conceptos básicos de Dreamweaver CS3 Empezar con Dreamweaver Al abrir Dreamweaver elegimos un documento nuevo y seleccionamos la Categoría Página básica, HTML. Antes de empezar con Dreamweaver debemos
Más detallesCurso Básico de HTML
Curso Básico de HTML Qué es HTML? HTML es un pseudo-lenguaje de programación, no es un lenguaje en sí. Utiliza tags o etiquetas específicas para crear contenido y dar una estructura al documento. Existen
Más detallesPráctica de HTML (Curso )
Práctica de HTML (Curso 2007-2008) Introducción HTML (Hypertext Markup Language) es un lenguaje estándar utilizado en Internet para representar la información intercambiada por sus usuarios en forma de
Más detallesIdentificar cuál es la estructura de una página Web y sus principales secciones. Desarrollar una página Web en un editor.
MÓDULO 2. Introducción Después de conocer los conceptos básicos sobre el lenguaje de programación HTML, en este módulo identificaremos la estructura de una página Web y lo haremos revisando el lenguaje
Más detallesAntes de pasar a los ejemplos de creación de hipervínculos en Excel es conveniente conocer los tipos de hipervínculos que tenemos disponibles:
Excel. Hipervínculo Un hipervínculo es un elemento dentro de un documento electrónico que hace referencia a otro documento o a un punto específico dentro del mismo documento. Los hipervínculos en Excel
Más detalles(X)HTML. Los vínculos son la característica distintiva de la World Wide Web.
Hipertexto y marcadores Los vínculos son la característica distintiva de la World Wide Web. Permiten saltar de una página a otra, invocar una película o una grabación y descargar archivos con FTP. Un vínculo
Más detallesMATERIA: TECNOLOGIA DE LA INFORMACION Y LAS COMUNICACIONES II DOCENTE: ING. MAYNOR GUILLERMO REYNADO RIVAS. UNIVERSIDAD TECNICA LATINOAMERICANA
UNIVERSIDAD TECNICA LATINOAMERICANA MATERIA: TECNOLOGIA DE LA INFORMACION Y LAS COMUNICACIONES II DOCENTE: ING. MAYNOR GUILLERMO REYNADO RIVAS. LABORATORISTA: MARVIN MORÁN. Universidad Técnica Latinoamericana
Más detallesNormalmente el destino se puede saber mirando la barra de estado del navegador cuando el ratón esté sobre el hipervínculo.
Qué es un hipervínculo? Un hipervínculo es un enlace, normalmente entre dos páginas web de un mismo sitio, pero un enlace también puede apuntar a una página de otro sitio web, a un fichero, a una imagen,
Más detallesHIPERVÍNCULOS, LINKS O ENLACES HTML. ETIQUETA <A>. ATRIBUTOS HREF, TARGET Y TITLE. TIPOS DE HIPERVÍNCULOS. ANCLAS O ANCHORS (CU00717B)
APRENDERAPROGRAMAR.COM HIPERVÍNCULOS, LINKS O ENLACES HTML. ETIQUETA . ATRIBUTOS HREF, TARGET Y TITLE. TIPOS DE HIPERVÍNCULOS. ANCLAS O ANCHORS (CU00717B) Sección: Cursos Categoría: Tutorial básico
Más detallesConstrucción de páginas web. San&ago Mar+n de Jesús
Construcción de páginas web San&ago Mar+n de Jesús COLORES 2 LOS COLORES Existen diversas e&quetas y atributos en HTML que permiten dar color a los elementos de una página o incluso el color de fondo de
Más detalles2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web.
2. Manejar los elementos básicos de un lenguaje usado en la creación de Páginas Web. 2.1 Definición de objetos y contenidos de la página web. INTERNET En 1969, el Departamento de Defensa de E.U construyo
Más detallesEn este tema vamos a ver qué son los marcos, para qué se utilizan, y cómo insertarlos.
MARCOS En este tema vamos a ver qué son los marcos, para qué se utilizan, y cómo insertarlos. Conjunto de marcos Los marcos o frames sirven para distribuir mejor los datos de las páginas, ya
Más detallesVÍNCULOS VÍNCULOS DENTRO DE LA PÁGINA
VÍNCULOS Como ya se mencionó, una de las etiquetas más importantes de HTML es la que permite, a través de vínculos o enlaces, navegar por las diferentes páginas y sitios en la red. Se pueden colocar enlaces
Más detallesPrácticas U.A.C.M COMPUTACIÓN II. Academia de Inf ormática. Elaborado por: Alejandra Andrade
Elaborado por: Alejandra Andrade Prácticas U.A.C.M COMPUTACIÓN II Academia de Inf ormática Práctica HTML Básico El objetivo de esta práctica es familiarizarse con el uso de imágenes y como modificar sus
Más detalles2.8.- Aplicar marcos. a) Creación de un marco
2.8.- Aplicar marcos. Los marcos sirven para distribuir mejor los datos dentro de las páginas ya que permiten mantener fijas algunas partes que queramos, mientras que otras si se pueden cambiar, además
Más detallesPROPÓSITOS. Tecnicatura en Informática Profesional y Personal [ 1 ]
PROPÓSITOS Unidad 1 Reconocer el funcionamiento de internet y sus características. Interpretar el concepto de ISP, HTTP y MySQL Reconocer y aplicar criterios de adaptación del ambiente de trabajo a las
Más detallesETIQUETAS PRINCIPALES
HTML... 1 ETIQUETAS PRINCIPALES... 1 ETIQUETAS DE TÍTULOS, PÁRRAFOS Y SEPARACIONES... 3 FORMATO DE TEXTO... 5 LISTAS... 6 ENLACES E IMÁGENES... 7 TABLAS... 9 HTML Las páginas web son documentos de texto,
Más detallesUnidad I - INTRODUCCIÓN AL HTML. Profesor: Marcos Tulio Jerez Bastidas. Barinas, abril 2015
República Bolivariana de Venezuela Universidad Nacional Experimental de los Llanos Occidentales Ezequiel Zamora Programa de Ingeniería, Arquitectura y Tecnología Subproyecto de Algoritmo y Programación
Más detallesAPLICACIÓN DE LA EVALUACION DIAGNOSTICA. Elaboración de Páginas Web 6 Semestre
Elaboración de Páginas Web 6 Semestre Nombre: Fecha: Grupo: Semestre: Calificación: 1. Una página Web es: 2. Los elementos de una página Web son: 3. En que lenguaje se elaboran las páginas Web: 4. Menciona
Más detallesLas practicas deberás hacerlas sin la ayuda de tu asesor
3 Introducción HTML (HyperText Markup Language) es un lenguaje muy sencillo que permite describir hipertexto, es decir, texto presentado de forma estructurada y agradable, con enlaces (hyperlinks) que
Más detallesUniversidad Politécnica de El Salvador Computación Básica. HTML Guía 1. Requerimientos y material. Qué es HTML? Etiquetas
Universidad Politécnica de El Salvador Computación Básica HTML Guía 1 Requerimientos y material Internet es un medio que no precisa de mucho conocimiento, el prerrequisito inmediato para poder usar esta
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION CICLO 01-2013 GUIA DE LABORATORIO N 7 Nombre de la práctica: Vínculos, hipervínculos o enlaces. Lugar de ejecución: Laboratorio
Más detalles4º ESO INFORMÁTICA TEMA 7: LENGUAJE HTML ACTIVIDADES. A continuación abriéremos el bloc de notas: Inicio>Programas>Bloc de notas.
4º ESO INFORMÁTICA TEMA 7: LENGUAJE HTML ACTIVIDADES FECHA LÍMITE: 13 de mayo Práctica 1: Lo primero que vamos a hacer es crear en nuestro pendrive una carpeta que llamaremos WEBnuestronombre como por
Más detallesNATIONAL SOFT HOTELES GUÍA DE CONFIGURACIÓN DEL COMPROBANTE DE RESERVACIÓN
NATIONAL SOFT HOTELES Versión 3.0 GUÍA DE CONFIGURACIÓN DEL COMPROBANTE DE RESERVACIÓN National Soft de México INDICE GENERAL 1. INTRODUCCIÓN... 2 2. ESTABLECER LOS PARÁMETROS DE ENVÍO... 2 3. EDITAR EL
Más detallesALMACENAMIENTO Y RECUPERACIÓN DE UN LIBRO
UNIDAD DIDÁCTICA ALMACENAMIENTO Y RECUPERACIÓN DE UN LIBRO Los objetivos de este tema son: 1. Aprender a crear un nuevo libro de trabajo de Excel para empezar a trabajar. 2. Saber cómo guardar los cambios
Más detalles1.2. MOVERSE DE UN DOCUMENTO A OTRO BUSCAR TEXTO.
9 1.2. MOVERSE DE UN DOCUMENTO A OTRO BUSCAR TEXTO. Word nos permite buscar un texto de varias formas: a través del panel Navegación o con la página Buscar del cuadro de diálogo Buscar y reemplazar. La
Más detallesExcel Ba sico. Introducción a Excel. El estudio del contenido de esta unidad Contribuirá a que usted adquiera las Competencias para:
Excel Ba sico Introducción a Excel El estudio del contenido de esta unidad Contribuirá a que usted adquiera las Competencias para: Interpretar conceptos básicos de Excel Utilizar herramientas básicas Administrar
Más detallesCreación de páginas Web
Creación de páginas Web Ignacio González Alonso. 2009 1 HTML HTML es el lenguaje utilizado para crear páginas Web Una página Web no es más que un archivo de texto, generalmente con extensión.html Una página
Más detallesPráctica No. 3 Procesador de textos Word (Parte 2)
1 Práctica No. 3 Procesador de textos Word (Parte 2) Actividad 1. Edición básica de tablas 1.1 Abra un nuevo documento en blanco e inserte una tabla de 4 filas y tres columnas con el siguiente texto: Actividad
Más detallesAdaptación al Ambiente de Trabajo Curso: 7mo año, Ciclo Superior Profesor: Quevedo, Alejandro Programa 2016
Adaptación al Ambiente Trabajo UNIDAD 1 Contenidos: Adaptación l ambiente trabajo. Propósitos Ejes Contenidos Reconocer el Internet. Concepto Internet Cómo funciona?, funcionamiento Características y Ergonomía,
Más detallesDiseño de páginas web
Qué es una página web? Diseño de páginas web Fundamentos de HTML Informática 4º ESO Un documento que puede incluir texto, imágenes, tablas, e incluso contenido multimedia Unas páginas web se pueden enlazar
Más detallesMANUAL PARA CREAR NUESTRA PAGINA WEB EN DREAMWEAVER
1 MANUAL PARA CREAR NUESTRA PAGINA WEB EN DREAMWEAVER INDICE 1. Como crear mí sitio. 2. Entorno. 3. Insertar texto. 4. Como crear un vínculo. Formas: 5. Como insertar una imagen. 6. Insertar Tabla. 7.
Más detallesHTML Hipervínculos e imágenes
HTML Hipervínculos e imágenes HIPERVÍNCULOS HIPERVÍNCULOS Enlaces dentro de la misma página Enlaces con otra página nuestra Enlaces con una página fuera de nuestro sistema Enlaces con una dirección de
Más detallesGuía Segundo Periodo. Séptimo. Cristian Hernández 1/1/18 Dreamweaver
Guía Segundo Periodo Séptimo Cristian Hernández 1/1/18 Dreamweaver 1 Colegio Agustiniano Ciudad Salitre Área de Tecnología e Informática Guía de Apoyo 2018 Bimestre: Segundo Grado: Séptimo Docente: Cristian
Más detallesOpenOffice.org Writer El procesador de texto. [Seleccionar fecha] [Escribir el nombre de la compañía] Lourdes Luengo
OpenOffice.org Writer El procesador de texto [Seleccionar fecha] [Escribir el nombre de la compañía] Lourdes Luengo 2 Para abrir esta aplicación nos vamos a: APLICACIONES >>> OFICINA >>> OpenOffice.org
Más detallesARCHIVOS DE LA APLICACIÓN DE TRATAMIENTOS DE TEXTOS, UBICACIÓN, TIPO Y OPERACIONES CON ELLOS
UNIDAD DIDÁCTICA ARCHIVOS DE LA APLICACIÓN DE TRATAMIENTOS DE TEXTOS, UBICACIÓN, TIPO Y OPERACIONES CON ELLOS Los objetivos de este tema son: 1. Aprender a crear un nuevo documento para empezar a escribir
Más detallesAntes de comenzar a utilizar Kompozer vamos a crear una carpeta en nuestra memoria externa, podéis poner vuestro nombre y dentro de la misma
Taller Elaboración de webs docentes: ficheros html. Nivel básico. 25 de junio de 2008 TRABAJANDO CON KOMPOZER Rosa Mª Bernal Galindo. Instituto de Ciencias de la Educación. Universidad de Murcia Antes
Más detallesMICROSOFT EXCEL 2007
INGRESAR A EXCEL 007 MICROSOFT EXCEL 007. Clic en Inicio. Colocar el puntero del ratón (flecha) en Todos los programas. Colocar el puntero del ratón (flecha) en Microsoft Office. Clic en Microsoft Excel
Más detallesLENGUAJE DE MARCADO HIPERTEXTO HTML
LENGUAJE DE MARCADO HIPERTEXTO HTML 1. QUÉ ES HTML? HTML, siglas de Lenguaje de Marcas de HiperTexto (HyperText Markup Language), hace referencia al lenguaje de marcado Hipertexto. HTML es base de todo
Más detallesUNIDAD 1 GENERALIDADES HTML
UNIDAD 1 GENERALIDADES HTML GENERALIDADES HTML5 Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web.
Más detallesÍndice del curso. Elementos HTML. Elementos HTML. Elementos de texto. Creación de páginas web básicas. 1.Introducción a Internet. Lenguaje HTML.
Índice del curso 1.Introducción a Internet. Lenguaje HTML. Elementos HTML Creación de páginas web básicas 2.Elementos HTML. 3.Creación y gestión de imágenes con GIMP. 4.Hojas de estilo. 5.Creación de páginas
Más detallesManual de utilización del Dreamweaver MX 2004 CLASE 03.
Manual de utilización del Dreamweaver MX 2004 CLASE 03. IMÁGENES y VÍNCULOS en DREAMWEAVER. Para insertar una imagen es conveniente tenerla previamente guardada en la carpeta del sitio. De lo contrario
Más detallesCURSO PÁGINAS WEB HTML:
CURSO PÁGINAS WEB HTML: CÓDIGO EN EL BLOC DE NOTAS Colegio Concertado Valdecás HTML: EDICIÓN DE PÁGINAS WEB 1. Cómo escribir una página web? Detrás de las páginas que vemos por Internet se esconde un código,
Más detallesEJERCICIO 9: Marcos (Frames)
EJERCICIO 9: Marcos (Frames) El primer paso será iniciar una nueva página web, a esta página procederemos a crear una distribución de marcos. Para ello primero seleccionaremos la caja de herramientas de
Más detallesIntegración de los distintas aplicaciones
Integración de los distintas aplicaciones Copiar datos Excel en Word Cuando se copian datos de una hoja de cálculo Excel en un documento Word, aparece el botón Opciones de pegado ; señale el botón Opciones
Más detallesPotencialidades del procesador de texto
Potencialidades del procesador de texto para la construcción de material pedagógico Potencialidades del procesador de texto El ejercicio consiste en crear una guía de estudio. Para desarrollar el trabajo
Más detallesEl siguiente ejemplo desplegará una página con fondo negro (black) y texto de color lima (#00ff00):
LA ETIQUETA Hasta ahora se ha trabajado con páginas cuyos colores son: blanco para el fondo y negro para el texto escrito en ellas. Estos son los colores que HTML toma por defecto. El uso adecuado
Más detallesINFOTECH MÓDULO 4 CURSO. Hipervínculos y plantillas. Creación de páginas web con Adobe Dreamweaver
INFOTECH MÓDULO 4 Hipervínculos y plantillas CURSO Creación de páginas web con Adobe Dreamweaver INFOTECH Nombre del módulo 4 Contenidos Recursos Comprensión e información Capacidades especí cas Indagación
Más detallesGestión publicidad TUTORIALES EDITMAKER
Gestión publicidad TUTORIALES EDITMAKER Crear una publicidad a) Menú genéríco de publicidad b) Seleccionar botón Nueva Publicidad Nombre de la publicidad Ancho (200-480, etc en píxeles Ruta de la imagen,
Más detallesActividad 3: Codificación básica de un texto en HTML
Actividad 3: Codificación básica de un texto en HTML Abrir un editor de texto, por ejemplo en nuestro caso notepad, después codificar los elementos básicos y guardar en una carpeta con la extensión.html
Más detallesRESUMEN HTML. Elementos de estructura
RESUMEN HTML Elementos de estructura primer elemento que enmarca todo el fichero HTML (obligatorio) zona de cabecera (obligatorio) definición de un título (obligatorio) cuerpo
Más detallesPodemos configurar Internet Explorer para que nos muestre la página inicial al que queramos abrir el
INTERNET INTERNET NIVEL MEDIO DE INTERNET ESTABLECIENDO PÁGINA DE INICIO: Podemos configurar Internet Explorer para que nos muestre la página inicial al que queramos abrir el programa. Para ello debemosir
Más detallesMODELO DE EXAMEN PRIMERA EVALUACIÓN CURSO 2018/2019 TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN 2º BACHILLERATO
MODELO DE EXAMEN PRIMERA EVALUACIÓN CURSO 2018/2019 TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN 2º BACHILLERATO Unidades: LA ERA DIGITAL DISEÑO Y EDICIÓN DE PÁGINAS WEB Nota: El número de preguntas
Más detallesManual: Catálogo. Crear una categoria. Crear un producto. Publicar y despublicar productos
Manual: Catálogo 01 Crear una categoria 02 Crear un producto 03 Publicar y despublicar productos 01 Crear una categoría Mantener tu web actualizada es muy sencillo. Te animamos a hacerlo puesto que entrar
Más detallesUNIDAD DE SISTEMAS INFORMÁTICOS
Tienes problemas para descargar un archivo.zip o.rar del Sistema Infomex? Esta guía proporciona los pasos a seguir para descargar y visualizar de manera correcta un archivo en el Sistema Infomex-Veracruz.
Más detallesCREACIÓN DE UNA PÁGINA WEB CON JIMDO
CREACIÓN DE UNA PÁGINA WEB CON JIMDO Con esta sencilla aplicación online se diseñará una página web sobre un tema elegido por cada grupo. Se mandará el enlace de la página web al mail de la asignatura.
Más detallesUNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION
CICLO 01-2016 UNIVERSIDAD DON BOSCO FACULTAD DE ESTUDIOS TECNOLOGICOS ESCUELA DE COMPUTACION GUIA DE LABORATORIO Nº 2 Nombre de la practica: Introducción y conceptos básicos de CSS Lugar de ejecución:
Más detallesPRÁCTICA 2. AMPLIAR LA WEB
PRÁCTICA 2. AMPLIAR LA WEB Ejercicio 1. Amplia la página Web que diseñaste en la práctica 1 con los siguientes elementos: fondos, marquesinas, tablas, hipervínculos y vídeos youtube. PASOS A SEGUIR 1.
Más detallesTema 1. Introducción a OpenOffice Writer
Tema 1: Introducción a OpenOffice 1 Tema 1 Introducción a OpenOffice Índice de contenido Prefacio...2 Gestión básica de documentos...2 Tema 1: Introducción a OpenOffice 2 Prefacio Este curso tiene como
Más detallesPERIODO 3 HOJA DE CÁLCULO CONCEPTOS INTERMEDIOS OPERACIONES CON CELDAS, FILAS Y COLUMNAS EN EXCEL SELECCIONAR COPIAR MOVER BORRAR
PERIODO 3 HOJA DE CÁLCULO CONCEPTOS INTERMEDIOS CONTENIDOS OPERACIONES CON LIBROS DE TRABAJO EN EXCEL GUARDAR UN LIBRO CERRAR UN LIBRO. CREAR UN NUEVO LIBRO. ABRIR UN LIBRO OPERACIONES CON CELDAS, FILAS
Más detallesUnidad 1.- Fundamentos de sitios web. El lenguaje HTML. Desarrollo de aplicaciones Web. Felipe LC
Unidad 1.- Fundamentos de sitios web. El lenguaje HTML Desarrollo de aplicaciones Web. Felipe LC La actividad #1 En qué consistió la actividad 1? Qué conceptos aprendimos? Demos algunos ejemplos. Qué aprendimos
Más detallesLAS HOJAS DE ESTILO EN DREAMWEAVER MX
LAS HOJAS DE ESTILO EN DREAMWEAVER MX 1 - Introducción a las hojas de estilo en cascada (CSS) Las hojas de estilo en cascada, conocidas también como CSS (Cascade Style Sheets), nos permiten controlar los
Más detallesTécnicas de visualización
Técnicas de visualización LENGUAJE HTML Máster en Tecnologías de la Información Geográfica Laboratori d Informació Geogràfica i de Teledetecció (LIGIT) Departament de Geografia. UAB Anna Jiménez Introducción
Más detallesColocar datos en la Web
1. INSERTAR HIPERVÍNCULOS E xcel, al igual que el resto de programas de la familia de Office 2013, está preparado para trabajar y crear documentos con tecnología de web, es decir, que trabajan a través
Más detallesCon etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta ADDRESS ADDRESS CITE CITE B: NEGRITA B: NEGRITA.
En la presente tabla se hace una comparación entre las etiquetas de formato de texto. Netscape no soporta : ni (tachado). Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta Con etiqueta Sin etiqueta
Más detallesTaller Multimedia de Publicidad
PRÁCTICA 1 Taller Multimedia de Publicidad Antes de comenzar, hemos de configurar el sitio. Denominamos sitio tanto a la ubicación local como a la ubicación remota donde gestionamos los archivos. Crea
Más detallesConsejos y Técnicas Profesionales NIVEL PRINCIPIANTES - AVANZADOS
Consejos y Técnicas Profesionales NIVEL PRINCIPIANTES - AVANZADOS Este curso manual está realizado con el fin de aprovechar todas las opciones de Office, en su caso de Excel (los demás programas los veremos
Más detallesPLANTILLAS Y MACROS. También veremos cómo crear una Macro en Excel que automatice una tarea, de forma que al ejecutarla agilice el trabajo.
UNIDAD DIDÁCTICA PLANTILLAS Y MACROS Los objetivos de este tema son: 1. Aprender a crear y a utilizar una plantilla de Excel. 2. Entender qué es una macro en Excel y su utilidad. 3. Crear una macro y ejecutarla.
Más detallesMetodología. Explica el objetivo requerido y enfatiza el aprendizaje de los temas de certificación.
Metodología Cada diapositiva contiene los temas referenciados del Simulador de Excel 2010 desarrollados en prácticas de cierre. Los temas se desarrollan con ejercicios referenciados en cada diapositiva.
Más detalles<DOCTYPE HTML PUBLIC> <HTML> <HEAD>... </HEAD> <FRAMESET>... </FRAMESET> </HTML>
... ... Marcos en HTML
Más detallesManual del usuario. Configuración de pantallas de bloqueo y fondos de escritorio corporativos
Manual del usuario Configuración de pantallas de bloqueo y fondos de escritorio corporativos Índice Índice 1. Introducción... 1 2. Configuración de la pantalla de bloqueo... 2 3. Configuración del fondo
Más detallesCOLEGIO PABLO DE TARSO IED CONSTRUCCION DE PROYECTOS DE VIDA PRODUCTIVOS DREAMWEAVER UNO- PRÁCTICAS DOC RAUL MONROY PAMPLONA
Metas de comprensión cuarto periodo Comprende sus responsabilidades a la hora de formular sus propuestas como soluciones a problemas reales que impliquen el uso de las tecnologías de información y la gestión
Más detallesKOMPOZER. Opciones básicas para diseño web
KOMPOZER Opciones básicas para diseño web Kompozer: pantalla inicial Es un programa especializado en crear webs Al iniciarlo, aparece una página en blanco lista para editar, y los controles básicos en
Más detallesIntroducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias.
Introducción a HTML Manual-Estructura Básica. Prof. César S. Rangel Farias. Índice. 2 HTML... 3 Estructura Básica.... 3 Formato de texto... 3 Estilos... 3 Alineaciones de Párrafo... 4 Colores... 5 Listas...
Más detallesHipervínculos en un libro de trabajo
Hipervínculos en un libro de trabajo 139 Hipervínculos en un libro de trabajo Contenido Concepto hipervínculo Utilidades del manejo de hipervínculos en un libro de trabajo Comando hipervínculo 140 Hoja
Más detallesUNIDAD 6 TEMA 4: OFIMÁTICA AVANZADA. CLASE 05: Combinar correspondencia.
UNIDAD 6 TEMA 4: OFIMÁTICA AVANZADA. CLASE 05: Combinar correspondencia. Mediante la opción Combinar correspondencia Word2007 nos permite incluir en un documento, datos almacenados en otro sitio. De esta
Más detallesQUÉ SE NECESITA PARA UTILIZAR HTML5
Una página web es un archivo con texto en el que se insertan diferentes etiquetas HTML, para que ese contenido pueda ser interpretado por el navegador web. Existen diferentes versiones del lenguaje HTML,
Más detallesHOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet)
HOJAS DE ESTILOS EN CASCADA CSS (Cascading Style Sheet) 1. QUÉ ES UNA HOJA DE ESTILOS? Las hojas de estilos son un conjunto de instrucciones, el cual permiten manejar el formato y presentación de contenido
Más detallesEXAMEN TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN II PRIMERA EVALUACIÓN
IES NUESTRA SEÑORA DE LA ALMUDENA ENSEÑANZA A DISTANCIA EXAMEN TECNOLOGÍAS DE LA INFORMACIÓN Y LA COMUNICACIÓN II PRIMERA EVALUACIÓN NOMBRE Cada pregunta consta de 3 opciones, siendo solo correcta una
Más detallesGUÍA 6 Tema: Imágenes por sustitución, audio y video
Tema: Imágenes por sustitución, audio y video CONTENIDOS Aplicación de imágenes por sustitución. Aplicar video por medio del programa de Dreamweaver y plataforma Youtube. Agregar audio en una plantilla
Más detallesGUIA DE LABORATORIO 05
UNIVERSIDAD DE EL SALVADOR FACULTAD DE INGENIERIA Y ARQUITECTURA ESCUELA DE INGENIERIA DE SISTEMAS INFORMATICOS MANEJO DE SOFTWARE PARA MICROCOMPUTADORAS Ciclo II 2012 GUIA DE LABORATORIO 05 En este material
Más detallesIntroducción. Contenidos. 1 Tutorial: Uso Básico de PAIDEIA
Manual: Uso Básico de PAIDEIA Introducción La plataforma PAIDEIA posee diversos usos que ofrecen ventajas en el desarrollo de las clases. En este instructivo se presentan seis características básicas para
Más detallesQUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un
QUÉ ES UNA HOJA DE ESTILOS? Una hoja de estilo en cascada (CSS) es un conjunto de reglas en las que definimos el formato que va a tomar un determinado elemento de una página web. Siglas CCS significa "Cascading
Más detallesDIRECCIÓN GENERAL DEL BACHILLERATO CENTRO DE ESTUDIOS DE BACHILLERATO N 2 LIC. JESÚS REYES HEROLES
PROFA. STEPHANY LUCIOTTO V. ACADEMIA: INFORMÁTICA ASIGNATURA: PAG. WEB GUIA DE ESTUDIO PERIODO: 2012-2013 A ALUMN@: GRUPO: FECHA: ESCRIBE EN EL PARENTESIS SI LA RESPUESTA ES VERDADREA O FALSA 1. Las páginas
Más detalles1. En primer lugar, abrimos la copia modificada del documento original.
MÓDULO VII: TRABAJO COLABORATIVO 7.1. Comparar y combinar documentos La herramienta Comparar y combinar documentos nos permite comparar dos documentos (origen y destino) y ver las diferencias entre ellos
Más detallesInsertar objetos y comentarios
Insertar objetos y comentarios Por Ma. de la Luz Mendoza Uribe Aunque las hojas de cálculo no son muy atractivas visualmente, existen diversas funciones que permiten anexar o agregar algunos objetos que
Más detallesEn HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea
HTML completo Pregunta 1 En HTML, para indicar el orden de tabulación entre los controles de un formulario se emplea Solución: El atributo tabindex Pregunta 2 El elemento de HTML que se emplea para definir
Más detallesElaboración de contenidos educativos digitales. Guía sobre Prezi
Elaboración de contenidos educativos digitales Guía sobre Prezi PREZI 1.1. Qué es Prezi? Prezi es una aplicación enteramente basada en flash que permite escapar del enfoque slide por slide de la mayoría
Más detallesLA IMAGEN OBJETIVOS INSERTAR UNA IMAGEN INTRODUCCIÓN A DREAMWEAVER. Aprender a insertar imágenes, Conocer sus propiedades,
LA IMAGEN OBJETIVOS Aprender a insertar imágenes, Conocer sus propiedades, Aprender a crear vínculos en una imagen, Crear imágenes de sustitución. INSERTAR UNA IMAGEN Se puede insertar una imagen desde:
Más detallesFundamentos de Excel
Fundamentos de Excel Excel es una potente aplicación de hoja de cálculo y análisis de datos. Pero para usarla del modo más eficaz, es necesario comprender primero los aspectos básicos. Este tutorial presenta
Más detallesEjercicios - Introducción al desarrollo web para móviles
Ejercicios - Introducción al desarrollo web para móviles Índice 1 Ejercicio 1 - Tablas...2 2 Ejercicio 2 - Cajas Div... 2 3 Ejercicio 3 - Terminando la Web de ejemplo...3 En esta primera sesión vamos a
Más detallesFigura 9.1 Estados Reposo, Sobre, Presionado y Zona activa de un botón. 9.2 Usar un botón de una Biblioteca común
Capítulo 9 Botones 9.1 Qué es un botón? L os botones son clips de películas interactivos de 4 fotogramas. Cuando se selecciona el comportamiento botón para un símbolo, Flash crea un símbolo con una línea
Más detallesACTIVIDADES DE HTML. <TITLE> ejemplo de código HTML</TITLE> Aquí va el contenido de la página
ACTIVIDADES DE HTML 1.- Estructura básica de un archivo HTML: ejemplo de código HTML Aquí va el contenido de la página Guardamos el archivo
Más detallesHIPERVINCULOS EN WORD
HIPERVINCULOS EN WORD Contenido HIPERVINCULOS EN WORD... 1 Crear un hipervínculo personalizado a un documento, archivo o página web... 4 Crear un hipervínculo a un lugar específico de otro documento o
Más detalles