Sesion Nº4 La Primera Pagina Web

Sesión 04: Ing. Edgar A. Cruz Huaman INSTITUTO SUPERIOR TECNOLÓGICO “SAN PEDRO” La Primera Página Web. (, , <hr>, <a>, <center>, < blockquote>, <address>, atributos.)

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 Blueﬁsh, (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

PREGUNTAS?

http://ingedgarcruzh.blogspot.com	36
http://www.ingedgarcruzh.blogspot.com	10
http://www.slideshare.net	1

Sesion Nº4 La Primera Pagina Web

by Edgar Cruz on Sep 28, 2008

Accessibility

Categories

Upload Details

Usage Rights

3 Embeds 47

Statistics

Sesion Nº4 La Primera Pagina Web — Presentation Transcript