1 / 17

DISEÑO Y PUBLICACION DE UNA PAGINA WEB

DISEÑO Y PUBLICACION DE UNA PAGINA WEB. Herramientas para hacer una página 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.

yitro
Download Presentation

DISEÑO Y PUBLICACION DE UNA PAGINA WEB

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. DISEÑO Y PUBLICACION DE UNA PAGINA WEB Herramientas para hacer una página 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

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

  3. 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). Internet Explorer Netscape • Si vas a usar imágenes, necesitarás un software que te permita editar fotos y dibujos. 

  4. 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. Geocitieshttp://www.geocities.com/ Ciudades Virtualeshttp://www.civila.com/civila.htm Hispamerica http://www.hispamerica.com/normasweb.htm Ciudad Futura http://www.ciudadfutura.net/ Tripodhttp://www.tripod.com.mx 

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

  6. 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 

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

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

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

  10. LO QUE PUEDE CONTENER  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> 

  11. 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) • <P> y </P>: 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. <BR>:  Salto de línea. No obstante, tanto la línea anterior como la siguiente están en el mismo párrafo. • <B> y </B>: Texto en negrita. <I> y </I>: Texto en cursiva 

  12. 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" 

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

  14. REVISALA Y EDITALA • 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. 

  15. SUBELA AL SERVIDOR 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). 

  16. LO QUE TODA PAGINA DEBE TENER * 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-mailpara 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. 

  17. VENTAJAS DE UNA PAGINA WEB * 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. 

More Related