Paginas web

S.E.P.

D.G.E.T.I.

S.E.M.S.

Centro de Estudios Tecnológicos industrial y de Servicios No. 154
Materia: Elaboración de Páginas WEB
Nombre del Profesor: Israel Maldonado Lagunas
Practica 1

Introducción y Ejercicio con NVU

EL EDITOR DE PÁGINAS WEB: NVU.
NVU es un programa gratuito puedes descargarlo en esta dirección: http://net2.com/nvu/download.html

• El entorno del programa:En esta barra tenemos
los botones con los
comandos más
utilizados: Nuevo,
Abrir, Guardar, Insertar
imagen, Tabla...
Esta es la barra de
formato de texto:
color, negrita,
cursiva, alineación...

Este panel lo
cerraremos
pulsando en la
cruz. No lo
vamos a
utilizar.

Vamos a aprender al utilizar el NVU realizando una página Web: El Universo.

Aquí se escribe el
contenido lapágina
Web

Sigue los pasos que se indican a continuación:
1. Crea dentro de tu carpeta de trabajo otra carpeta con el nombre de UNIVERSO.
2. Abre el NVU, cierra el panel de la izquierda.
3. Escribiremos nuestra página Web en el cuerpo de la página:

4. Escribe el siguiente texto:

•

TEORIA: CAMBIAR EL FORMATO DEL TEXTO

Color de texto y color de
fondo de página

Disminuir yaumentar el
tamaño del texto

Tipos de letra

Negrita, cursiva y
subrayado

Lista
numerada y
viñetas

Alineación izquierda,
centrada y derecha

5. Consulta la teoría anterior para a hacer cambios en el texto:
a. Selecciona el título: NUESTRO LUGAR EN EL UNIVERSO.
b. Utiliza la barra de formato para agrandar el texto, ponerlo en negrita, subrayado y de color rojo.
Ponle el tipo deletra: “Comic Sans Ms”. Ponlo centrado en la página.
c. Selecciona el texto restante y agrándalo (menos que el anterior) y ponle el mismo tipo de letra.

6. Vamos a guardar la página, pulsa el botón:
7. Veremos que nos sale el siguiente cuadro de diálogo:

8. Escribe el título: El Universo y pulsa Aceptar.
9. Seguidamente guarda la página con el mismo nombre EN TU CARPETA UNIVERSO, situada entu
carpeta de trabajo.
10. No cierres el documento, minimízalo.
11. Abre el navegador de Internet y sitúate en la página de Google. Busca una imagen del universo,
visualízala en tamaño completo (pulsando sobre ella hasta que deje de aparecer la mano del hipervínculo)
y guárdala en tu carpeta UNIVERSO con el nombre de universo.

•

TEORIA: INSERTAR UNA IMAGEN EN LA PÁGINA:
Pulsa el botón:Pulsa en el botón “Elegir
archivo” y abre el archivo de
imagen que queremos insertar.

Marca la opción “No usar texto
alternativo” y pulsa Aceptar.

TEORIA: CAMBIAR EL TAMAÑO DE UNA IMAGEN:
Pulsa doble clic sobre la imagen:

En la ficha Dimensiones
elegimos “Tamaño
personalizado” y le cambiamos
la anchura.

1. Inserta en la página la imagen descargada de Internet. Centra laimagen en la página.
2. A continuación ponle un ancho de 400.
3. Escribe debajo de la imagen el siguiente texto: LOS ASTROS QUE PODEMOS DISTINGUIR EN EL

CIELO:

•

TEORIA: INSERTAR UNA TABLA:

Pulsar el botón:

Vamos a la ficha “Preciso” y le
indicamos el nº de filas, el nº de
columnas y el ancho de la tabla

Si ponemos el 50% del ancho
de la ventana ocupará la
mitad.
Pulsamosdespués Aceptar.

1. Inserta una tabla de 4 filas y 2 columnas con una anchura del 50% de la ventana.
2. Escribe después el siguiente texto:

a) Seguidamente, busca en Google 4 imágenes de: Nebulosas, Galaxias, Estrellas y Planetas y colócalas en
las celdas correspondientes:

b) Pon tanto las imágenes como el texto centradas en la tabla.

•

TEORIA: PONER LA TABLA CENTRADA EN LAPÁGINA

Pulsa doble clic sobre un borde de la tabla:

En el apartado
“Alineación de la
tabla”, selecciona
la opción Centrada

Podemos
también poner un
color de fondo

c) Pon la tabla centrada en la página. Ponle también un color de fondo a la página.
d) Cámbiale el color de texto de la tabla (si es necesario para que se vea mejor).

•

TEORIA: PONER UNA IMAGEN DE FONDO
Desplegar...