Tutorial Expression Web 4
Transcript of Tutorial Expression Web 4
-
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