martes, 9 de febrero de 2010

¿Cómo hacer una página web? Parte 2

Otra forma también muy cómoda de hacer páginas web es utilizando un editor de páginas web como es Kompozer. Con este programa se pueden realizar una serie de cosas como estas:

1º-Crear un documento HTML nuevo:
Hay que iniciar Kompozer y utilizar la combinación de teclas [Ctrl.+n] o seleccionar la opción nuevo en el menú archivo. Aparecerá una ventana de diálogo en la que seleccionaremos un documento vacio y en la lista crear seleccionaremos nueva pestaña.

2º-Guardar un documento HTML:
Hay que seleccionar la opción guardar o guardar como en el menú archivo. Saldrá un ventana en la que daremos título a la página. Después aparecerá una ventana en al que seleccionaremos la localización donde guardaremos la página y daremos el nombre que le asignaremos en el campo nombre.


3º-Configurar las propiedades de la página:
Haremos clic sobre la opción título y propiedades de la página... en el menú formato. Nos saldra una ventana en la que introduciremos información general en su sección y en internacionalización escogeremos el idioma, la dirección de escritura y el conjunto de caracteres que se utilizará. Después haremos clic sobre aceptar y se guardará.



4º-Cambiar el color del fondo y la letra de la página web:
En el menú formato elegiremos la opción colores y fondo de la página y allí podremos elegir una serie de colores para el texto normal, el texto de enlace, el texto de enlace activo y el texto de enlace visitado.


5º-Trabajar con texto en un documento web:
Para insertar contenido en nuestra página los pasos son similares a los que se siguen en cualquier procesador de texto. Se utilizará una barra de formato para aplicar los diferentes estilos y formatos.


6º-Insertar líneas horizontales:
Para crear líneas horizontales se utiliza la etiqueta HTML
pero desde Kompozer se puede insertar una siguiendo los siguientes pasos:
Se situará el cursor en el lugar donde queramos situar la línea horizontal, después se seleccionará la opción línea horizontal en el menú insertar.
Para cambiar las propiedades de la línea horizontal:
Cambiaremos al modo de edición etiquetas HTML, pulsaremos sobre la etiqueta HR a la que queremos cambiar las propiedades. En el menú que aparecerá seleccionaremos la opción propiedades de línea horizontal. Aparecerá una ventana en la que modificaremos los valores y finalmente pulsaremos el botón aceptar.



7º-Insertar imágenes:
Para ello hay que seguir los siguientes pasos:
  1. Seleccionaremos la opción imagen en el menú insertar.
  2. Aparecerá una ventana en la que se muestran cuatro solapas:
  • Ubicación: Aquí indicaremos donde se coge la imagen , el texto alternativo que se mostrará en lugar de la imagen y el título emergente que se verá al pasar el ratón por encima.
  • Dimensiones: Aquí podremos cambiar el tamño de la imagen.
  • Apariencia: Aquí definiremos espacios entre la iamgen y el texto y también la lianeación del texto con respecto a la imagen.
  • Enlace: Permite hacer que la imagen sea un hipervínculo.
Finalmente haremos clic sobre aceptar para insertar la imagen.


8º-Insertar hipervínculos o enlaces:
Para crear un hipervínculo hay que seguir los siguientes pasos:
  1. Seleccionar el elemento en el que queremos crear el enlace.
  2. Seleccionar la opción enlace en el menú insertar.
  3. Se abrirá una ventana diferente dependiendo del tipo de elemento seleccionado. Pero en cada una de ellas, deberemos introduciremos la dirección web, localización del archivo local y dirección de correo electrónico o sección en la página que dará acceso al enlace.
  4. Finalmente haremos clic sobre aceptar para guardar los cambios.


9º-Insertar tablas:
Para insertar una tabla hay que seguir los siguientes pasos:
  1. Seleccionar la opción tabla en el menú insertar.
  2. Aparecerá una ventana en la que podremos definir desde distintas pestañas las propiedades de la tabla. La pestaña rápido permite definir el número de filas y columnas que tendrá la tabla de forma visual, la pestaña preciso permite definir el tamaño y el borde de forma numérica, y la pestaña celda, nos permite personalizar la configuración de las celdas.
  3. Haremos clic sobre aceptar para guardar los cambios.

jueves, 4 de febrero de 2010

¿Cómo hacer una página web? Parte 1

Una forma de hacer páginas web sin tener que descargarnos ningún programa es utilizando un programa como el Bloc de notas.
1º: Abrimos un documento nuevo en el bloc de notas.
2º: Y usando etiquetas HTML podremos escribir la página web.
Por ejemplo:

Y abriendo este documento con Mozilla Firefox o Internet Eplorer aparecerá así: