CREAR PÁGINAS WEB CON NVUCREAR UN DOCUMENTO HTML NUEVO
Lo primero que tenemos que hacer antes de empezar a trabajar con un documento HTML, es crearlo, y para ello, seguiremos estos pasos: 1. Iniciar Nvu 2. Seleccionar la opción nuevo en el menú Archivo 3. Aparece una ventana de diálogo, seleccionaremos un documento vacío y en la lista Crear en seleccionaremos Nueva pestaña 4. Para finalizar, pulsaremos el botón Crear, y se creará una nueva pestaña en
GUARDAR UN DOCUMENTO HTML
1 Seleccionar la pestaña que contiene el documento a guardar en la barra de exploración pestaña
2 seleccionar lel botón guardar de la barra de redacción
3 en caso de no haber dado un titulo al documentoHTML saltará una ventana en la que se nos pide que demos el titulo a la página
4 daremos un titulo a la página y pulsaremos
el botón aceptar
5 seleccionaremos la localización donde guardaremos la página y daremos el nombre que le asignaremos en el campo normal
6 pulsar el botón guardar
CONFIGUARA LAS POPIEDADES DE LA PÁGINA
1 seleccionar la pestaña que contiene la página a la que se quieren establecer las propiedades
2 seleccionar la opción de titulo y propiedades de la página... en el menú formato
3 introduciremos la información general en la sección dedicada a ello y en la sección internacionalización elegiremos el
idioma,(botón elegir idioma), la dirección de escritura y el conjunto de caracteres que se utilizará (elegir conjunto)
4 pulsaremos el botón Aceptar para cerrar la ventana y establecer las propiedades de la página
CAMBIARA EL COLOR Y EL FONDO
1 Seleccionar la pestaña que contiene la página a la que se quiere cambiar el color y el fondo
2 Seleccionar la opción Colores y fondo de la página... en el menú formato.
3 aparece la ventana fodo y color de la página, en ella se puede elegir:
a) los colores de la página. Para cambiar un color, pulsaremos sobre el botón que lo representa y, en
la ventana que se abre, seleccionaremos el deseado
b) La imagen de fondo, para lo cual se utilizará el botón Elegir archivo..., que nos permitirá escoger la
imagen a utilizar
c) Opciones avanzadas, a las que se accederá utilizando el botón Edición avanzada
4 Pulsar el botón Aceptar para establecer el fondo y los colores a la página
1 Seleccionar la pestaña que contiene el documento a guardar en la barra de exploración pestaña
2 seleccionar lel botón guardar de la barra de redacción
3 en caso de no haber dado un titulo al documentoHTML saltará una ventana en la que se nos pide que demos el titulo a la página
4 daremos un titulo a la página y pulsaremos
el botón aceptar
5 seleccionaremos la localización donde guardaremos la página y daremos el nombre que le asignaremos en el campo normal
6 pulsar el botón guardar
CONFIGUARA LAS POPIEDADES DE LA PÁGINA
1 seleccionar la pestaña que contiene la página a la que se quieren establecer las propiedades
2 seleccionar la opción de titulo y propiedades de la página... en el menú formato
3 introduciremos la información general en la sección dedicada a ello y en la sección internacionalización elegiremos el
idioma,(botón elegir idioma), la dirección de escritura y el conjunto de caracteres que se utilizará (elegir conjunto)
4 pulsaremos el botón Aceptar para cerrar la ventana y establecer las propiedades de la página
CAMBIARA EL COLOR Y EL FONDO
1 Seleccionar la pestaña que contiene la página a la que se quiere cambiar el color y el fondo
2 Seleccionar la opción Colores y fondo de la página... en el menú formato.
3 aparece la ventana fodo y color de la página, en ella se puede elegir:
a) los colores de la página. Para cambiar un color, pulsaremos sobre el botón que lo representa y, en
la ventana que se abre, seleccionaremos el deseado
b) La imagen de fondo, para lo cual se utilizará el botón Elegir archivo..., que nos permitirá escoger la
imagen a utilizar
c) Opciones avanzadas, a las que se accederá utilizando el botón Edición avanzada
4 Pulsar el botón Aceptar para establecer el fondo y los colores a la página
1 Seleccionar la pestaña de la página en la cual vamos a insertar texto
2 Introducir el texto deseado en la página
3 Utilizarla Barra de Formato para aplicar los estilos y formatos
4 Regresar all paso 2 y continuar introduciendo texto
2 Introducir el texto deseado en la página
3 Utilizar
4 Regresar all paso 2 y continuar introduciendo texto
INSERTAR LÍNEAS HORIZONTALES
1 Seleccionar la pestaña adecuada
2 Situar el cursor donde queramos introducir la línea horizontal
3 Seleccionar la opción Línea horizontal en el menú insertar
Para cambiar las propiedades a una línea horizontal haremos lo siguiente:
1 Cambiar al modo de edición Etiquetas HTML
2 Pulsar con el botón derecho del ratón sobre la etiqueta HR a la que queremos cambiar las propiedades. En el menú contextual que aparece seleccionar la opción Propiedades de línea horizontal...
3 Aparece la ventana "Propiedades de la línea horizontal", en la que modificaremos los valores
4 Pulsar el botón Aceptar para aplicar los cambios y cerrar la ventana
2 Situar el cursor donde queramos introducir la línea horizontal
3 Seleccionar la opción Línea horizontal en el menú insertar
Para cambiar las propiedades a una línea horizontal haremos lo siguiente:
1 Cambiar al modo de edición Etiquetas HTML
2 Pulsar con el botón derecho del ratón sobre la etiqueta HR a la que queremos cambiar las propiedades. En el menú contextual que aparece seleccionar la opción Propiedades de línea horizontal...
3 Aparece la ventana "Propiedades de la línea horizontal", en la que modificaremos los valores
4 Pulsar el botón Aceptar para aplicar los cambios y cerrar la ventana
INSERTAR IMÁGENES
1 Seleccionar la pestaña que contiene el documento Web con el que queremos trabajar en Nvu
2 Pulsar sobre el icono imagen dela barra de redacción
3 Aparece la ventana "Propiedades de la imagen", la cual muestra cuatro solapas:
a) Ubicación : nos pertimte indicar de dóne 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
b) Dimensiones: esta pestaña nos pertimte cambiar el tamaño de la imagen. Se puede indicar en píxeles
o en porcentaje de la ventana del navegar, lo cual puede ser muy útil
c) Apariencia: permite definir espacios entre la imagen y el texto, así, como la alineación del texto con respecto a la imagen.
d) Enlace: permite que la imagen se comporte como un hipervínculo
El botón "Elegir archivo..." nos permitirá seleccionar la imagen a insertar mediante una venta de dialogo en la que pulsaremos sobre Abrir. Para cambiar de pestaña, pulsaremos en cada una de las solapas y establecemos en ellas los valores adecuados a nuestras necesidades.
El botón "Edición avanzada..." permite establecer atributos HTML, manualmente
4 Pulsar el botón Aceptar para insertar la imagen y cerrar la ventana
Una vez insertada la imagen, podremos cambiar sus propiedades pulsando con el botón derecho del ratón sobre ella, y en el menú contextual que aparece, seleccionando la opción Propiedades dela Imagen.. .
2 Pulsar sobre el icono imagen dela barra de redacción
3 Aparece la ventana "Propiedades de la imagen", la cual muestra cuatro solapas:
a) Ubicación : nos pertimte indicar de dóne 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
b) Dimensiones: esta pestaña nos pertimte cambiar el tamaño de la imagen. Se puede indicar en píxeles
o en porcentaje de la ventana del navegar, lo cual puede ser muy útil
c) Apariencia: permite definir espacios entre la imagen y el texto, así, como la alineación del texto con respecto a la imagen.
d) Enlace: permite que la imagen se comporte como un hipervínculo
El botón "Elegir archivo..." nos permitirá seleccionar la imagen a insertar mediante una venta de dialogo en la que pulsaremos sobre Abrir. Para cambiar de pestaña, pulsaremos en cada una de las solapas y establecemos en ellas los valores adecuados a nuestras necesidades.
El botón "Edición avanzada..." permite establecer atributos HTML, manualmente
4 Pulsar el botón Aceptar para insertar la imagen y cerrar la ventana
Una vez insertada la imagen, podremos cambiar sus propiedades pulsando con el botón derecho del ratón sobre ella, y en el menú contextual que aparece, seleccionando la opción Propiedades de
INSERTAR HIPERVÍNCULOS O ENLACES
1 Seleccionar el elemento al que queremos asignar el enlace (texto, imagen, video etc.)
2 Seguir una de estas opciones:
a) Pulsar sobre el botón Enlace de la barra de redacción
b) Pulsar con el botón derecho del ratón sobre el elemento seleccionado, y en el menú contextual que aparece, seleccionar la opción Crear enlace...
3 Se abre una ventana de diálogo que dependerá del elemento seleccionado "Propiedades del enlace" si se trata de un texto o "Propiedades de la imagen" si se trata de una imagen "pinchar en enlace". Se crea el enlace, introdiremos la dirección Web, localización del archivo local, y dirección de correo electrónico o sección en la página a la que dará acceso el enlace
4 Para crear el enlace y cerrar la ventana, pulsaremos sobre el botón Aceptar
Para trabajar con enlaces internos (enlaces a secciones dentro de una misma página) utilizaremos la opción Enlace interno...
2 Seguir una de estas opciones:
a) Pulsar sobre el botón Enlace de la barra de redacción
b) Pulsar con el botón derecho del ratón sobre el elemento seleccionado, y en el menú contextual que aparece, seleccionar la opción Crear enlace...
3 Se abre una ventana de diálogo que dependerá del elemento seleccionado "Propiedades del enlace" si se trata de un texto o "Propiedades de la imagen" si se trata de una imagen "pinchar en enlace". Se crea el enlace, introdiremos la dirección Web, localización del archivo local, y dirección de correo electrónico o sección en la página a la que dará acceso el enlace
4 Para crear el enlace y cerrar la ventana, pulsaremos sobre el botón Aceptar
Para trabajar con enlaces internos (enlaces a secciones dentro de una misma página) utilizaremos la opción Enlace interno...
INSERTAR TABLAS
1. Seleccionar la pestaña del documento Web en el que se quiere insertar la tabla
2 Pulsar sobre el botón Tabla de la barra de redacción
3 en la ventana que aparece, podemos definir, desde distinta pestañas, las propiedades de 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 Precisión, permite definir el tamaño y el borde de forma numérica, y la pestaña Celda, nos permite personaliza la configuración de las celdas
4 Pulsaremos el botón Aceptar para insertar la tabla en el documento y cerrar la venta ene la que estamos
Tras crear la atabla, nos aparecerá en el documento. Para insertar, borrar, seleccionar filas o columnas, establecer el color de fondo de la tabla o de las celdas etc. utilizaremos el menú contextual de tablas que se mostrará al pulsar con el botón derecho del ratón sobre ella
2 Pulsar sobre el botón Tabla de la barra de redacción
3 en la ventana que aparece, podemos definir, desde distinta pestañas, las propiedades de 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 Precisión, permite definir el tamaño y el borde de forma numérica, y la pestaña Celda, nos permite personaliza la configuración de las celdas
4 Pulsaremos el botón Aceptar para insertar la tabla en el documento y cerrar la venta ene la que estamos
Tras crear la atabla, nos aparecerá en el documento. Para insertar, borrar, seleccionar filas o columnas, establecer el color de fondo de la tabla o de las celdas etc. utilizaremos el menú contextual de tablas que se mostrará al pulsar con el botón derecho del ratón sobre ella
Sin no tienes el prograga KompoZer, descarga la versión estable es la 0.7.10 -el cero inicial significa que aún no está preparado para uso profesional-, y la podeís descargar gratuitamente de la página oficial de KompoZer. No necesita instalación y se puede añadir un módulo para lengua española siguiendo estos pasos:
1.Descarga el programa comprimido, de la página oficial
2.Extrae el contenido del archivo: Botón derecho --> Extraer aquí
3.Crea una carpeta llamada "Programas" y guarda en ella la carpeta KompoZer 0.7.10 resultante del paso anterior.
4.Abre esta última carpeta, localiza el archivo kompozer.exe, y crea un acceso directo: Botón derecho --> Crear acceso directo.
AHORA SE HA ELIMINADO KOMPOZER 0.7.10 Y SE HA CAMBIADO POR KOMPOZER 0.8b3 PARA APLICAR XPI DE IDIOMA-DESCARGA ESTA ULTIMA VERSIÓN UTILIZANDO ESTE ENLACE ( http://kompozer.net/download.php )
con esta versión no necesitas seguir los pasos que aparecen a continuación
1.Descarga el módulo de lengua española hacierdo clic con el Botón derecho --> Guardar enlace como , y guárdalo en la carpeta Programas/KompoZer 0.7.10/extensions .
2.Abre el programa KompoZer mediante el acceso directo y selecciona el
3.En la ventana que se abre, haz clic en Install
4.Selecciona el archivo de extensión de lenguaje (xpi) que acabas de guardar y haz clic en Abrir
5.Reinicia el programa y verás como los menús aparecen ya en español.
Insertar efectos JavaScript
http://www.efectosjavascript.com/como-pegar-un-script.html
ENTRA EN ESTE ENLACE
Para introduciros en el diseño web avanzado y añadir algo de dinamismo a vuestra página, podéis probar a insertar algún elemento javascript. Es muy sencillo y solo tenéis que que seguir las instrucciones que se indican en efectosjavascript.com.
El mecanismo os debe resultar familiar porque ya lo hemos utilizado en el blog para añadir un video o un contador de visitas: copiar y pegar un código html en el lugar apropiado del código fuente de vuestra página web.
COMO PUBLICAR TU PÁGINA WEB GRATIS
Utiliza este enlace http://galeon.hispavista.com/
-Ir a la págia hispavista-galeón, y registraté gratis, sigue todos los pasos que se indican,
-Despues te llegará un correo , pinchas en el enlace que se indica
-Entra en GALEON, escribiendo el nombre de usario y tu contraseña
-Ir a Administrador de ficheros-subir ficheros-examinar (encontrar la página web que hayas creado con KompoZer)-pinchar en reemplazar-subir ficheros
Tambien con este programa puedes crear tus páginas web
