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

Lecciòn nº4

Hacendera Nº4

Salvaje Nº4

QUINCE Nº4

Santander Nº4

Trabajo practico nº4 pagina web.

DARKREDTEAM Nº4

Trabajo nº4

Artículo Nº4

Laboratorio Nº4

asignacion nº4

boletín nº4

Portfolio Nº4

INFORME Nº4

Practica nº4

Revista Nº4

Biribilka nº4

Avanse nº4

Insurrección Nº4

MiniFulls nº4