manual para crear la pagina web

7/23/2019 Manual Para Crear La Pagina Web

1/34

MANUAL PARA CREAR LA

PAGINA WEB

Paso1: CREAMOS UN

DOCUMENTO CON LAS

MEDIDAS 800 X 599 LE DAN

UN COLOR DE FONDO

CREAMOS LAS SIGUIENTES

CAPAS


2/34

SELECCIONAMOS LA CAPAFONDO Y CREAMOS UN

RECTANGULO CON LAS

SIGUIENTE MEDIDAS 800 X

599 Y LE DAMOS DE FONDO


3/34

UN DEGRADADO RADIAL

AHORA SELECCIONAMOS LA

CAPA LLAMADA FONDO

ANTES DEBEN DE BLOUEAR

LA CAPA LLAMADA FONDO YCREAMOS UN RECTANGULO

CON LAS SIGUIENTES

MEDIDAS


4/34


CAPA LLAMADO BOTONES Y

CREAMOS UN RECTANGULO


5/34

CON LAS SIGUIENTES

MEDIDAS

AHORA APRETAMOS LATECLA F8!CON"ERTIR EN

SIMBOLO# Y LE PONEMOS

COMO TIPO !BOTON# Y


6/34

LUEGO ACEPTAR

HACEMOS DOBLE CLIC AL

BOTON UE SE ENCUENTRA

EN EL ESCENARIO


7/34

AHORA SELECCIONAMOS ELFOTOGRAMA REPOSO Y LO

ARRASTRAMOS HASTA EL

FOTOGRAMA $ONA ACTI"A

COMO ESTA EN LA IMAGEN


8/34

AHORA REGRESAMOS A LA

ESCENA 1 HACEMOS CLIC ENEL BOTON LLAMADO ESCENA

1

YA REGRESADO A LA ESCENA

SE "A A "ISUALI$AR COMO

LA IMAGEN SIGUIENTE


9/34


TECLA ALT Y CON EL CLICI$UIERDO DEL MOUSE

GENERAMOS TRES COPIAS

DEL BOTON COMO ESTA EN

LA IMAGEN


10/34

AHORA INSERTAR LOS

TEXTOS CON LA

HERRAMIENTA !TEXTO#

COMO LA SIGUIENTE IMAGEN


11/34


CAPA LLAMADA PAPEL Y LEDAMOS LA SIGUIENTE

MEDIDA


12/34

AHORA SELECCIONAMOS LACAPA CONTENIDO ELEGIMOS

LA HERRAMIENTA TEXTO Y

LE INSERTAMOS COMO LA

SIGUIENTE IMAGEN


13/34


CAPA INFERIOR Y ELEGIMOSLA HERRAMIENTA

RECTANGULO Y LE DAMOS

LA SIGUIENTE MEDIDA


14/34

AHORAS LA CAPAS

LLAMADAS FONDO%

BOTONERA % BOTONES%

PAPEL% CONTENIDO E

INFERIOR SELECCIONAMOS

EL FOTOGRAMA &' LE

DAMOS F5 !FOTOGRAMA


15/34

SIMPLE#


CAPA LLAMADA PAPEL Y EN

EL PRIMER FOTOGRAMA LE

DAMOS INTERPOLACION DEMO"IMIENTO Y EN EL

PRIMER FOTOGRAMA DEBE

ESTAR COMO LA IMAGEN


16/34

Y EN EL FOTOGRAMA 5

F(!FOTOGRAMA CLA"E#LEPONEMOS Y UE UEDE

COMO LA SIGUIENTE IMAGEN


17/34

AHORA LO UE "AMOS

HACER ES COPIAR LOSFOTOGRAMAS HACIENDO

CLIC DERECHO Y ELEGIR LA

OPCION COPIAR

FOTOGRAMAS


18/34

Y DEBER UEDAR COMO LA

SIGUIENTE IMAGEN


19/34


CAPA CONTENIDO Y LEDAMOS COMO LA SIGUIENTE

IMAGEN


20/34

AHORA TAMBIEN

SELECCIONAMOS LOSFOTOGRAMAS DEL 5 AL 10

LUEGO HACEMOS CLIC

DERECHO EN LO UE ESTA

SELECIONADO Y LE DAMOSLA OPCION COPIAR

FOTOGRAMAS


21/34

Y LE PONEMOS COMO LA

SIGUIENTE IMAGEN


22/34

TANTO EN EL FOTOGRAMA 5%

1(% )*% '8 LE TENEMOSCAMBIAR EL TEXTO

5

PAGINA EN CONSTRUCCION

INICIO

1(


SOMOS


23/34

)*


SER"ICIOS

'8


CONTACTENOS

AHORA SELECCIONAMOS LACAPA LLAMADA NOMBRES Y

LE DAMOS F* !FOTOGRAMA

CLA"E "ACIO# EN EL

FOTOGRAMA 1)% )'% '& Y F5!FOTOGRAMA # EN EL

FOTOGRAMA &'


24/34


CAPA LLAMADA NOMBRE ENEL PRIMER FOTOGRAMA Y

EN SUS BARRA DE

PROPIEDADES LE

LLAMAMOS +,+-+o


25/34


CAPA LLAMADA NOMBRES

HACEMOS CLIC EN ELFOTOGRAMA 1) Y LE SU

NOMBRE ES SOMOS EN EL

FOTOGRAMA )' LE

PONEMOS SER"ICIOS Y ENEL FOTOGRAMA '& LE

PONEMOS CONTACTENOS


26/34


CAPA LLAMADA ACCIONES Y

NOS "AMOS AL FOTOGRAMA10 Y LE DAMOS

F*!FOTOGRAMA CLA"E

"ACIO# Y LE F9!PANEL

ACCIONES#DAMOS LASIGUIENTE SENTENCIA

COMO ESTA EN LA IMAGEN


27/34

Y ASI LE DAN A LOS

SIGUIENTES FOTOGRAMAS

)1% ') . &' NO SE OL"IDENDE DARLE LA SENTENCIA

LLAMADA s/o!# EN CADA

UNO DE ELLOS


CAPA LLAMADA BOTONES

SELECCIONAMOS EL PRIMER

BOTON !INICIO# LE DAMOSF9!PANEL DE ACCIONES# Y

LE DAMOS LA SIGUIENTE

SENTENCIA

O,!2343as3#


28/34

6o/oA,7P4a.!+,+-+o#

Y PARA CERRAR EL PANEL

DE NUE"O LE DAN F9

PARA EL SEGUNDO BOTON

!SOMOS# F9 !PANEL

ACCIONES #TAMBIEN LE DAN

LA SIGUIENTE SENTENCIA

O,!2343as3#


29/34

6o/oA,7P4a.!so;os#

PARA CERRAR EL PANEL LE

DAN DE NUE"O F9

PARA EL TERCER BOTON

!SER"ICIOS#LE DAN F9!PANEL DE ACCIONES# Y LE

DAN LA SIGUIENTE

SENTENCIA

O,!2343as3#6o/oA,7P4a.!s32


30/34

DAN F9 !PANEL DE

ACCIONES# Y LE DAN LAS

SIGUIENTE SENTENCIA

O,!2343as3#

6o/oA,7P4a.!-o,/a-/3,os#

Y PARA CERRAR EL PANEL LE

DAN DE NUE"O F9

AHORA SELECCIONAMOS LACAPA LLAMADA MOUSE Y

HACEMOS CLIC EN EL

PRIMER FOTOGRAMA Y

CREAMOS EL SIGUIENTEDIBU=O COMO ESTA EN LA

IMAGEN


31/34

LUEGO LE DAN

F5!FOTOGRAMA SIMPLE# ENEL FOTOGRAMA &'


32/34

LUEGO LE DAN

F8!CON"ERTIR EN SIMBOLO#Y EN TIPO DE SIMBOLO LE

DAMOS UN CHEC> EN CLIP

DE PELICULA Y LE POR

NOMBRE MOUSE!ESE NOMBRE ES DE

REFERENCIA AL DEACUERDO

CON LO UE "AS A HACER#


33/34

LUEGO LE DAN F9 !PANEL DE

ACCIONES#Y LE DAN LASIGUIENTE SENTENCIA

o,C4+E


34/34

LUEGO LE DAN F9 PARA

CERRAR EL PANEL ACCIONES

manual para crear la pagina web

Documents