Desarrollo web HTML

Desarrollo de Pagina Web
en Lenguaje HTML. Basado
en Bloc de Notas

SIGNIFICADOS:
WORLD WIDE WEB
El servicio World Wide Web (La Telaraña Mundial), también conocido como WWW o
simplemente Web, es un Sistema de Información distribuido por Internet basado en
la tecnología hipertexto/hipermedia, que proporciona una interface común a los
distintos formatos de datos y a los servicios de Internet existentes.
BLOC DE NOTAS
Es un editor de texto incluido en los sistemas operativos de Microsoft desde 1985.
Su funcionalidad es muy simple: Inserción de hora y fecha actual, ajuste de línea,
posibilidad de exportar a cualquier formato de texto no formateado. Es el
equivalente en Windows del editor de MS-DOS.
DISEÑO DE PAGINAS WEB
El diseño web es una actividad que consiste en la planificación, diseño,
implementación y mantenimiento de sitios web usando audio, texto, imagen,
enlaces, video.

LENGUAJE HTML:
El lenguaje estandarizado para la creación de páginas Web es el lenguaje HTML
(HyperText Markup Language, Lenguaje de Marcas Hipertexto). HTML es un
lenguaje muy sencillo que permite describir documentos hipertexto. La descripción
se basa en especificar en el texto la estructura lógica del contenido (títulos,
párrafos de texto normal, enumeraciones, definiciones, citas, etc.)
HTML se compone de una serie de comandos, que son interpretados por el
visualizador, o programa que utilizamos para navegar por el WWW. En última
instancia es el visualizador el que ejecuta todas las órdenes contenidas en el código
HTML, de forma que un visualizador puede estar capacitado para unas
prestaciones, pero no para otras.

HISTORIA
• WORLD WIDE WEB
Es en los años 50 Ted Nelson realiza la primera referencia a
un sistema de hipertexto, donde la información es enlazada
de forma libre.
En 1980 Tim Berners Lee propone ENQUIRE (Preguntando de
todo sobre todo), sistema de hipertextos.
Creado por Tim Berners-Lee en 1990.
Tim Berners-Lee creó el proyecto World Wide
Web (Tejido o Telaraña Mundial), así como un sistema
que facilitaba la lectura de información, mediante un
programa de navegación.
Le siguieron otros dos navegadores: el Line Mode Browser y
el ViolaWWW.
Pei-Yuan Wei presentó el ViolaWWW, que funcionaría en
modo texto y sobre un sistema operativo UNIX.
• HTML
En 1989 existian dos tecnicas que permitían vincular
documentos electrónicos hipervínculos Y un lenguaje de
etiquetas denominado SGML
A principios de 1990, Tim Berners-Lee define el HTML como
un subconjunto del conocido SGML y crea algo más valioso
incluso, el World Wide Web.
Los trabajos para crear un sucesor del HTML,
denominado HTML +, comenzaron a finales de 1993. HTML+
se diseñó originalmente para ser un superconjunto del HTML.
El borrador del estándar HTML 3.0 fue propuesto por el recién
formado W3C en marzo de 1995. Crear tablas, elementos
matematicos complejos, imagenes.
En 2006, el W3C se interesó en el desarrollo de HTML5, y en
2007 se unió al grupo de trabajo del WHATWG (es una
comunidad de personas interesadas en la evolución
de HTML)para unificar el proyecto.

CREAR PAGINA WEB:
1. Abra el editor de textos: en Windows 95 abra el Block de Notas
2. Teclee lo siguiente:
<HTML>
<HEAD>
<TITLE>Ejemplo 1 - Mi primera página Web</TITLE>
</HEAD>
<BODY>
<CENTER><H1> Mi primera pagina Web</H1></CENTER>
<HR>
Esta es mi primera página, aunque todavía es muy sencilla. <BR>Como el lenguaje HTML no es difícil, pronto
estaré en condiciones de hacer cosas más interesantes.
<P> Aquí va un segundo párrafo.</P>
</BODY>
</HTML>
3. Grabe este archivo con el nombre: ejemplo1.html
4. Abra el visualizador. No necesita conectarse a Internet para ver las páginas en su ordenador. Puede trabajar
en local.
5. Elija "Archivo/Abrir página" en la barra de menú del navegador.
Seleccione el archivo ejemplo1.html que acaba de crear, y debe de ver la siguiente pantalla:

PARTES DEL DOCUMENTO
Cabecera:
Se inicia mediante el comando <HEAD> y se termina con </HEAD>. Dentro de la cabecera
hay información del documento, que no se ve en la pantalla principal, y que precisa las
características del documento, principalmente el título del documento.
El título del documento se declara entre las etiquetas <TITLE> y </TITLE>. El título debe
ser breve y descriptivo de su contenido, pues será lo que vean los demás cuando añadan
nuestra página a su bookmark (o libro de direcciones favoritas).
Cuerpo: Se inicia mediante el comando <BODY> y se termina con el comando
</BODY>. Este comando acepta numerosos modificadores. Dentro del cuerpo del
documento se incluye cualquier carácter imprimible.

TABLAS
Una tabla es una manera muy compacta y clara de mostrar la
información. Una tabla en HTML se entiende como un conjunto
de filas (fila=horizontal), apiladas una sobre otra. Cada fila
contiene a su vez un conjunto de celdas, puestas una al lado de
la otra.
Una tabla se declara usando el comando <TABLE> ... </TABLE>.
Dentro de la tabla, se usa
<TR>.. </TR>para indicar una fila y dentro de una fila, <TD> ...
</TD> para delimitar el contenido de una celda. El elemento de
cierre de fila y de celda es optativo.

SE PUEDE INSERTAR TAMBIEN:
Color
Tamaño
Mayúsculas y minúsculas
Enlaces a otras paginas
Gif
Imagenes <IMG SRC=”imagen.jpg”></IMG>
mapas

EN LA ACTUALIDAD…
La última versión de este lenguaje básico corresponde al HTML5, donde se
introducen nuevos elementos que mejoran la navegación y la usabilidad de
los sitios web en los distintos navegadores, como por ejemplo el uso de
<header>, <canvas>, <video>.
En todo sitio web hay elementos que se utilizan. El encabezado (header),
barras laterales (sidebars), el pie de página (footer), los menús de
navegación (nav), se utilizarán en esta nueva versión como etiquetas ya
establecidas, mejorando su desarrollo.
Así mismo una de las mayores mejoras es la utilización de "Canvas" o
marcos de trabajo, que sirven para utilizar animaciones sin necesidad de
instalar un reproductor Adobe Flash para videos web. Al implementarse
con canvas, se usará únicamente código JavaScript, aligerando el peso de la
página.

Desarrollo web HTML

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (11)

Similar a Desarrollo web HTML

Similar a Desarrollo web HTML (20)

Más de Nombre Apellidos

Más de Nombre Apellidos (9)

Desarrollo web HTML