1. COLEGIO NACIONAL NICOLAS ESGUERRA
Alumnos: Juan David Valderrama 904
David Leonardo Urrego 904
Trabajo de informática
Curso: 904
Bogotá D.C
2. HTML
El HTML (Híper Text Markup Language) es el lenguaje con el que se
escriben laspáginas web. Es un lenguaje de hipertexto, es decir, un lenguaje
que permite escribir texto de forma estructurada, y que está compuesto por
etiquetas, que marcan el inicio y el fin de cada elemento del documento.
Un documento hipertexto no sólo se compone de texto, puede contener
imágenes, sonido, vídeos, etc., por lo que el resultado puede considerarse
como un documento multimedia.
Los documentos HTML deben tener la extensión html o htm, para que
puedan ser visualizados en los navegadores (programas que permiten
visualizar las páginas web).
Los navegadores se encargan de interpretar el código HTML de los
documentos, y de mostrar a los usuarios las páginas web resultantes del
código interpretado.
3. Navegador web
Un navegador o navegador web (del inglés, web browser) es una aplicación que
opera a través de Internet, interpretando la información de archivos y sitios web
para que podamos ser capaces de leerla (ya se encuentre ésta alojada en un
servidor dentro de la World Wide Web o en un servidor local).
El navegador interpreta el código, HTML generalmente, en el que está escrita la
página web y lo presenta en pantalla permitiendo al usuario interactuar con su
contenido y navegar hacia otros lugares de la red mediante enlaces o
hipervínculos.
La funcionalidad básica de un navegador web es permitir la visualización de
documentos de texto, posiblemente con recursos multimedia incrustados. Los
documentos pueden estar ubicados en la computadora en donde está el usuario,
pero también pueden estar en cualquier otro dispositivo que esté conectado a la
computadora del usuario o a través de Internet, y que tenga los recursos
necesarios para la transmisión de los documentos (un software servidor web).
Tales documentos, comúnmente denominados páginas web, poseen hipervínculos
que enlazan una porción de texto o una imagen a otro documento, normalmente
relacionado con el texto o la imagen.
4. El seguimiento de enlaces de una página a otra, ubicada en cualquier
computadora conectada a la Internet, se llama navegación, de donde se origina el
nombre navegador (aplicado tanto para el programa como para la persona que lo
utiliza, a la cual también se le llama cibernauta). Por otro lado, hojeador es una
traducción literal del original en inglés, browser, aunque su uso es minoritario.
Existe una lista detallada de navegadores, motores de renderización y otros temas
asociados en la categoría asociada.
KHTML
o Konqueror (basado por defecto en KHTML)
o Basado en WebKit (fork KHTML)
Safari
Chromium
Google Chrome
SRWare Iron
Flock (a partir de la versión 3)
Epiphany (a partir de la versión 2.28)
Midori
Rekonq
Arora
Dolphin Browser
Sleipnir
Internet Explorer y derivados:
o Avant Browser
o Maxthon
o G-Browser
o Slim Browser
o AOL Explorer
Mozilla (Gecko) y derivados:
o Mozilla Firefox
Flock (Descontinuado)
Iceweasel
Netscape Navigator (a partir de la versión 6)
Netstep Navigator
GNU IceCat
o SeaMonkey
o CometBird
o Beonex
o Navegador web IBM para OS/2
o Galeon (Proyecto abandonado)
o Skipstone
o K-Meleon para Windows
o Camino para Mac OS X
Amaya del W3C
o Abrowse
Netscape Navigator (hasta la versión 4.xx)
5. Opera
iCab
OmniWeb
Dillo
IBrowse
AWeb
Voyager
Espial Escape
HotJava
IEs4Linux
SpaceTime
Editores
Un editor de páginas web es una aplicación diseñada con el fin de facilitar la
creación de documentos HTML o XHTML. Su complejidad puede variar desde la
de un simple editor de texto plano, entornos WYSIWYG, hasta editores
WYSIWYM.
Editor de texto sin formato
Aptana Studio editando código HTML.
También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos
ejemplos son Notepad o Bloc de Notas (incluido en Windows) y Kate (GNU/Linux). Con
cualquiera de los dos bastaría para escribir las líneas de código necesarias para diseñar una
página Web.
Existen editores de texto especificamente diseñados para la edición Web, que como Kate,
incluyen dentro de su simplicidad coloreado de sintaxis y las etiquetas de marcado usuales
necesarias en el lenguaje de hipertexto. Dichos editores incluyen una serie de botones para
insertar rápidamente las etiquetas, o combinaciones de estas, más corrientes, salvar el
documento con un clic y visionarlo posteriormente en una nueva ventana.
6. [editar] Editor de texto con ventanas desdobladas
Es una versión ligeramente más sofisticada que la anterior. Suelen constar de un par de
ventanas. Una de trabajo, donde se teclea el código HTML y el texto que se quiere incluir
en la página, y en la otra se visualiza el resultado en tiempo real. En otras palabras se
obtiene una previsualización del documento generado. Lo que significa que no se tiene que
guardar el documento, previamente, antes de volver a abrirlo con el navegador para
comprobar el resultado.
[editar] Editores WYSIWYG
Artículo principal: WYSIWYG.
El término WYSIWYG es el acrónimo de What You See Is What You Get, que traducido al
castellano quiere decir: "lo que tú ves es lo que obtienes", en los que de manera visual se
pueden colocar distintos elementos sobre una vista previa de la página,
encargándose el programa de generar el documento HTML. La manera de trabajar en
este tipo de editores, es muy similar a la que se usa cuando se trabaja con un procesador de
texto. Esto quiere decir que un usuario no tiene por qué teclear las etiquetas del lenguaje de
marcado. En lugar de eso, el usuario escribe el texto, lo formatea, e inserta las imágenes en
los lugares deseados, trabajando igual a como lo haría con Writer, (el procesador incluido
en la suite ofimáticaOpenOffice.org),1 o Word. Posteriormente el editor transforma la vista
por pantalla en código HTML perfectamente configurado.
Ejemplo de editores WYSIWYM son WYMean Editor2 o WebCS Editor3
Cualquiera de estos editores son una buena alternativa a los editores de texto simple. Los
mejores editores HTML señalan las líneas de código mediante distintos tipos de fuente a las
usadas en el texto introducido directamente por teclado. Además, proporcionan la
posibilidad de volver hacia atrás entre los distintos tipos de vista.
Ejemplos claros de editores de páginas web son KompoZer (antes llamado NVU), Mozilla
Composer, Amaya, Dreamweaver o Microsoft Frontpage, entre otros.
Etiquetas
7. Las etiquetas o marcas delimitan cada uno de los elementos que componen
un documento HTML. Existen dos tipos de etiquetas, la de comienzo de
elemento y la de fin o cierre de elemento.
La etiqueta de comienzo está delimitada por los caracteres < y >. Está
compuesta por el identificador o nombre de la etiqueta, y puede contener una
serie de atributos opcionales que permiten añadir ciertas propiedades. Su
sintaxis es: <identificador atributo1 atributo2 ...>
Los atributos de la etiqueta de comienzo siguen una sintaxis predefinida y
pueden tomar cualquier valor propio del usuario, o valores HTML predefinidos.
La etiqueta de final está delimitada por los caracteres </ y >. Está compuesta
por el identificador o nombre de la etiqueta, y no contiene atributos. Su sintaxis
es: </identificador>
Cada uno de los elementos de la página se encontrará entre una etiqueta de
comienzo y su correspondiente etiqueta de cierre, a excepción de algunos
elementos que no necesitan etiqueta de cierre. También es posible anidar
etiquetas, es decir, insertar etiquetas entre otras etiquetas de comienzo y de
cierre.
A continuación tenemos un ejemplo en el que tenemos la etiqueta <font..>
anidada dentro de la etiqueta <p..>.:
<p align="center"><font color="#993366" size="4" face="Comic Sans MS,
Arial, MS Sans Serif">Bienvenidos a www.aulaclic.com</font></p>
Este código daría como resultado el siguiente texto:
Bienvenidos a www.aulaclic.com
Es importante anidar bien las etiquetas, las etiquetas no se pueden 'cruzar',
en nuestro ejemplo hemos empezado por la etiqueta <p..>, antes de cerrar
esta etiqueta hemos puesto la <font..>por lo que antes de cerrar la etiqueta
<p..> debemos cerrar la etiqueta etiqueta <font..>.
9. Los colores en HTML se representan mediante un número hexadecimal.
Un número hexadecimal se diferencia de un número decimal en que no sólo
puede tomar valores del 0 al 9, sino que puede tomar hasta dieciséis valores
distintos, que van del 0 al 9, y de la Aa la F.
Cada color estará representado por un grupo de seis dígitos en
hexadecimal, precedidos por una almohadilla, como por ejemplo #FFFFFF.
Existen 216 colores seguros para web. Éstos son los colores que se
muestran de la misma forma en Microsoft Internet Explorer y en Netscape
Navigator, tanto en Windows como en Macintosh.
También podemos personalizar nuestros propios colores, modificando los
valores de cada uno de los dígitos que forman parte del número hexadecimal.
A continuación se muestran los 216 colores seguros para web, para que
puedas consultarlos cuando lo necesites.