diseÑo y publicacion de una pagina web

DISEÑO Y PUBLICACION DE UNA PAGINA WEB

Espacio en un servidor que aloje tus páginas

Manos a la obra. A hacer la página

Revísala y edítala

Súbela al servidor

Lo que toda página debe tener

Ventajas de una pagina Web

Herramientas para hacer una página WEB

HERRAMIENTAS PARA HACER UNA PÁGINA WEB

Sólo necesitas un EDITOR DE TEXTO , UN NAVEGADOR ("browser") y posiblemente un

programa FTP.

HERRAMIENTAS PARA HACER UNA PÁGINA WEB

Con respecto al navegador Web, Los navegadores más comunes son Microsoft Explorer (El Explorador) y Netscape (El Navegador).

Si vas a usar imágenes, necesitarás un software que te permita editar fotos y dibujos.

Internet Explorer

Netscape

ESPACIO EN UN SERVIDOR QUE ALOJE TUS PÁGINAS

Una vez que la página esté hecha, necesitarás que una compañía con

un servidor (conectado a la Red) la aloje, es decir que lo "ponga" en

el Internet.

Geocities http://www.geocities.com/

Ciudades Virtuales http://www.civila.com/civila.htm

Hispamerica http://www.hispamerica.com/normasweb.htm

Ciudad Futura http://www.ciudadfutura.net/

Tripod http://www.tripod.com.mx

COMO CREAR UNA PÁGINA WEB

Lenguaje HTML

Programas de Diseño de Web

LENGUAJE HTML

El HTML es un lenguaje creado para el manejo de Hipertexto...

¿Que es HTML?

Como crear un archivo HTML

Cuerpo basico de un archivo HTML

Que podemos introducir en un Documento HTML

Etiquetas que nos pueden ayudar

Insertar una imagen

¿QUÉ ES?

Las páginas Web son creadas con el lenguaje HTML . Este lenguaje es el que indica a los navegadores que deben mostrar en pantalla y cómo mostrarlo.

Todas las instrucciones HTML deben ir entre etiquetas, y toda etiqueta debe ir entre corchetes angulares (< >).

HTML: (HyperText Markup Language). Lenguaje de marcado de Hipertexto. Es el lenguaje estándar para describir el contenido y la apariencia de las páginas en el WWW.

COMO CREAR UN ARCHIVO HTML

PRIMER PASO:

Todo lo que se necesita para escribir una página Web es un editor que permita guardar documentos de texto de tipo ASCII, lo que en algunos procesadores de texto se denomina "sólo texto". Estos documentos se pueden crear de modo muy sencillo:

•Con el Bloc de notas (Notepad), si se trabaja en Windows, o la aplicación SimpleText, si se trabaja en Macintosh. Puede encontrar estos programas en cualquier ordenador Windows o Macintosh.

•Con cualquier procesador de textos, pero teniendo cuidado de guardarlo como un fichero "Solo texto".

En ambos casos, la única precaución es añadir al nombre de nuestro fichero el texto ".htm", en Windows, o ".html" (en Macintosh o Unix).

Esqueleto

Todo documento HTML debe empezar por la etiqueta <HTML> y terminar por la etiqueta </HTML>. El resto del documento irá entre ambas, y se dividirá en dos partes:

•la cabecera, que comienza con <HEAD> y termina con </HEAD>. Aquí se colocarán los elementos que identificarán nuestro documento: el título, los descriptores que explican el tema de nuestro documento, etc. Todos estos datos son optativos, pero es recomendable colocarlos para que los usuarios puedan saber de qué trata nuestra página.

el cuerpo, que comienza con <BODY> y termina con </BODY>. Aquí es donde irán todos los elementos que componen una página Web, y que serán visualizados por el navegador.

En un documento Web podemos escribir cualquier texto, como en un procesador de textos cualquiera.

Un tipo de texto especial es el que hace de enlace con otros documentos Web. Hemos mencionado antes que en un documento Web, se pueden incluir enlaces de hipertexto, es decir, instrucciones para que el navegador, al hacer un clic sobre el enlace, nos presente un documento situado en cualquier otro ordenador conectado a Internet .

<HTML> <HEAD> <TITLE>Prueba de página </TITLE> </HEAD> <BODY> Si pincha en el texto subrayado <A HREF="http://www.ucol.mx"> Universidad de Colima</A>, podrá acceder a la

página de ese archivo. </BODY> </HTML>

LO QUE PUEDE CONTENER

ETIQUETAS

•<H#> y </H#> (# = un número entre 1 y 6): Define el título de una parte del documento. H1 es el título con un tamaño de letra más grande, y H6, el más pequeño. Sirven para dividir de un modo lógico los contenidos de una página.

•<UL> y </UL>: Definen una lista no numerada. Los elementos de la lista deben llevar, solo al comienzo de cada elemento, una etiqueta <LI>.

•<OL> y </OL>: Igual que la anterior, sólo que los elementos de la lista irán numerados. (14)

• y : Indican el comienzo y el fin de un párrafo. En realidad, la etiqueta de fin de párrafo no es necesaria, ya que al comenzar un nuevo párrafo, HTML introduce automáticamente un salto de línea.

 : Salto de línea. No obstante, tanto la línea anterior como la siguiente están en el mismo párrafo.

• y : Texto en negrita.

 y : Texto en cursiva

IMAGENES

•<IMG SRC="nombre de la imagen">: Etiqueta para colocar imágenes en la pantalla. En este caso, hay que indicar en que parte del ordenador está esa imagen (en qué directorio) y el nombre del fichero informático que la contiene. Por ejemplo, si queremos poner en nuestra página la imagen con el escudo de un archivo, llamado "escudo.jpg", que está en el directorio IMÁGENES de nuestra unidad C: (el disco duro del ordenador, por lo general), la etiqueta completa sería:

IMG SRC="c:\imagenes\escudo.jpg"

Dream Weaver

Flash

Word 2000

PowerPoint 2000, etc.

PROGRAMAS DE DISEÑO DE WEB

Mira la página en el navegador. ¿Salió como querías? Este es el momento de hacer todas las correcciones. Asegúrate de que los enlaces internos funcionen, que si dice, por ejemplo, "ir a la página siguiente" efectivamente haga lo que dice.

REVISALA Y EDITALA

Muchas de las compañías que alojan páginas en sus servidores tienen herramientas que facilitan la "subida" de las páginas a la Red. Si no fuera así, necesitarás un software que te permita transferir tus documentos e imágenes al servidor. Este software se lo conoce como FTP (File Transfer Protocol).

SUBELA AL SERVIDOR

* Título. Cada página tiene que tener un título que indique claramente de qué se trata.

•Barra de navegación, o lista de todas las páginas que forman tu sitio, con sus respectivos enlaces.

•Tu nombre y tu dirección e-mail para que los visitantes se puedan contactar contigo.

•Ultima fecha de actualización.

* Un contador de visitas a tu página, tienes que indicar la fecha en que empezaste a contar.

LO QUE TODA PAGINA DEBE TENER

* Ofrece información de primera mano sobre el archivo a todo tipo de interesados geográficamente alejados.

* Concentra el trabajo de divulgación del archivo y de sus fondos y, al tiempo, hacer accesible esta información en cualquier momento

* Reduce los costos de divulgación del archivo: la edición a nivel básico de páginas Web no es difícil ni cara. Todo depende del nivel de divulgación deseado.

* Sirve de referencia a instituciones similares, y viceversa, con lo que fomenta el conocimiento de los proyectos en los que trabajan los colegas.

* Ayuda a reducir costos: varios archivos pueden compartir una conexión a Internet y aumentar, al tiempo, su capacidad de acceso al público.

VENTAJAS DE UNA PAGINA WEB

diseÑo y publicacion de una pagina web

Documents