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: 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

NOMBRE DE SU EMPRESA Y CORREO ELECTRNICO

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) 7. A continuacin, si los datos fueron correctamente capturados, aparecer el siguiente aviso:

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

ACTIVAR CASILLA

SU CORREO ELECTRNICO EN USO

CLIC PARA CREAR PGINA

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: 12. No llene ningn dato. Slo de clic en paso siguiente. Hasta que aparezca la opcin de elegir la plantilla.

DE CLIC EN CADA PASO SIGUIENTE

NO LLENE NINGN DATO

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: 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.

DE CLIC EN ACTIVAR ESTA PLANTILLA

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 . La interfaz resultante es:

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.

CLIC PARA EDITAR LA PGINA PRINCIPAL O

INDEX.

CLIC PARA EDITAR LA PGINA SERVICIOS

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.