Microsoft Expression web

Es una herramienta que se utiliza para el

desarrollo de pginas y/o Sitios Web, al ser este
parte de la Suite Microsoft Office posee
elementos comunes que facilitan su utilizacin
por parte de los usuarios.

COMO DISEAR UNA PGINA WEB

Un sitio Web, no est formada por una nica
Pgina Web que contiene toda la informacin, sino
por varias pginas Web relacionadas. Adems,
cada pgina puede incluir diferentes objetos, tales
como grficos, sonidos o pelculas de vdeo.
Es muy importante utilizar una carpeta para
almacenar todos los objetos que se van a usar en
un conjunto de pginas Web.

Imgenes
Las imgenes son uno de los recursos ms utilizados en
las pginas Web. Los dos formatos ms utilizados son
GIF y JPG, que ofrecen una calidad suficiente a la vez
que comprimen el archivo para que su tamao sea lo ms
pequeo posible.
Desde el punto de vista del usuario es indiferente utilizar
uno u otro formato, pero GIF (un mximo de 256 colores),
mientras que JPEG (hasta 16,7 millones de colores).

Imagen GIF

Imagen JPG

Fondos Web

CUANDO CREAR UN SITIO WEB?

Para crear un sitio en Internet el primer paso es
apagar la computadora, coger papel y lpiz y hacer
un esquema que responda a las siguientes
preguntas:

Qu quiero publicar?
A quin va dirigida mi pgina?
Con qu material cuento?
Qu necesito?

Elementos de Expression Web 4.0

BARRA DE
MENU

BARRA DE
TITULO
AREA DE
TRABAJO
BARRA
DE
FORMATO

AREA DE
TRABAJO

BARRA DE
ESTADO

SELECTOR DE PAGINAS
El selector de pginas: Este elemento nos ayuda a navegar
entre las distintas pginas que tenemos abiertas en un
momento dado, si tenemos abierto un sitio Web este se
muestra como el primer

elemento seleccionable, adems nos

indica que pginas no han sido guardadas marcndolas con

un asterisco (*) al final del nombre.
Pgina
Web Activa
Pgina Web Sin Guardar
Pestaa del Sitio Web (Siempre al inicio)

Este elemento se utiliza para escoger la forma en que se

visualizar la pgina web que se est trabajando

Diseo; Esta es la vista por defecto muestra la pgina en un estilo

similar al Word en donde se muestran los elementos de una forma grfica
segn se agregan.

Dividir; Esta vista muestra un rea de diseo en la parte inferior y una

de cdigo en la parte superior.

Cdigo; En esta vista se muestra el cdigo HTML del que se compone la

pgina Web.

CODIGO
HTML

DISEO

Cuando est abierto un sitio Web el selector de

vistas posee opciones diferentes

Carpetas: Muestra el sitio Web como un conjunto de

carpetas y
archivos en una vista similar a la del
explorador de Windows.

Los Paneles de Tareas

Son ventana que se encuentran alrededor del espacio
de trabajo y muestran informacin y
opciones
adicionales para mejorar la administracin del sitio
web
Panel de tareas Lista de carpetas

Este panel nos muestra una vista de las

carpetas que componen nuestro sitio web
as como tambin de los elementos que
estn dentro de estas.

Como elaborar un sitio web

Parte1. Pasos para crear un sitio web de una pgina
procedimiento:
1. Presionamos en la barra de herramientas el botn Nuevo Sitio...
2. Con lo cual se abre el cuadro de dilogo Nuevo

Opciones de pestaa sitio Web

GENERAL: Muestra las distintas opciones para crear una pgina web
en blanco

PLANTILLAS: Muestra las opciones de formatos de pginas web previamente

elaboradas con el formato y una serie de pginas web que las componen ya
que son sitios web completos.

La ubicacin de la pgina tambin se muestra

en el cuadro de dialogo Nuevo.

Luego de hacer clic en el botn aceptar se abre el rea de trabajo

Para insertar una imagen es igual a un procesador de texto.

Para darle formato al texto existe la barra de formato

Para dar color o insertar una imagen como fondo es tambin

parecido al editor de texto Word
Imagen de
fondo

Color de
fondo

Guardando el sitio web

Ruta de ubicacin
de la carpeta

Nombre del sitio

web

Sitio web personal con plantilla

Luego de hacer clic al men archivo y seleccionar
Nuevo

Una vez seleccionada la plantilla se abre en el rea de

trabajo todo lo que se genera automticamente de la
plantilla

La pgina maestra
las pginas maestras permiten crear un diseo coherente que se puede

actualizar fcilmente en todas las pginas de un sitio. Use pginas

maestras para definir un aspecto coherente con el contenido que se
comparte entre las pginas.
El archivo cuyo nombre es master.dwt, es la pagina
maestra, los elementos de las dems pginas que no se
pueden modificar en ellas, es por que son parte de la
pgina maestra y tienen que ser modificadas en ese archivo
y se abre haciendo doble clic en ese archivo abrindose
como una pgina Web

Comprimir carpetas
En la carpeta

por lo general se guardan los sitios de forma

automtica. Al ubicar la carpeta que contiene el/los sitio/s se pueden

ubicar en una sola carpeta para poder enviar este archivo por correo o
subirlo en plataforma U-virtual