Colegio Nacional Nicolas Esguerra

Informática

David Cuellar Bautista 09 902

John Caraballo

2012

Cuarto Periodo

HTLM

HTML, siglas de HyperText Markup Language. hace referencia al lenguaje de marcado predominante

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 por corchetes 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.

MOZILLA FIREFOX

Mozilla Firefox es un navegador web libre y de código abierto7 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

pestañas,3 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).

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 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ática OpenOffice.org ),1 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 (what you see is what you get, 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++

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 Cold Fusion, 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 sintax highlight de palabras clave. Incluso tiene la posibilidad de entender el lenguaje Pl/SQL de Oracle. Dispone de macros y mucho más.

ETIQUETA

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:

3E0A16 = 3×163 + E×162 + 0×161 + A×160 = 3×4096 + 14×256 + 0×16 + 10×1 = 15882.