Sesion Nº4 La Primera Pagina Web

Sesión 04:

Ing. Edgar A. Cruz Huaman

INSTITUTO SUPERIOR TECNOLÓGICO INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”“SAN PEDRO”

La Primera Página Web. (, , <hr>, <a>, <center>, <blockquote>, <address>, atributos.)

INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO”INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” Ing. Edgar A. Cruz HuamanIng. Edgar A. Cruz Huaman

I. HTML

– WWW contiene información casi infinita.– La WWW es un sistema Hipermedia.

II. Características del lenguaje HTML– El Web tenía que ser distribuido.– El Web tenía que ser hipertexto y debía ser fácil

navegar por él.– Tenía que ser compatible con todo tipo de

ordenadores y con todo tipo de S.O.– Debía ser dinámico.


II. Editores Html

• Asistentes: HotDog(Win), HomeSite (Win),HTML Editor(Mac), Quanta(Linux, KDE) o Bluefish, (Linux,GNOME), Notepad++.

• Conversores: Microsoft Word, Quark XPress y PageMaker.

• Editores WYSIWYG: Macromedia Dreamweaver, HotMetal, Microsoft Frontpage, phpDesigner 2007 Professional.


III. Algunas razones para usar HTML

• Aprovechar todas las características de este lenguaje, incluso las más nuevas.

• Modificar el código que generan los WYSWYG, corregir errores o incluir etiquetas no soportadas por el editor.

• No depender de la disponibilidad de una herramienta concreta para poder crear páginas web.

IV. Atributos de una Etiqueta

• Las etiquetas tienen atributos para cambiar aspectos del efecto que producen.– Formato: <etiqueta atributo="valor">– Ejmplo: <hr size = 1>


V. Párrafos en HTML

VI. Saltos de línea ( )

VII. Cómo se insertan párrafos ()

VII. Mas sobre parrafos. (ii)

• Existe otra opción para el código anterior?

• Uso incorrecto de la etiqueta 

• El atributo ’align’ en la etiqueta permite especificar la alineación del párrafo. Puede tener tres valores: "center", "left" y "right", para obtener un párrafo centrado, alineado a la izquierda o alineado a la derecha respectivamente.


Ejercicio Nº 01

VIII. Líneas horizontales para separar párrafos (<hr>)


Ejercicio Nº 02

IX. La etiqueta <blockquote>... </blockquote>

• Ejercicio Nº 03

X. La etiqueta <address>... </address>

XI. La etiqueta <center>... </center>

• Ejercicio Nº 04

XII. Cómo insertar imágenes en una página. (<img></img>)

• Ejemplo – <img src="flecha1.gif">

XIII. Cómo crear enlaces hipertexto.

• Los enlaces pueden clasificarse en dos tipos, los internos o locales y los externos:– /hobbies/index.html– http://www.otroservidor.com/hobbies/index.html

• La etiqueta <a>... </a>– <a href=“index.html"> Texto </a>

• Páginas en otros directorios.– <a href="varios/hobbies.html">hobbies</a>

• Enlaces externos.– <a href="http://www.corsiteccgmr.com">CORSITEC</a>

REPASO.

• Titulares : <h1>• Salto de línea : • Parrafo : • Línea horizontal : <hr>• Texto parafraseado : <blockquote> </blockquote>• Centrado : <center></center>• Enlaces : <a href=”url ”>enlace<a>• Imagen : <img src=“url”>• Dirección :<address>texto<address>


La Primera Página Web

Sesion Nº4 La Primera Pagina Web

Education

Transcript of Sesion Nº4 La Primera Pagina Web