2-CREAR LA PAGINA
2.1 ESTRUCTURA DE LA PAGINA
-En este paso tendras que diseñar
sobre un papel, la estructura que quieras que tenga tu pagina
-por ejemplo
| BIBLIOTECAS.COM |
 |
| BIBLIOTECAS/ TUTORIALES/
PUBLICIDAD/FORO |
A
A
A
A
A
A
AA
A |
-¿Como lo hemos hecho?
Muy facil: Con "tablas"
2.2- TABLAS
-En la barra de netscape composer
apreta el cursor sobre" tabla"
-Te muestra las propiedades
de la tabla
-Donde pone nº de filas
pon 3 y en nº de columnas 2
-En alineacion: marca centro
-En anchura de linea de borde
: Si quieres que la tabla
sea invisible en tu pagina. Es decir que lo que escribas no se vea
encuadrado en un marco, pon 0
Si al contrario quieres
que la tabla
se vea encuadrada, marca
1. En nuestro
caso he marcado 1
-En anchura de la tabla escribe
50. No es aconsejable marcar el 100%, porque puede que tu pagina quede
cortada cuando se vea en Internet. (80 o 90% esta bien.)
-Quedara de momento asi:
-Pon el cursor sobre la primera
"celda." Aprieta el lado derecho del raton y aprieta sobre propiedades
de la" tabla"
-Selecciona "celda. "
-Donde indica la celda abarca lo dejas como esta
-Marca utilizar color. Encontraras un menu desplegable
asi:
-Y elige el color rojo. Marca en propiedadesde la
tabla aceptar..Repite los mismos pasos para la 2ª celda
y quedara asi. -
- Tambien podrias haber pulsado directamente sobre
fila. y escoger el color rojo.
-Ahora pon el cursor sobre la 3ª celda .
Vuelve a apretar el boton derecho del raton. Y aprieta propiedades
de la tabla, otra vez
- Pulsa sobre la 3ª celda. E indica la celda
abarca 1 fila y 2 columnas. . Ahora pulsa otra vez sobre utilizar color
y elege el color blanco.Te quedara asi
-Haz lo mismo para la 4ª celda . La
celda abarca 1 fila y 2 columnas y en utilizar color. Vuelve a utilizar
el blanco. Y el resultado es este
2.3- EL LOGOTIPO
-Toda Pagina web. que se precie
y quiera tener un m?nimo de calidad., tiene que incorporar un Logotipo
-¿Que es un logotipo?
-Un logotipo es un dibujo que le
sirve a una entidad o un grupo de personas para representarse. Los logotipos
suelen encerrar indicios y simbolos acerca de quienes representan. El logotipo
como parte de la identidad visual de una empresa o institucion, es la representacion
tipografica del nombre de la marca.
-Un logotipo puede ser una fotografia,
o una imagen, a la que le pondras el nombre de tu pagina web.
2.3.1-COMO HACER UN LOGOTIPO?
-Primero, elige la imagen que te
servira de logotipo. Puede ser una imagen hecha por timismo, una fotografia.
un gif animado etc.
- En la web hay buenas paginas,
con contenido que se puede utilizar libremente
- Para copiar imagenes, elige primero la imagen
- Despues con el boton derecho del raton, pulsa sobre
la imagen elegida
- Se abrira un dialogo , elige "guardar imagen como".
Te pedira que le pongas un nombre, para poderla encontrar sin problemas,
y despues tienes que pulsar" guardar".
-Una vez tengas la imagen
elegida , guardada en " mis imagenes" .Pulsa con el cursor sobre
la 1ª celda de tu tabla .
Con el boton izquierdo del raton
pulsa sobre el icono "imagen" de la barra.
-Encontraras un dialogo.
-Ellige las dimensiones. por ejemplo 150 pixeles. Si no
eliges dimensiones, la imagen ocuparatoda la pagina, distorsionandola
.
Pulsa sobre "seleccionar archivo", marca sobre el archivo
escogido (la fotografia), con el boton izquierdo del raton. Despues pulsa
"abrir". y acto seguido
pulsa sobre "aceptar"
.
-El resultado sera este.
| A |
A |
-Ahora tienes que poner el titulo.
-Coloca el el cursor sobre la 1ª celda y escribe
tu titulo "BIBLIOTECAS.COM".
-Subraya despues con el cursor sobre el titulo. Y ves
a la barra del composer.
- En anchura variable elige el diseño de la letra.
En tu caso "Arial black".
- En la numeracion elige el tamaño de la letra.
En tu caso " 12"
- En color, el color de la letra y marca " blanco."
- En el icono que hay a la derecha "del color" , esta
la letra "negrita". marcala.
Haz lo mismo para la 2 ªlinea. Y el resultado
sera este:
| BIBLIOTECAS.COM |
 |
| BIBLIOTECAS/TUTORIALES/PUBLICIDAD/FORO |
-Llegado a este paso. Querras ver como quedara tu pagina
en Internet. Para ello pulsa sobre "preliminar"en la barra de netscape
composer.
Te pedira que guardes el archivo y le pongas un
nombre:
-Abre "Archivo" y pulsa la pagina en "Guardar como". Previamente
le habras dado un nombre a esta primera pagina. Este nombre tiene que ser
"index", obligatoriamente, porque cuando subas tu pagina al servidor, es
el nombre que tendras que poner para que la pagina se vea. Ya que es la
maqueta de tu pagina. Todas las demas tendran que enlazar de una u otra
manera con esta.
2.4 -ESCRIBIENDO EL TEXTO
Procede de la misma manera que hiciste para el titulo
de la pagina:
Eligiendo el diseño de
letra
Eligiendo el
tamaño de letra
Eligiendo "negrita"o no
Eligiendo "cursiva" o no
2.5 PONIENDO IMAGENES
Has visto el icono "Home"
¿Como se hace, para incluir iconos , gifs
o imagenes?
Pues igual como hemos echo para poner nuestro logotipo.
En la web hay cantidad de buenas paginas con recursos gratuitos.Copia los
iconos que quieras, asi
Con el boton derecho del raton pulsa sobre "guardar
imagen como" y el icono se guardara en "mis imagenes"
despues crea una tabla de " 1 fila y 1 columna",
con "anchura de linea de borde" cero, para que sea invisible.
y con "anchura de la tabla" 10%.
Te iras dando cuenta de que las tablas se necesitan para
todo. ¿Por que tengo que hacer una tabla para poner imagenes o iconos?
Porque si colocas una imagen o un icono sin tabla.
Una vez pulses preliminar, las imagenes se moveran. Y la manera de que
se queden donde tu quieres es encuadrarlas en tablas.
|