UNIVERSIDAD DEL VALLE DE MXICO

Campus Lomas Verdes

Manual para diseo de

pgina web 1 parte
INFORMTICA
Ing. Katia Campos

INTRODUCCIN

El siguiente manual est diseado en formato de prctica para facilitar la

realizacin de su pgina web.
El diseo, la ubicacin del texto, aplicacin de msica, videos, entre otros efectos
multimedia colocados en la pgina dependern de su creatividad y estilo.
Despus de un lapso de tres meses deber borrar su pgina. El proceso se indica en el
manual.
Iniciemos por conocer los pasos para accesar al wizard de actiweb y cmo podemos
preparar el proceso para tener nuestra pgina.

Crear mi pgina
Para poder trabajar en actiweb debemos contar con una conexin a internet y una
cuenta de correo electrnico.
1. Entre a internet
2. En la barra de direcciones teclee: www.actiweb.es
3. Aparecer la siguiente interfaz:

NOMBRE DE SU EMPRESA Y
CORREO ELECTRNICO

4. En los espacios correspondientes inserte el nombre que llevar su pgina, en este

caso el nombre de su empresa y su correo electrnico. Recuerde que debe ser un
correo que use normalmente, ya que a esta direccin se le enviar la contrasea para
que pueda acceder a la edicin de su pgina. Ejemplo:

felicereal
informaticscience001@gmail.com

5. Una vez rellenado este cuadro, de clic en el botn crear tu pgina ahora.
6. Aparecer una interfaz de registro que debe de llenar estrictamente como se indica
en la imagen. (Se marcan cules son los datos que no debe modificar)

NOMBRE DE SU EMPRESA,
SERVICIO O PRODUCTO

NOMBRE DE SU EMPRESA,
SERVICIO O PRODUCTO

CAMPO OBLIGATORIO, DEBE

DECIR: EDUCACIN

CAMPO OBLIGATORIO, DEBE

DECIR: MXICO
CAMPO OBLIGATORIO, DEBE
DECIR: PGINA EDUCATIVA

SU CORREO ELECTRNICO EN USO

ACTIVAR CASILLA
CLIC PARA CREAR PGINA

7. A continuacin, si los datos fueron correctamente capturados, aparecer el

siguiente aviso:

Como puede darse cuenta el aviso menciona que: Debe tener su contrasea para
accesar y poder seguir trabajando en el armado de su pgina.
8. Cierre actiweb.es.
9. Entre a su cuenta de correo electrnico y anote su contrasea. Recuerde: Todos los
miembros del equipo deben anotarla.
10. Entre nuevamente a actiweb.es y de clic en la parte superior derecha de su
pantalla en el enlace: Acceso a usuarios

EJEMPLO:
USUARIO: FELICEREAL
CONTRASEA: 7B2B5K9E
(RECUERDE QUE ESTOS SON
LOS DATOS QUE LA PGINA
ACTIWEB ENVI A SU
CORREO ELECTRNICO)

TECLEE ENTER O DE
CLIC EN ENTRAR

11. Una vez que haya accesado con su nombre de usuario y contrasea aparecer la
siguiente pantalla:

NO LLENE NINGN
DATO

DE CLIC EN CADA
PASO SIGUIENTE

12. No llene ningn dato. Slo de clic en paso siguiente. Hasta que aparezca la opcin
de elegir la plantilla.

13. Una vez elegida la plantilla que corresponde a nuestro estilo y al producto o
servicio que vamos a ofrecer, la activaremos dando clic en el extremo superior
derecho de la pantalla:

DE CLIC EN ACTIVAR
ESTA PLANTILLA

No se preocupe si la imagen no corresponde a su producto o servicio. Esta se podr

cambiar en el proceso de edicin.
14. Hemos terminado con la base de nuestra pgina. El asistente nos dar el aviso.
Tambin nos informar dnde podemos contactar si tenemos algn problema tcnico
y nos proporciona un botn para salir del asistente.

CLIC PARA SALIR

15. Al dar clic en salir de asistente, inmediatamente se abrir la interfaz del panel de
control donde podremos editar nuestra pgina web.

Editar mi pgina
El proceso de edicin depende de la creatividad y estilo que desee expresar el usuario.
A continuacin, se explicar cul es la funcin los conos ms importantes para el
trabajo:
Enlace que nos lleva a la lista de pginas
activas para su edicin. Pginas en las que
podr escribir.

Herramienta que nos ayuda a editar el

texto que va en el encabezado de la
pgina y el pie.

En esta opcin podemos modificar la

plantilla que elegimos. Tambin editar el
color del texto, la forma de los
hipervnculos y otras aplicaciones
referentes al diseo de nuestra pgina.
En imgenes podemos cargar desde
nuestro disco un archivo grfico para
utilizarlo en el diseo de nuestra pgina.
Con ayuda de estos objetos HTML
podremos
insertar
videos
para
complementar nuestra pgina web.

Por el momento estas herramientas son suficientes para desarrollar una pgina web
dentro de nuestro curso intersemestral.

Para iniciar el trabajo de edicin daremos clic en la herramienta

resultante es:

. La interfaz

CLIC PARA EDITAR LA

PGINA PRINCIPAL O
INDEX.

CLIC PARA EDITAR LA

PGINA SERVICIOS

16. Si observamos, podemos notar que cada apartado contiene el nombre de las
hojas que mostrar nuestra pgina web. De tal manera, podemos editar cada una de
ellas ingresando en la palabra editar.

17. Despus de que dimos clic en editar aparecer la siguiente pantalla. En ella podr
escribir como si se tratara de un procesador de textos. Observe con atencin cada uno de los
iconos:

DISKETTE QUE INDICA

GUARDAR
INFORMACIN. CADA VEZ
QUE HAGA UN CAMBIO
SIGNIFICATIVO EN LA
PGINA, DEBE DE GUARDAR
SU INFORMACIN. ESTO LO
SACAR DEL PROCESADOR,
PERO PUEDE VOLVER A
INGRESAR EN EL BOTN
EDITAR DE LA PAGINA
CORRESPONDIENTE.

APARTADO DONDE
PUEDE MODIFICAR
LATIPOGRAFA DEL
TEXTO: TAMAO, TIPO,
NEGRITA, CURSIVA,
SUBRAYADA, COLOR,
RESALTAR, ETC.

APARTADO PARA EL
FORMATO DE TEXTO.
ALINEACIN, SANGRAS,
VIETAS, ENTRE OTROS.

INSERCIN DE
IMGENES E
HIPERVNCULOS.

INSERCIN DE
OBJETOS HTML.