Documente Academic
Documente Profesional
Documente Cultură
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.
Informtica II - Sesin 03
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.)
Se definen los criterios tcnicos y de diseo del sitio: esquema de colores, tipografas, imgenes comunes, etc.
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.
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
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 (< >).
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.
Informtica II - Sesin 03
Qu hemos aprendido?
31 32
Reflexionemos
33
INFORMTICA II
SESIN 03
Ing. Alan Miguel Infante Vidaln