COMO HACER UNA PAGINA WEB  PARA PRINCIPIANTES. CON NETSCAPE COMMUNICATOR.  PAGINA 2.
 
 
 
 


 
  pc sobremesa      portatiles    toners

 
 

 
 

COMO HACER UNA PAGINA WEB
   -Preliminar
 1-¿Como empezamos?
 2- Crear la pagina
                  -estructura
                  -tablas
                  -logotipo
                  -texto
                  -imagenes 
 3-Realizando enlaces
 4-¿Que hacer para que se vea 
 en internet? 
             -preliminar
             -publicando mi pagina
      -subiendo  archivos
 
 
 

 


 
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

 
imagen 3

 

-¿Como lo hemos hecho?  Muy facil: Con "tablas"

2.2- TABLAS

-En la barra de netscape composer apreta el cursor sobre" tabla"
 
 


 
 
imagen 4

-Te muestra las  propiedades de la tabla
 
 


 
 
imagen 5

-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:
 
 
 
 
 

a 111ª celda  a
a a
a a

 
 
imagen 6

 
 

-Pon el cursor sobre la primera "celda." Aprieta el lado derecho del raton y aprieta sobre propiedades de la" tabla"
 
 
 


 
imagen 7

 

-Selecciona "celda. "
-Donde indica la celda abarca lo dejas como esta
-Marca utilizar color. Encontraras un menu desplegable asi:
 

imagen 8

-Y elige  el color rojo. Marca en propiedadesde la tabla aceptar..Repite los mismos pasos para la  2ª celda  y quedara asi. -
 

a a2ª celda
a a
a a

 
 
imagen 9

  - 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
 


 
imagen 10

 

- 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
 

a a
a 3ªcelda
a a
imagen 11

 

-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
 
 

a a
a
a4ª celda

 
imagen 12

 
 
 
 
 

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.
 
 
 
 

imagen 13

 

-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
A
A

 
imagen 15

 

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


 
 
imagen 16

Haz lo mismo para la  2 ªlinea. Y el resultado sera  este:
 
 
 
 

BIBLIOTECAS.COM
BIBLIOTECAS/TUTORIALES/PUBLICIDAD/FORO
a
imagen 17

-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:
 
 

imagen 18

     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.
 
 
 
 
 
 
 
 
 
 

pag  1  2 3   4

 
 
 

 

www.paginawebparaprincipiantes.com 2008