2. HTLM
HTML, siglas de HyperTextMarkupLanguage. hace referencia al lenguaje de marcadopredominante para
la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en
forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se
escribe en forma de «etiquetas», rodeadas porcorchetes angulares (<,>). HTML también puede
describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script(por
ejemplo JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores
de HTML.1
HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente
como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y
posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).
NAVEGADOR
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 laWorld 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 en 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.
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 .Por otro lado, hojeador es una
traducción literal del original en inglés, browser, aunque su uso es minoritario.
GOOGLE CHROME
Google Chrome es un navegador web desarrollado por Google y compilado con base en componentes
de código abierto como elmotor de renderizado WebKit y su estructura de desarrollo de
aplicaciones (framework),2 disponible gratuitamente bajo condiciones de servicio específicas.1 Cuenta
con más de 310 millones de usuarios,3 y dependiendo de la fuente de medición global, puede ser
considerado el navegador más usado de Internet variando hasta el tercer puest.
3. MOZILLA FIREFOX
7
Mozilla Firefox es un navegador web libre y de código abierto desarrollado para Microsoft
Windows, Mac OS X y Linuxcoordinado por Mozilla Corporation y Mozilla Foundation. Usa
el motor Gecko para renderizar páginas webs, el cual implementa actuales y futuros estándares web.
INTERNET EXPLORER
Windows Internet Explorer (anteriormente Microsoft Internet Explorer), conocido comúnmente como IE,
es un navegador webdesarrollado por Microsoft para el sistema operativo Microsoft
Windows desde 1995. Ha sido el navegador web más utilizado de Internet desde 1999 hasta el 2012,
con un pico máximo de cuota de utilización del 95% entre el 2002 y 2003. Sin embargo, dicha cuota de
mercado ha disminuido paulatinamente con los años debido a una renovada competencia por parte de
otros navegadores, situándose aproximadamente entre el 30% y 54% para finales de marzo de 2012,el
12 de Mayo de 2012 ,fue superado por Google Chrome ,dependiendo de la fuente de medición global.
OPERA
Opera es un navegador web y suite de Internet creado por la empresa noruega Opera Software, capaz
de realizar múltiples tareas como navegar por sitios web, gestionar correo
electrónico, contactos, fuentes web, charlar vía IRC y funcionar como cliente BitTorrent. Opera ha sido
pionero en incorporar muchas de las características que hoy en día se pueden ver en el resto de los
navegadores web como el zoom y la búsqueda integrada y popularizar otras como las
3
pestañas, aunque ellos no las inventaron (las pestañas fueron introducidas por InternetWorks de
Booklink Technologies en 1994, luego Netcaptor en 1997, IBrowse en 1999 antes de la aparición en
Opera en 2000).
4. SAFARI
Safari es un navegador web de código cerrado desarrollado por Apple Inc. Está disponible para Mac OS
X e iOS (el sistema usado por eliPhone, el iPod Touch y el iPad).Incluye navegación por pestañas,
corrector ortográfico, búsqueda progresiva, vista del historial en CoverFlow, administrador de descargas
y un sistema de búsqueda integrado.
EDITORES HTML
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
También llamado editor de texto plano. Este tipo de editor suele ser muy sencillo. Dos ejemplos
son Notepad o Bloc de Notas (incluido enWindows) 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.
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.
Editores WYSIWYG
Artículo principal: WYSIWYG.
El término WYSIWYG es el acrónimo de WhatYouSeeIsWhatYouGet, 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
5. 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
1
con Writer, (el procesador incluido en la suite ofimáticaOpenOffice.org), o Word. Posteriormente el
editor transforma la vista por pantalla en código HTML perfectamente configurado.
KOMPOZER
Estamos ante un programa sencillo para realizar páginas web en vista diseño, lo que técnicamente
se llama WYSIWYG (whatyouseeiswhatyouget, lo que ves es lo que obtienes). Esto quiere decir
que puedes crear sitios web directamente escribiendo texto sobre Kompozer, como si fuera un
editor de texto normal y sin tener que escribir el código fuente HTML necesario para construir la
página. Cuando quieres insertar otros contenidos, como imágenes o enlaces, tienes que utilizar
botones de la barra de herramientas, que te muestran formularios para especificar las propiedades
de los elementos, como el archivo de la imagen, el texto alternativo, o en el caso de un enlace, la
dirección donde se dirige, etc.
FROTPAGE
Frontpage es un programa para la edición de páginas web de Microsoft. Creado hace ya muchos años, ha
tenido multitud de versiones que han ido mejorando su funcionamiento. Está orientado a personas
inexpertas y sin conocimientos de HTML. Sus capacidades son semejantes a las de otros editores, como el
crear mapas de imágenes, gestionar la arborescencia de las páginas del sitio, etc.
NOTEPAD++
6. Notepad++ es un programa para editar código fuente de cualquier lenguaje de programación.
Como tiene soporte para una gran cantidad de lenguajes, interesará no sólo a los
desarrolladores de webs, sino en general a toda la comunidad de programadores.
HOMESITE
Entre sus características más útiles podemos contar con un editor de estilos CSS, que nos
permite definir estilos para toda una página o un sitio web. Posee tratamiento muy bueno de los
archivos del sitio, con un panel a la izquierda que nos permite seleccionar cualquier archivo de
nuestro sistema para editarlo. El mismo panel de archivos se puede convertir en un inspector de
etiquetas, que permite modificar cualquier atributo casi instantáneamente y casi sin
conocimientos de HTML, en una ayuda con temas diversos, en un mapa del sitio web, etc.
Posee una barra de herramientas muy completa para colocar desde párrafos o imágenes hasta
controles ASP o ColdFusion, pasando por tablas, formularios, etc. También da soporte a los
caracteres especiales del HTML y tiene herramientas como validadores de código, enlaces, etc.
ULTRAEDIT
UltraEdit es una herramienta que sustituye perfectamente el Notepad. puedes editar varios
archivos a la vez de tamaño ilimitado y permite hacer cosas como el "reemplazar" de un texto
en todo un conjunto de archivos.Entiende Java, ASPs, JSPs, HTML y hace el sintaxhighlight de
palabras clave. Incluso tiene la posibilidad de entender el lenguaje Pl/SQL de Oracle. Dispone de
macros y mucho más.
ETIQUETA
7. Una etiqueta será un texto incluido entre los símbolos menor que < y mayor que >.. El texto incluido
dentro de los símbolos será explicativo de la utilidad de la etiqueta.
Existe normalmente una etiqueta de inicio y otra de fin, la de fin contendrá el mismo texto que la de inicio
añadiéndole al principio una barra inclinada /. El efecto que define la etiqueta tendrá validez para todo lo
que este incluido entre las etiquetas de inicio y fin, ya sea texto plano o otras etiquetas HTML.
<ETIQUETA>Elementos Afectados por la Etiqueta</ETIQUETA>
Por ejemplo, con la etiqueta siguiente:
<B>Texto que será en negrita</B>.
Obtendremos:
Texto que será en negrita
Algunas etiquetas no necesitarán la de fin, serán aquellas en las que el final este implícito, por
ejemplo <P> párrafo, <BR> salto de línea ó <IMG> inclusión de una imagen. Definen un efecto que se
producirá en un punto determinado sin afectar a otros elementos.
El uso de mayúsculas o minúsculas en las etiquetas es indiferente, se interpretarán del mismo modo en
ambos casos, pero lo normal es expresarlas en mayúsculas para que destaquen con más nitidez del texto
normal.
SISTEMA HEXADECIMAL
El sistema numérico hexadecimal o sistema hexadecimal (a veces abreviado como Hex, no confundir
con sistema sexagesimal) es un sistema de numeración que emplea 16 símbolos. Su uso actual está
muy vinculado a la informática y ciencias de la computación, pues los computadores suelen utilizar
el byte u octeto como unidad básica de memoria; y, debido a que un byte representa valores
posibles, y esto puede representarse como
que, según el teorema general de la numeración posicional, equivale al número en base 16 , dos
dígitos hexadecimales corresponden exactamente —permiten representar la misma línea de enteros— a
un byte.
En principio, dado que el sistema usual de numeración es de base decimal y, por ello, sólo se dispone
de diez dígitos, se adoptó la convención de usar las seis primeras letras del alfabeto latino para suplir
los dígitos que nos faltan. El conjunto de símbolos sería, por tanto, el siguiente:
Se debe notar que A = 10, B = 11, C = 12, D = 13, E = 14 y F = 15. En ocasiones se emplean letras
minúsculas en lugar de mayúsculas. Como en cualquier sistema de numeración posicional, el valor
numérico de cada dígito es alterado dependiendo de su posición en la cadena de dígitos, quedando
multiplicado por una cierta potencia de la base del sistema, que en este caso es 16. Por ejemplo:
3 2 1 0
3E0A16 = 3×16 + E×16 + 0×16 + A×16 = 3×4096 + 14×256 + 0×16 + 10×1 = 15882.