Los hipervínculos permiten navegar entre páginas web mediante el elemento <a> y los atributos href, target y title. Los enlaces internos navegan dentro de una página usando anclas con id, mientras que los externos apuntan a otras páginas web con la URL completa.
Presentación gráfica del tema Hiperenlaces en HTML. Se incluye una pequeña introducción al tema Lenguaje Informático con el mencionado código. El material está dirigido a estudiantes de 2º año de Educación Media Básica en la asignatura informática. (Es decir para personas de entre 12 y 15 años aproximadamente).
Presentación gráfica del tema Hiperenlaces en HTML. Se incluye una pequeña introducción al tema Lenguaje Informático con el mencionado código. El material está dirigido a estudiantes de 2º año de Educación Media Básica en la asignatura informática. (Es decir para personas de entre 12 y 15 años aproximadamente).
Bases de la maquetación de una web en HTML5, explicando e incorporando todas sus ventajas y novedades, así mismo, se darán a conocer diversas herramientas para el diseño y maquetación de webs de forma sencilla.
Se darán respuesta a las siguientes cuestiones:
¿Qué es HTML?
¿En qué consiste HTML?
¿Cómo se escriben las etiquetas?
¿Cómo se muestra una página Web?
¿Qué es la semántica HTML?
¿Qué es HTML5?
¿Por qué surge HTML5?
¿Qué va a pasar con las Web en HTML4?
¿Cómo se crea una página Web?
¿Cómo se declara un documento HTML5?
¿Qué etiquetas se usan para maquetar en HTML5?
¿Qué herramientas usaremos?
El taller correrá a cargo de Antonio Cruz Gómez, amigo y presidente de la Asociación EnRed 2.0 (http://enred20.org/)
Para más información puedes mirar la web: http://enred20.org/node/39
O ponerte en contacto con nosotros o con la Asociación EnRed 2.0
Práctico 6
Tecnología Comunicacional (Optativa I)
Estudiante: Luis Enrique Galán Gutiérrez
Docente: David Enrique Mendoza Gutiérrez
Ing. De Telecomunicaciones
Universidad De Aquino Bolivia "Udabol"
Sede "Santa Cruz"
7mo Semestre.
Módulo 4 del
Curso IxDA BA 2012: Introducción al diseño y maquetación de interfaces web.
http://ixda.com.ar/?p=602
* Cómo se construye una página
* Marcado semántico, accesibilidad
* Uso apropiado de elementos más comunes
. Listas, links, imágenes, encabezados
. Elementos de bloque vs línea
. Árbol de elementos, jerarquía
* Doctype, validación
* URLs, la web como red de recursos
* CSS, separación de contenido y presentación
* Clases y IDs, selectores semánticos, cascada
* El modelo de caja, posicionamiento, elementos flotantes
* Fuentes, font stacks, tamaños, tipografías básicas, font-face, licencias
* Recorte de imágenes
* Errores más comunes
* Impacto en el posicionamiento en buscadores
Bases de la maquetación de una web en HTML5, explicando e incorporando todas sus ventajas y novedades, así mismo, se darán a conocer diversas herramientas para el diseño y maquetación de webs de forma sencilla.
Se darán respuesta a las siguientes cuestiones:
¿Qué es HTML?
¿En qué consiste HTML?
¿Cómo se escriben las etiquetas?
¿Cómo se muestra una página Web?
¿Qué es la semántica HTML?
¿Qué es HTML5?
¿Por qué surge HTML5?
¿Qué va a pasar con las Web en HTML4?
¿Cómo se crea una página Web?
¿Cómo se declara un documento HTML5?
¿Qué etiquetas se usan para maquetar en HTML5?
¿Qué herramientas usaremos?
El taller correrá a cargo de Antonio Cruz Gómez, amigo y presidente de la Asociación EnRed 2.0 (http://enred20.org/)
Para más información puedes mirar la web: http://enred20.org/node/39
O ponerte en contacto con nosotros o con la Asociación EnRed 2.0
Práctico 6
Tecnología Comunicacional (Optativa I)
Estudiante: Luis Enrique Galán Gutiérrez
Docente: David Enrique Mendoza Gutiérrez
Ing. De Telecomunicaciones
Universidad De Aquino Bolivia "Udabol"
Sede "Santa Cruz"
7mo Semestre.
Módulo 4 del
Curso IxDA BA 2012: Introducción al diseño y maquetación de interfaces web.
http://ixda.com.ar/?p=602
* Cómo se construye una página
* Marcado semántico, accesibilidad
* Uso apropiado de elementos más comunes
. Listas, links, imágenes, encabezados
. Elementos de bloque vs línea
. Árbol de elementos, jerarquía
* Doctype, validación
* URLs, la web como red de recursos
* CSS, separación de contenido y presentación
* Clases y IDs, selectores semánticos, cascada
* El modelo de caja, posicionamiento, elementos flotantes
* Fuentes, font stacks, tamaños, tipografías básicas, font-face, licencias
* Recorte de imágenes
* Errores más comunes
* Impacto en el posicionamiento en buscadores
Introducción a los Enlaces, Imágenes y Tablas en HTML.pdfJUANPACHON10
Actividad No.1
En grupos de cuatro personas, los integrantes deberán realizar una presentación explicando que
son los enlaces, imágenes y tablas en Html, dando ejemplos. Subir la presentación a la plataforma
https://es.slideshare.net/ y anexar el link como evidencia.
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta in...espinozaernesto427
Las lámparas de alta intensidad de descarga o lámparas de descarga de alta intensidad son un tipo de lámpara eléctrica de descarga de gas que produce luz por medio de un arco eléctrico entre electrodos de tungsteno alojados dentro de un tubo de alúmina o cuarzo moldeado translúcido o transparente.
lámparas más eficientes del mercado, debido a su menor consumo y por la cantidad de luz que emiten. Adquieren una vida útil de hasta 50.000 horas y no generan calor alguna. Si quieres cambiar la iluminación de tu hogar para hacerla mucho más eficiente, ¡esta es tu mejor opción!
Las nuevas lámparas de descarga de alta intensidad producen más luz visible por unidad de energía eléctrica consumida que las lámparas fluorescentes e incandescentes, ya que una mayor proporción de su radiación es luz visible, en contraste con la infrarroja. Sin embargo, la salida de lúmenes de la iluminación HID puede deteriorarse hasta en un 70% durante 10,000 horas de funcionamiento.
Muchos vehículos modernos usan bombillas HID para los principales sistemas de iluminación, aunque algunas aplicaciones ahora están pasando de bombillas HID a tecnología LED y láser.1 Modelos de lámparas van desde las típicas lámparas de 35 a 100 W de los autos, a las de más de 15 kW que se utilizan en los proyectores de cines IMAX.
Esta tecnología HID no es nueva y fue demostrada por primera vez por Francis Hauksbee en 1705. Lámpara de Nernst.
Lámpara incandescente.
Lámpara de descarga. Lámpara fluorescente. Lámpara fluorescente compacta. Lámpara de haluro metálico. Lámpara de vapor de sodio. Lámpara de vapor de mercurio. Lámpara de neón. Lámpara de deuterio. Lámpara xenón.
Lámpara LED.
Lámpara de plasma.
Flash (fotografía) Las lámparas de descarga de alta intensidad (HID) son un tipo de lámparas de descarga de gas muy utilizadas en la industria de la iluminación. Estas lámparas producen luz creando un arco eléctrico entre dos electrodos a través de un gas ionizado. Las lámparas HID son conocidas por su gran eficacia a la hora de convertir la electricidad en luz y por su larga vida útil.
A diferencia de las luces fluorescentes, que necesitan un recubrimiento de fósforo para emitir luz visible, las lámparas HID no necesitan ningún recubrimiento en el interior de sus tubos. El propio arco eléctrico emite luz visible. Sin embargo, algunas lámparas de halogenuros metálicos y muchas lámparas de vapor de mercurio tienen un recubrimiento de fósforo en el interior de la bombilla para mejorar el espectro luminoso y reproducción cromática. Las lámparas HID están disponibles en varias potencias, que van desde los 25 vatios de las lámparas de halogenuros metálicos autobalastradas y los 35 vatios de las lámparas de vapor de sodio de alta intensidad hasta los 1.000 vatios de las lámparas de vapor de mercurio y vapor de sodio de alta intensidad, e incluso hasta los 1.500 vatios de las lámparas de halogenuros metálicos.
Las lámparas HID requieren un equipo de control especial llamado balasto para funcionar
En este documento analizamos ciertos conceptos relacionados con la ficha 1 y 2. Y concluimos, dando el porque es importante desarrollar nuestras habilidades de pensamiento.
Sara Sofia Bedoya Montezuma.
9-1.
Es un diagrama para La asistencia técnica o apoyo técnico es brindada por las compañías para que sus clientes puedan hacer uso de sus productos o servicios de la manera en que fueron puestos a la venta.
2. HIPERVÍNCULOS O ENLACES EN HTML
Los enlaces o hipervínculos, también llamados hipertextos son los textos o los objetos
sobre los que podemos hacer clic para que nos lleven a otra parte del documento, a otra
página web en el mismo sitio o a otra página de Internet, entre otras funciones.
3. Cuando un visitante hace clic en el hipervínculo, el destino se mostrará en su navegador
web, se abrirá o se ejecutará, en función del tipo de destino. El destino es con frecuencia
otra página web, pero también puede ser una imagen, un archivo multimedia, un
documento de Microsoft Office, un documento PDF, una dirección de correo electrónico o
un programa.
Por tanto, con los hipervínculos podemos establecer “saltos” desde una página a otra,
incluso a puntos concretos dentro de páginas con contenidos extensos. Los hipervínculos
pueden asociarse a imágenes o a textos de modo que haciendo clic sobre ellos con el botón
izquierdo del ratón se accede automáticamente al destino asociado a ellos.
.
4. -Utiliza el elemento ancla para crear un enlace, representado por
<a>...</a>
-El contenido sobre el que pulsa el visitante se coloca dentro del elemento ancla:
<a>Enlace a otra página</a>
El problema del enlace de anterior no apunta a ningún sitio. Para convertirlo en un
enlace debe aportar la URL de la página de destino mediante el atributo href (que
significa referencia de hipervínculo).
5. Por ejemplo, si quiere un enlace para llevar al lector a una página llamada
enlacepagina.html, debe utilizar el siguiente código de HTML:
<a href="enlacepagina.html">Enlace a otra página</a>
Nota:
El archivo enlacepagina.html debe estar en la misma carpeta de la página Web
que lo contiene.
8. Atributos
HREF
ANCLAS
En realidad es el lugar donde será dirigido el usuario
cuando haga click en el enlace o link HTML.
Es utilizado para vincular dos secciones de la misma
página. Así que necesitamos darle un nombre a esas
secciones.
9.
10.
11. HIPERVÍNCULOS INTERNOS
También llamados HIPERVÍNCULOS LOCALES, MARCADORES O ANCLAS.
● Son enlaces dentro de la misma página. Es decir, al hacer clic en uno de ellos nos
llevará a una posición distinta dentro de la misma página que estamos visualizando.
● Para crear este tipo de enlaces hay que hacer dos operaciones:
Establecer marcadores (anclas) a lo largo de la página (son los lugares a los que
queremos saltar con los enlaces).
Poner enlaces que salten a los marcadores.
12. El código de los marcadores se crea con los atributos name (no recomendado) ó id
(recomendado):
● Origen: <a href="#apartado3">Ir al apartado 3</a>
● Destino: <a name="apartado3">Apartado 3</a>
● <a name= “nombre_del_marcador”>Texto asociado al marcador</a> (No
recomendado: no es aceptado por las nuevas versiones de HTML, aunque se usó
bastante en el pasado).
● <a id=”nombre_del_marcador”>Texto asociado al marcador</a>
13. Ejemplo:
Supongamos que queremos crear un enlace que apunte al final de la página. Lo primero será colocar nuestro enlace origen. Este enlace
de origen es el que el usuario podrá hacer clic.
<a href="#abajo">Ir abajo</a>
Como podéis ver, el contenido del enlace es el texto "Ir abajo" y el destino, #abajo, es un punto de la misma página que todavía no
hemos definido. Ojo al símbolo "#": es él quien especifica al navegador que el enlace apunta a una sección en particular, a un punto
interno dentro de la misma página.
En segundo lugar, hay que generar un enlace en el destino, al que hemos llamado "ancla". Este enlace no llevará contenido, puesto que
no queremos que nadie lo pulse, sino que nos sirva de ancla. Tampoco llevará el atributo "href", porque no tiene que apuntar a ningún
lugar, sino que le apuntarán a él. Para poder distinguirlo de otros posibles enlaces realizados dentro de la misma página a cada ancla se
le asigna un nombre por medio del atributo "name". En este caso, la etiqueta que escribiremos será ésta:
<a name="abajo"></a>
Para entender cómo crear los enlaces internos nos tenemos que fijar en el name="abajo" del ancla. Pues bien, si queremos crear un
enlace interno a esta ancla, colocaremos en en enlace de origen el href="#abajo", o sea, el nombre del enlace más un "#" para que el
navegador sepa que es un enlace interno.
15. HIPERVÍNCULOS EXTERNOS
Un hipervínculo externo es un vínculo a otro sitio web en Internet (sitio externo). Es un
vínculo a cualquier otro lugar fuera del sitio actual. Cuando ponemos un vínculo externo,
escribimos la dirección completa de la página incluido http://www.... Estas rutas que
incluyen http://... las denominamos rutas absolutas. Por ejemplo, <a
href="http://www.aprenderaprogramar.com">Acceder a la página web
aprenderaprogramar.com</a>
16. En el hipervínculo distinguimos las siguientes partes:
- Las etiquetas de apertura y cierre del hipervínculo <a> y </a>
- El atributo href, con un valor que se indica con el símbolo igual y la URL a la que dirige el hipervínculo dentro de
las comillas.
- Un texto que es el que ve el usuario como link.
17. DESTINO DEL HIPERVÍNCULO. ATRIBUTO TARGET
Cuando creamos un vínculo, por defecto el navegador abrirá la página web destino en la misma ventana, pero
podemos pedirle al navegador que la abra “aparte”, es decir, en otra ventana. Esto es útil por ejemplo si queremos
abrir una página externa a nuestro sitio pero sin que el visitante pierda la nuestra. Para ello utilizaremos el atributo
target con alguna de las siguientes opciones.
Valores de target más habituales:
• _blank: Abre el documento vinculado en una ventana nueva del navegador.
• _self: Es la opción predeterminada o por defecto. Abre el documento vinculado en el mismo marco o ventana que
el vínculo.
Ejemplo:
<a href=”http://www.aprenderaprogramar.com” target=”_blank”>Ir aprenderaprogramar.com en una nueva
ventana</a>
18. EL ATRIBUTO TITLE PARA HIPERVÍNCULOS
Como última cuestión, debemos tener en cuenta que es muy aconsejable poner un atributo
extra cada vez que pongamos un hipervínculo en nuestras páginas. Este atributo es ‘title’ y
con el pondremos título a nuestro hipervínculo. Con esto conseguiremos en la mayoría de
los navegadores un efecto de ‘tool-tip’ que consiste en que cuando ponemos el cursor
encima del hipervínculo nos aparezca una información adicional que es la que hayamos
puesto en el atributo ‘title’.
19. Ejemplo:
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo del uso de marcadores - aprenderaprogramar.com</title>
</head>
<body>
<a href=”http://www.aprenderaprogramar.com” title=”Esto es un tool.tip”>Ir a
aprenderaprogramar.com</a>.
</body>
</html>