sábado, 14 de julio de 2012

INTRODUCCION AL HTML

El World Wide Web (WWW) es un sistema que contiene una cantidad de información casi infinita. Pero esta información debe estar ordenada de alguna forma de manera que sea posible encontrar lo que se busca. La unidad básica donde está almacenada esta información son las páginas Web. Estas páginas se caracterizan por contener texto, imágenes, animaciones... e incluso sonido y video.
Una de las características más importantes de las páginas Web es que son hipertexto. Esto quiere decir que las páginas no son elementos aislados, sino que están unidas a otras mediante los links o enlaces hipertexto. Gracias a estos enlaces el navegante de internet puede pulsar sobre un texto (texto al que llamaremos de ahora en adelante activo) de una página para navegar hasta otra página. Será cuestión del programador de la página inicial decidir que palabras o frases serán activas y a donde nos conducirá pulsar sobre ellas.
En algunos ambientes se discute que el World Wide Web ya no es un sistema hipertexto sino hipermedia. Los que defienden el cambio se apoyan en que aunque en sus orígenes el WWW constaba únicamente de texto en la actualidad es un sistema principalmente gráfico y se puede hacer que las zonas activas sean, no sólo texto, sino imágenes, videos, botones,... en definitiva cualquier elemento de una página.



Para los alumnos de los grados octavos de la E.N.S.C.R. les dejo estos videos para reforzar lo visto en clases, espero les sea de mucha ayuda para este III y IV periodo. 

ESTRUCTURA DEL HTML



GLOSARIO:

HTML.- HyperText Markup Language. Lenguaje de Marcas de Hypertexto. Lenguaje para elaborar páginas Web actualmente se encuentra en su versión 5. Fue desarrollado en el CERN. Gracias a él ves esta página.

HTML: El HTML, acrónimo inglés de Hypertext Markup Language (lenguaje de formato de documentos de hipertexto), es un lenguaje de marcas diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas web.

HTML dinámico: extensiones del lenguaje HTML.  


Etiqueta (tag): instrucción mediante la cual podemos realizar páginas HTML. Un ejemplo es que no permite poner en negrita las letras que están englobadas por medio de esta etiqueta. Estas etiquetas son interpretadas por los navegadores a la hora de reproducir las páginas HTML.
Las ETIQUETAS constituyen la filosofía de este lenguaje. Por medio de ellas se pueden controlar los elementos tipográficos del texto: tipo, color y tamaño de las fuentes, el estilo (negrita, cursiva, etc.), así como también la inclusión de tablas, listas, formularios, la inserción de fotos, sonidos, fondos, los enlaces mencionados anteriormente. etc.
Las etiquetas se pueden modificar por medio de sus atributos, éstos son del tipo atributo="valor" y se colocan detrás del nombre de la etiqueta.

. (Punto): el signo del punto posee una gran importancia en Internet. Puesto que es utilizado direcciones de correo electrónico como http://www.pcweb.es/

@ (Arroba): es un componente de las direcciones de correo electrónico. Ejemplo innova@networks.es.
© copyright: derechos de autor. Es el derecho legal de un autor se obtiene por el por medio de un trabajo original. Es una método de protección garantizada por la ley.
Autopista de la información.- Expresión que acuñó Al Gore, vicepresidente de EE.UU., refiriéndose a Internet en especial, pero que engloba todos los servicios Online.
Ancho de banda.- Cantidad de información que puede transmitirse a través de una conexión por unidad de tiempo. Se suele medir en bits por segundo.
ARPANET.- Advanced Research Projects Agency Network. Red de la Agencia de Proyectos de Investigación Avanzada. Red militar Norteamericana a través de líneas telefónicas de la que posteriormente derivó Internet.

Agent (agente): en Internet un agente es un programa que realiza un servicio el cual puede ser recoger información o realizar de forma planificada una tarea.
Aplicación: programa informático.
Applet: una pequeña aplicación normalmente diseñada en Java. Esta aplicación o programita se ejecuta en el navegador del usuario.
ASCII: (American Standard Code for Information Interchange -- Estándar Americano de Codificación para el Intercambio de Información) Conjunto de normas de codificación de caracteres mediante caracteres numéricos, de amplia utilización en informática y telecomunicaciones.
ASP (Active Server page). Es un lenguaje de programación del cual es Microsoft propietario. ASP suele ser usado para combinar HTML con bases de datos y generar páginas web dinámicas.
BIT.- (Binary Digit). Digito Binario. Unidad mínima de información, puede tener dos estados "0" o "1".
Browser.- Término aplicado normalmente a los programas que permiten acceder al servicio WWW.

Banner (anuncio): Son llamados banners a unas pequeñas imágenes o textos publicitarios, que aparecen en las páginas web.
Digital.- Representación de información de modo binario (2 estados). Es la que utilizan los ordenadores.
Caché: referente a internet, es la copia creada por el navegador de las páginas web visitadas. Puesto que, si el usuario vuelve a solicitarlas, son cargadazas desde el disco duro, cargando mucho más rápidamente.
Cgi-bin (cgi-bin): directorio de un servidor web, en el cual están los programas CGI. bin es una contracción de binario.
Ciberespacio: Término creado por William Gibson en su novela fantástica "Neuromancer", del año 1984 para describir el 'mundo' de los ordenadores y la sociedad creada en torno a ellos.
Cibernauta: Persona que navega por la red.
Click (pulsar): acción de pulsar sobre un botón cualquiera del ratón, con el propósito de transmitir una orden al ordenador.
Código fuente: conjunto de instrucciones que forman un programa o subprograma informático.
Contador: en el contexto de las páginas web, un contador es una pequeña aplicación o programa que tiene como misión contar el número de visitas o de impactos que ha recibido un sitio web.
Cookie: se denominan cookies a pequeños datos que se almacena en el disco duro o en la memoria temporal del ordenador cuando un usuario accede a las páginas web. Estas cookies pueden llegar a ser un peligro para la intimidad de los usuarios.
CSS:"Cascade Style Sheet " Hojas de Estilos en Cascada. Son empleadas hoy en día en la maquetación y diseño de sitios web, reemplazando muchas de las etiquetas HTML.
Elemento en desuso (Deprecated): En la última revisión de la formulación estándar del HTML se recomiendo no usar dichos elementos. Pueden seguir usándose, se recomienda que los programas los continúen reconociéndolos y procesándolos correctamente, por la compatibilidad con páginas antiguas pero en cualquier momento pueden ser declarados obsoletos y por tanto a partir de ahí su uso se considerara incorrecto.

File Transfer (transferencia de ficheros): copia o envío de un fichero de un ordenador a otro por medio de una red de ordenadores.
File Transfer Protocol -- FTP (Protocolo de Transferencia de Ficheros): este protocolo permite al usuario acceder y transferir desde un ordenador o red a otro.
Frame (Marco): Instrucción del lenguaje HTML que permite de dividir una página web en varias zonas o marcos. Cada una de los frames o marcos puede tener un contenido independiente de las demás.
Frame.- Estructura. También trama de datos. En Browsers de WWW como Netscape se refiere a una estructura de sub-ventanas dentro de un documento HTML.
Free Software (software libre): programas desarrollados y distribuidos según la filosofía de dar al usuario la libertad de ejecutar, copiar, distribuir, estudiar, cambiar y mejorar dichos programa (Linux es un ejemplo de esta filosofía). El software libre no es siempre software gratuito (equivocación bastante habitual que tiene su origen en que la palabra inglesa free significa tanto "libre" como "gratuito").
GUI (Interfaz Gráfico de Usuario): componente de una aplicación informática que el usuario visualiza y a través de la cual opera con ella. Está formada por ventanas, botones, menús e iconos, entre otros elementos.
GIF.- Graphics Interchange Format. Formato Grafico de Intercambio.
Hiperenlace: puntero o enlace existente en un documento hipertexto que apunta a (enlaza con) otro documento que puede ser o no otro documento hipertexto.
Hipertexto: este concepto fue creado por el físico norteamericano Vannevar Bush en 1945. En Internet el término se aplica a los enlaces existentes en las páginas escritas en HTML. Estos enlaces conducen a otras páginas que pueden ser a su vez páginas de hipertexto. Las páginas de hipertexto son mostradas a través de navegadores.
Hit (acceso): Término un poco confuso. Imaginemos una página web, la cual tiene un texto y cinco gráficos. Por tanto el navegador para mostrar la página ha de realizar 6 lecturas del servidor web, 1 para la página y cinco para los gráficos. Estadísticamente hay 6 impactos pero solo hay una impresión de la página el monitor del usuario. Esto se calcula como accesos brutos y netos, respectivamente. Esto suele ser muy importante en el mundo publicitario.
HTTP: Abreviación de "Hypertext Transfer Protocol" o, en español, "Protocolo de Transferencia de Hipertexto". Es el tipo de comunicación utilizado entre un servidor y un navegador. Por este motivo, las direcciones de las páginas web comienzan por "http://...". URL: Es el Localizador Uniforme de Recursos, o dicho más claramente, es la dirección que localiza una información dentro de Internet.
HTTP.- HyperText Transfer Protocol. Protocolo de Transferencia de Hypertexto. Protocolo usado en la WWW para transmitir páginas Web.

Internet Access Provider -- IAP (Proveedor de Acceso a Internet).
Internet.-INTerconnected NETworks. La red de redes.
JPEG.-Join Photograph Expert Group. Unión de Grupo de Expertos Fotográficos. Formato gráfico con pérdidas que consigue elevados ratios de compresión.
Link.- Enlace. Unión. Se llama asi a las partes de una página WEB que nos llevan a otra parte de la misma o nos enlaza con otro servidor.

Link (enlace): apuntador de hipertexto que tiene como misión llevarnos de una información a otra, de una página a otra, o de un servidor a otro. Cuando navegamos por internet.

Multimedia: información digitalizada que combina, texto, gráficos, audio y video. Permitiendo en muchos caso la interacción con el usurario.


Navegador: Un navegador web, hojeador o web browser es una aplicación software que permite al usuario recuperar y visualizar documentos de hipertexto, comúnmente descritos en HTML, desde servidores web de todo el mundo a través de Internet.
Navegador.- Aplicado a los programas usados para conectarse al servicio WWW: Netscape Comunicator, Internet Explorer, Mosaic, Opera.

Netscape.- El nombre del navegador más utilizado de la red. Otros navegadores son: Mosaic, el Internet Explorer y Opera.

Obsoleto: Las etiquetas y atributos que han sido declarados obsoletos no tienen garantía de que funcionen y no están dentro del la especificación del W3C. Obsolete elements and attributes have no guarantee of browser-support and they are no longer defined in the W3C specification.
Protocolo.- Conjunto de normas técnicas que regulan las comunicaciones entre ordenadores.
Página inicial: la Primera página que se carga al entrar en un sitio web.
Portal: Sitio web cuya misión es ofrecer al usuario, el acceso a unos recursos y servicios. Fácilmente e integrado en el mismo dominio.
Revista electrónica, e-magazine. Revista publicada en Internet.
TCP/IP.- (Transmission Control Protocol/Internet Protocol) Conjunto de protocolos de bajo nivel (IP, TCP, UDP, ICP, RARP, etc.) que permiten el funcionamiento de Internet.
Script (guión): una rápida definición de script puede ser unas líneas de código de algún programa, entre ellos podemos destacar java script.
Servidor: (host) Ordenador conectado a Internet capaz de prestar uno o más servicios a otros ordenadores llamados "clientes". Ejemplos de servicios: conexión, cuenta de correo, sitio web, ftp, news, etc.
Servidor web: Ordenador conectado a la red en cual proporciona una serie de servicios que pueden ser portales o páginas web.
Shareware: programas compartidos, son programas que se distribuyen en prueba con el objetivo de pagar al autor tras un periodo de prueba.
URL (Localizador Uniforme de Recursos): Sistema unificado de identificación de recursos en la red. Ejemplos de URL son: http://www.pcweb.es, ref.=”imágenes/dibujo.jpg”
URL.- (Uniform Resource Locator) Denominador y dirección de los recursos de Internet. Ejemplos: http://www.intercom.es o ftp://ftp.funet.fi
WEB, WWW o W3.- El verdadero impulsor de la revolución Internet. Es el conjunto de recursos que pueden ser accedidos por los programas clientes llamados navegadores o browsers. Se caracteriza por la amigabilidad, facilidad de uso y espectacularidad de su presentación hipermedia.

W3: World Wide Web.
W3C:(Consorcio W3) Organización cuyo objetivo es el establecimiento de los estándares de relacionados con Internet.
WAN- Wide Área Network (Red de Área Amplia): Red compuesta por ordenadores en un área relativamente extensa.
WAP:"Wireless Application Protocol"
Webmaster: administrador de Web, persona que dirige la gestión y mantenimiento de un sitio web.
WIS: "Web Information Systems". Sistemas de información de la red.
World Wide Web (WWW): (del inglés, Telaraña Mundial), la Web o WWW, es un sistema de hipertexto que funciona sobre Internet. Para ver la información se utiliza una aplicación llamada navegador web para extraer elementos de información (llamados "documentos" o "páginas web") de los servidores web (o "sitios") y mostrarlos en la pantalla del usuario.
WUI: "Web User Interface”. Interface de usuario de la web.
WYSIWYG:"What You See is What You Get ". Lo que tú ves es lo que consigues.


By. Alexander D. Florez B.

Fuentes:
http://platea.pntic.mec.es/~abercian/guiahtml/
http://depositfiles.com/files/8d2r3z4p6
http ://krspartan.blogspot.com