Desarrollo Web.

PRESENTADO POR:

DENNIS INAEL AGUIRIANO M. CARLOS DAVID MOLINA R.

dennisaguiriano@yahoo.compikulsmolina@yahoo.es

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.

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).

Características

Una página web está compuesta principalmente porinformación (sólo texto y módulos multimedia) así comopor hiperenlaces;además puede contener o asociar Hoja de estilo, datosde estilo para especificar cómo debe visualizarse, ytambién aplicación informática aplicaciones embebidaspara así hacerla interactiva.

Las páginas web son escritas en un lenguaje de marcadoque provee la capacidad de manejar e insertarhiperenlaces, generalmente HTML.

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.

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

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

HipertextoHipertexto 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

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.

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.

Las etiquetas se escriben entre los signos '<' y '>' ygeneralmente se introducen por parejas, indicando elcomienzo y el final de una acción. En este caso, laetiqueta final es similar a la inicial pero precedida por unabarra '/'. Por ejemplo, la etiqueta <center> delante de untexto y la etiqueta </center> detrás del mismo indican queel texto comprendido entre ellas se mostrará centrado conrespecto 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 presentanexcepciones.

Estructura

Todas las páginas Web tiene la siguiente estructura:

Todo el documento debe estar entre las etiquetas

<html> y </html>.

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>

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.

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

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.

Completaremos el código

atendiendo a la siguiente imagen.

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.

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