Microsoft Expression web

Es una herramienta que se utiliza para el

desarrollo de páginas y/o Sitios Web, al ser este
parte de la Suite Microsoft Office posee
elementos comunes que facilitan su utilización
por parte de los usuarios.
 COMO DISEÑAR UNA PÁGINA WEB

Un sitio Web, no está formada por una única Página

Web que contiene toda la información, sino por varias
páginas Web relacionadas. Además, cada página
puede incluir diferentes objetos, tales como gráficos,
sonidos o películas de vídeo.

Es muy importante utilizar una carpeta para almacenar

todos los objetos que se van a usar en un conjunto de
páginas Web.
 Imágenes

Las imágenes son uno de los recursos más utilizados en

las páginas Web. Los dos formatos más utilizados son
GIF y JPG, que ofrecen una calidad suficiente a la vez
que comprimen el archivo para que su tamaño sea lo más
pequeño posible.

Desde el punto de vista del usuario es indiferente utilizar

uno u otro formato, pero GIF (un máximo de 256 colores),
mientras que JPEG (hasta 16,7 millones de colores).
Imagen GIF Imagen JPG
Fondos Web
 ¿CUÁNDO CREAR UN SITIO WEB?

Para crear un sitio en Internet el primer paso es

apagar la computadora, coger papel y lápiz y hacer
un esquema que responda a las siguientes
preguntas:

 ¿Qué quiero publicar?

 ¿A quién va dirigida mi página?
 ¿Con qué material cuento?
 ¿Qué necesito?
 Elementos de Expression Web 4.0
BARRA DE
MENÚ
BARRA DE
TÍTULO

ÁREA DE
TRABAJO
BARRA
DE
FORMATO

BARRA DE
ESTADO
 Elementos de Expression Web 4.0

SELECTOR
DE PÁGINA

SELECTOR
DE VISTA
 SELECTOR DE PÁGINAS
El selector de páginas: Este elemento nos ayuda a navegar
entre las distintas páginas que tenemos abiertas en un
momento dado, si tenemos abierto un sitio Web este se
muestra como el primer elemento seleccionable, además nos
indica que páginas no han sido guardadas marcándolas con
un asterisco (*) al final del nombre.

Página
Web Activa

Pestaña del Sitio Web (Siempre al inicio)

 SELECTOR DE VISTAS
Este elemento se utiliza para escoger la forma en que se visualizará la
página web que se está trabajando.

 Diseño; Esta es la vista por defecto muestra la página en un estilo

similar al Word en donde se muestran los elementos de una forma gráfica
según se agregan.

 Dividir; Esta vista muestra un área de diseño en la parte inferior y una

de código en la parte superior.

 Código; En esta vista se muestra el código HTML del que se compone la

página Web.
CÓDIGO
HTML

DISEÑO
 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 ventanas que se encuentran alrededor del espacio

de trabajo y muestran información y opciones
adicionales para mejorar la administración 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 también de los
elementos que están dentro
de estas.
 Cómo elaborar un Sitio Web
Parte1. Pasos para crear un sitio web de una página

1. Presionamos en la barra de herramientas el botón Nuevo Sitio...

2. Con lo cual se abre el cuadro de diálogo Nuevo

 Opciones de pestaña Sitio Web

GENERAL: Muestra las distintas opciones para crear una página web
en blanco

PLANTILLAS: Muestra las opciones de formatos de páginas web previamente

elaboradas con el formato y una serie de páginas web que las componen ya
que son sitios web completos.
La ubicación de la página también se muestra en el
cuadro de dialogo Nuevo.

Luego de hacer clic en el botón 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 también parecido al editor de texto Word
Para dar color o insertar una imagen como fondo es también
parecido al editor de texto Word

Imagen de
fondo

Color de
fondo
Guardando el Sitio Web

Ruta de ubicación
de la carpeta

Nombre del sitio

web
 Sitio Web personal con plantilla

 Dar clic en el comando Nuevo Sitio / Sitio /

Plantillas:
Una vez seleccionada la plantilla se abre en el área de
trabajo todo lo que se genera automáticamente de la
plantilla.
 La página maestra
las páginas maestras permiten crear un diseño coherente que se puede
actualizar fácilmente en todas las páginas de un sitio. Use páginas
maestras para definir un aspecto coherente con el contenido que se
comparte entre las páginas.

El archivo cuyo nombre es master.dwt, es la pagina

maestra, los elementos de las demás páginas que no
se pueden modificar en ellas, es por que son parte de
la página maestra y tienen que ser modificadas en
ese archivo y se abre haciendo doble clic en ese
archivo abriéndose como una página Web
 Comprimir carpetas
En la carpeta sitios web por lo general se guardan los sitios pero si se
le da otra ubicación de tiene importancia siempre y cuando sea esta
ubicación dada al principio de desarrollar el sitio web.
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
la U-virtual