Este documento habla sobre el desarrollo web y las páginas web. Explica que una página web es un documento electrónico accesible a través de un navegador que contiene información como texto, imágenes y enlaces. También describe las características de las páginas web estáticas y dinámicas, y los lenguajes básicos como HTML utilizados para crear páginas web.
2. Paginas Web
Una página web es el nombre de un documento o
información electrónica adaptada para la Word Wide
Web y que puede ser accedida mediante un navegador .
Esta información se encuentra generalmente en formato
HTML o XHTML, y puede proporcionar navegación a otras
páginas web mediante enlaces de hipertexto. Las páginas
web frecuentemente incluyen otros recursos como hojas
de estilo en cascada, guiones (scripts) e imágenes
digitales, entre otros.
3. Las páginas web pueden estar almacenadas en un
equipo local o un servidor web remoto. El servidor web
puede restringir el acceso únicamente para redes
privadas, por ejemplo: en una intranet corporativa, o
puede publicar las páginas en la Word Wide Web.
El acceso a las páginas web es realizado mediante su
transferencia desde servidores utilizando el protocolo de
transferencia de hipertexto (HTTP).
4. Características
Una página web está compuesta principalmente por
información (sólo texto y módulos multimedia) así como
por hiperenlaces;
además puede contener o asociar Hoja de estilo, datos
de estilo para especificar cómo debe visualizarse, y
también aplicación informática aplicaciones embebidas
para así hacerla interactiva.
Las páginas web son escritas en un lenguaje de marcado
que provee la capacidad de manejar e insertar
hiperenlaces, generalmente HTML.
5. El contenido de la página puede ser predeterminado
página web estática o generado al momento de
visualizarla o solicitarla a un servidor web página web
dinámica. Las páginas dinámicas que se generan al
momento de la visualización, se especifican a través de
algún lenguaje interpretado, generalmente JavaScript, y
la aplicación encargada de visualizar el contenido es la
que realmente debe generarlo.
Las páginas dinámicas que se generan, al ser solicitadas,
son creadas por una aplicación en el servidor web que
alberga las mismas.
6. Que es la world wide web o www
La World Wide Web consiste en ofrecer una interface
simple y consistente para acceder a la inmensidad de los
recursos de Internet. Es la forma más moderna de ofrecer
información. el medio más potente. La información se
ofrece en forma de páginas electrónicas
7. El World Wide Web o WWW o W3 o simplemente Web,
permite saltar de un lugar a otro en pos de lo que no
interesa. Lo más interesante es que con unas pocas
ordenes se puede mover por toda la Internet. Para
entender lo que es la Web debemos tener una idea de
lo que es el Hipertexto
8. Hipertexto
Hipertexto son datos que contienen enlaces (link) a otros
datos En el lenguaje Web, un documento de hipertexto
no es solo algo que contiene datos, sino que además
contiene enlaces a otros documentos. Un ejemplo
simple de hipertexto es una enciclopedia que al final de
un tema tiene referencias de algún tema en especial o
referencias bibliográficas
9. Lenguajes básicos de creación web
lenguaje básico que se debe conocer para la creación
de páginas web es el HTML, aunque las herramientas
gráficas para el diseño web ayudan mucho en esta
tarea Las dos aplicaciones más difundidas son Dream
weaver y FrontPage Existen otros lenguajes de
programación que aumentan el poder de las páginas
web, algunos destacables son: PHP, ASP y Java Script
(DHTML).Para aumentar las funcionalidades de un sitio
web, también pueden incorporarse: Flash, Shock wave,
Java applet, CGI, SVG, ActiveX, cookies, etc.
10. Documentos HTML
Un documento HTML es un fichero de texto ASCII en el
que se incluye, además del texto que se quiere mostrar
en pantalla, ciertas directivas o etiquetas que indican,
entre otras cosas, el formato del documento y la
información relativa a los hiperenlaces.
11. Las etiquetas se escriben entre los signos '<' y '>' y
generalmente se introducen por parejas, indicando el
comienzo y el final de una acción. En este caso, la
etiqueta final es similar a la inicial pero precedida por una
barra '/'. Por ejemplo, la etiqueta <center> delante de un
texto y la etiqueta </center> detrás del mismo indican que
el texto comprendido entre ellas se mostrará centrado con
respecto a la página.
La mayoría de las etiquetas precisan de una de cierre,
que delimite el alcance de la acción, si bien se presentan
excepciones.
12. Estructura
Todas las páginas Web tiene la siguiente estructura:
Todo el documento debe estar entre las etiquetas
<html> y </html>.
13. Las etiquetas <head> y </head> determinan la cabecera
de la página Web, entre estas dos etiquetas pueden
aparecer otras muchas, pero la única fundamental es
<title> y </title>, el texto comprendido entre ambas
determina el título que la página Web tendrá en el
navegador.
Todo lo que queramos presentar en la página Web tendrá
que estar situado entre las etiquetas <body> y </body>
14. Algunas etiquetas básicas de texto.
<p> </p> Todo el texto comprendido entre estas dos etiquetas
es un párrafo.
<center> </center> Todo el texto comprendido entre estas dos
etiquetas aparecerá entrado con respecto a la página.
<h1> </h1> El texto comprendido entre estas dos etiquetas es un
título de nivel superior.
<h2> </h2>El texto comprendido entre estas dos etiquetas es un
título de segundo nivel.
<hr> Presenta una línea de división.
15. La etiqueta de imagen
Para incluir una imagen en la página Web se emplea la
etiqueta <imgsrc='nombre de la imagen'>, previamente
habremos copiado la imagen a la misma carpeta en
dónde se encuentra nuestra página Web.
Para incluir una imagen en nuestra página primer
tenemos que disponer de ella, en este ejemplo la
capturaremos de esta misma página
16. Pasos para insertar una imagen a
nuestra pagina web.
situar el puntero del ratón sobre esta imagen , pulsar el
botón derecho y tomar la opción guardar imagen
como, seleccionar la carpeta en donde hemos
guardado la página Web y guardarla con el nombre de
cara.gif
Completaremos el código atendiendo a la siguiente
imagen.
18. Tipos de paginas web.
Páginas estáticas: se presentan sin movimiento y sin
funcionalidades más al la de los enlaces Páginas
dinámicas: se presentan con efectos especiales y en las
que el usuario puede interactuar Las páginas estáticas:
Se construyen con lenguaje HTML, que no permite
grandes alardes a la hora de crear efectos y
funcionalidades más allá de los enlaces. Estas páginas
son muy sencillas de crear y suelen ofrecer las
morfologías más comunes como texto, imágenes y
contenidos multimedia como audio y vídeo que
convierten al hipertexto en hipermedia.
19. las páginas dinámicas: Son más complejas de elaborar
ya que incluyen algún efecto especial o funcionalidad
distinto al proporcionado por el lenguaje HTML. Para
ello, es preciso utilizar otros lenguajes de programación
además del simple HTML, ya quelas páginas dinámicas
son más complejas de elaborar y más versátiles que las
páginas estáticas