1
Download Insertar una imagen
Document related concepts
Transcript
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
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).
Internet
Explorer
Netscape
Si vas a usar imágenes, necesitarás un software que te permita
editar fotos y dibujos.
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.
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>
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
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"
PROGRAMAS DE DISEÑO DE WEB
Dream Weaver
Flash
Word 2000
PowerPoint 2000, etc.
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.
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).
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-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.
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.
