Sunteți pe pagina 1din 6

Informtica II - Sesin 03

Contenidos
Planificacin

Pgina Web

INFORMTICA II
SESIN 03
Ing. Alan Miguel Infante Vidaln

HTML

Planificacin

Planificacin

Antes de empezar a programar (HTML, Scripts), de una pgina Web, es necesario planificar con el mayor lujo de detalle posible las distintas etapas del proyecto.

Planificacin
Definicin de objetivos Requisitos

Definicin de objetivos

Cul es el propsito de la Web? Definir el porqu del sitio Web. A quin va dirigido? Definir cual es el publico potencial del sitio Web.

Definicin de la estructura del sitio Definicin de Diseo

Ing. Alan Miguel Infante Vidaln

Informtica II - Sesin 03

Definicin de la estructura del sitio

Definicin de la estructura del sitio

Se realiza un boceto o diseo de cul va a ser la estructura fsica del sitio. Se aconseja dividir la informacin por categoras y ofrecer fcil acceso a los usuarios. Despus de definir la estructura, se analizara la idea aproximada del material dentro de ella (imgenes, texto, hiperenlances, etc.)

Definicin de la estructura del sitio

Definicin del Diseo

Se definen los criterios tcnicos y de diseo del sitio: esquema de colores, tipografas, imgenes comunes, etc.

Definicin del Diseo

Requisitos

Ser necesario realizar un pequeo inventario de todas la herramientas para la elaboracin del sitio Web. Editores HTML. Programas de retoque grfico. Imgenes. Textos. Autorizaciones.

Ing. Alan Miguel Infante Vidaln

Informtica II - Sesin 03

Pgina Web

Pgina Web

Es el medio mediante el que se representa informacin dentro de una red de internet. Su principal caracterstica son los hiperenlaces a otras pginas, siendo el fundamento de la web. Una pagina web puede incluir todos los elementos de comunicacin disponibles en un ordenador como texto, imgenes, sonido, pelculas, etc.

Pgina Web

URL

Las pginas web, as como los elementos que contiene se almacenan en un servidor que pone su contenido a disposicin de cualquier ordenador conectado a la red. Estos elementos se identifican mediante una direccin nica. Dicha direccin se conoce como URL.

URL significa Universal Resource Locator, es decir, localizador uniforme de recurso. Es una secuencia de caracteres, de acuerdo a un formato estndar, que se usa para nombrar recursos, como documentos e imgenes en Internet, por su localizacin. Informacin complementaria
http://www.hennigweb.com/projects/webclass/urls.html

URL
17

Pgina Web

Ing. Alan Miguel Infante Vidaln

Informtica II - Sesin 03

Servidor Web

Servidor Web

Devuelve contenido esttico a un navegador, carga un archivo y lo sirve a travs de la red al navegador de un usuario. Este intercambio es mediado por el navegador y el servidor que hablan el uno con el otro mediante HTTP. Se pueden utilizar varias tecnologas en el servidor para aumentar su potencia ms all de su capacidad de entregar pginas HTML.

Servidor Web

HTML

HTML

HTML

HyperText Markup Language es un lenguaje formado por un conjunto de cdigos (etiquetas) que indican a un explorador Web la forma de interpretar las informacin de una pgina Web. Un documento HTML es un archivo formado por caracteres en formato ASCII y que es interpretado por cualquier explorador.

La base de HTML es la utilizacin de cdigos denominados etiquetas que representan diferentes elementos disponibles en una pgina Web. Las etiquetas son nombres o abreviaturas de algunas funciones encerrados entre parntesis angulas (< >).

Ing. Alan Miguel Infante Vidaln

Informtica II - Sesin 03

HTML

HTML
Estas etiquetas pueden incluir adems una serie de parmetros o variables opcionales que modifican su comportamiento particular . Toda etiqueta esta formada por una marca de inicio y otra de finalizacin precedida sta del smbolo /.

Generalmente todo documento HTML dispone de una estructura comn que define determinadas caractersticas de su comportamiento. Un esquema bsico es el siguiente:
title head HTML h1 body p Estructura Estructura de una pgina web Ejemplo

HTML

HTML

Las etiquetas <html> y </html> definen el principio y el final del documento. La etiqueta <head> abarca toda la informacin de cabecera. Las etiquetas <title> y </title> definen el titulo del documento y aparecer en la barra de ttulo del explorador.

Finalmente, dentro de las etiquetas o tags, <body> y </body> se encuentra el contenido propiamente dicho del documento HTML. DEMOSTRACIN

Otros Componentes
30

Preguntas

HTML ofrece la ventaja de ser compatible en todo tipo de plataformas y sistemas, sin embargo, tambin tiene deficiencias. Para superar sus limitaciones, HTML puede combinarse con otros lenguajes de programacin como VBScript, JavaScript, PHP, ASP o componentes Activex.

Ing. Alan Miguel Infante Vidaln

Informtica II - Sesin 03

Qu hemos aprendido?
31 32

Reflexionemos

33

INFORMTICA II
SESIN 03
Ing. Alan Miguel Infante Vidaln

Ing. Alan Miguel Infante Vidaln

S-ar putea să vă placă și