7/24/2019 Tutorial Expression Web 4

1/14

William Giovanni Beltrn Romero

TUTORIAL EXPRESSION WEB 4

1- Abrimos nuestro programa en este caso expression web 4

2-

El programa comenzara a cargar (pueda que se tarde un poco dependiendo la

maquina)

7/24/2019 Tutorial Expression Web 4

2/14

William Giovanni Beltrn Romero

3-

Podemos observar el entorno de Expression Web 4.

4- Nos posicionamos en la parte superior del programa.

5- Podemos observar estos mens y damos click en donde diceSitio

7/24/2019 Tutorial Expression Web 4

3/14

7/24/2019 Tutorial Expression Web 4

4/14

7/24/2019 Tutorial Expression Web 4

5/14

7/24/2019 Tutorial Expression Web 4

6/14

7/24/2019 Tutorial Expression Web 4

7/14

William Giovanni Beltrn Romero

15-

Damos click en Archivo, luego nos posicionamos en Nuevoy damos en click en Pgina.

16-

Nos aparece esta ventana, seleccionamos Pginas de marcos seleccionamos

Encabezadoy luego damos click en Aceptar (Aqu existen muchos tipos de marcos

pero solo trabajaremos con Encabezado en esta gua y podemos visualizarnuestro

marco seleccionado)

7/24/2019 Tutorial Expression Web 4

8/14

William Giovanni Beltrn Romero

17-

Nos aparecer as, luego damos click en donde diga Nueva Pgina.

18-Veremos este espacio de trabajo

19-

Damos click en elencabezado y colocamos un Parrafo en mi caso pondr tutorial

7/24/2019 Tutorial Expression Web 4

9/14

William Giovanni Beltrn Romero

20-

Se nos debe de ver as, luego centramos nuestro Parrafo dando click en esteicono.

21-

Nos quedara as.

22-

Ahora guardaremos, pero antes explicarles que hasta el momento hemos creado 3

paginas web:

La primer pagina web es en la que estamos trabajando ahorita, donde tenemos los

marcos por el momento esta nombrada como Sin titulo 1

La segunda es el encabezado donde hemos colocado el prrafo esta esta nombrada

como Sin titulo 2

La tercera es la parte de debajo de prrafo donde esta en blanco esta nombrada como

Sin titulo 3

Ahora guardamos dando click en este icono:

7/24/2019 Tutorial Expression Web 4

10/14

William Giovanni Beltrn Romero

23-

Nos aparecer esta ventana, ahora abrimos la carpeta PAGINAS

24-

La primera pagina que se guardara es el encabezado y le nombraremos comoEncabezado y damos Guardar

7/24/2019 Tutorial Expression Web 4

11/14

William Giovanni Beltrn Romero

25-

Luego se abrir otra ventana guardaremos la pagina que esta debajo del encabezado la

nombraremos Principal y damos Guardar

26-Y por ultimo se abrir otra ventana donde se guardara la pagina donde estn nuestros

marcos, yo la dejare con el nombre por defecto o si gustan pueden ponerle inicio y dan

Guardar.

7/24/2019 Tutorial Expression Web 4

12/14

William Giovanni Beltrn Romero

27-

Agregaremos botones interactivos a nuestro Encabezado debajo de nuestro prrafo.

28-

Nos vamos a Insertar/Botones Interactivos.

29-

Nos aparecer esta ventana, buscamos el estilo del botn que mas nos guste le

podemos cambiar el nombre al botn aqui y damos click en Aceptar.

7/24/2019 Tutorial Expression Web 4

13/14

7/24/2019 Tutorial Expression Web 4

14/14