DISEÑO Y PUBLICACION DE UNA PAGINA WEB  Espacio en un servidor que aloje tus páginas Espacio en un servidor que aloje tus páginas  Manos a la obra.

Presentación del tema: "DISEÑO Y PUBLICACION DE UNA PAGINA WEB  Espacio en un servidor que aloje tus páginas Espacio en un servidor que aloje tus páginas  Manos a la obra."— Transcripción de la presentación:

1

2 DISEÑO Y PUBLICACION DE UNA PAGINA WEB  Espacio en un servidor que aloje tus páginas Espacio en un servidor que aloje tus páginas  Manos a la obra. A hacer la página Manos a la obra. A hacer la página  Revísala y edítala Revísala y edítala  Súbela al servidor Súbela  Lo que toda página debe tenerpágina  Ventajas de una pagina WebVentajas de una pagina Web  Herramientas para hacer una página WEB Herramientas para hacer una página WEB

3 HERRAMIENTAS PARA HACER UNA PÁGINA WEB  Sólo necesitas un EDITOR DE TEXTO, UN NAVEGADOR ("browser") y posiblemente un programa FTP.

4 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

5 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/http://www.geocities.com/ Ciudades Virtuales http://www.civila.com/civila.htmhttp://www.civila.com/civila.htm Hispamerica http://www.hispamerica.com/normasweb.htmhttp://www.hispamerica.com/normasweb.htm Ciudad Futura http://www.ciudadfutura.net/http://www.ciudadfutura.net/ Tripod http://www.tripod.com.mxhttp://www.tripod.com.mx 

6 COMO CREAR UNA PÁGINA WEB  Lenguaje HTML Lenguaje HTML  Programas de Diseño de Web Programas de Diseño de Web 

7 LENGUAJE HTML El HTML es un lenguaje creado para el manejo de Hipertexto...  ¿Que es HTML? ¿Que es HTML?  Como crear un archivo HTML Como crear un archivo HTML  Cuerpo basico de un archivo HTML Cuerpo basico de un archivo HTML  Que podemos introducir en un Documento HTMLQue podemos introducir en un Documento HTML  Etiquetas que nos pueden ayudarEtiquetas que nos pueden ayudar  Insertar una imagenInsertar una imagen 

8 ¿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. 

9 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). 

10 Esqueleto Todo documento HTML debe empezar por la etiqueta y terminar por la etiqueta. El resto del documento irá entre ambas, y se dividirá en dos partes: la cabecera, que comienza con y termina con. 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 y termina con. Aquí es donde irán todos los elementos que componen una página Web, y que serán visualizados por el navegador. 

11 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. Prueba de página Si pincha en el texto subrayado Universidad de Colima, podrá acceder a la página de ese archivo. LO QUE PUEDE CONTENER 

12 ETIQUETAS y (# = 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. y : Definen una lista no numerada. Los elementos de la lista deben llevar, solo al comienzo de cada elemento, una etiqueta. y : Igual que la anterior, sólo que los elementos de la lista irán numerados. (14) (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 

13 IMAGENES : 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" 

14  Dream Weaver  Flash  Word 2000  PowerPoint 2000, etc.  PROGRAMAS DE DISEÑO DE WEB

15 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

16 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

17  * 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

18 * 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 