UNIVERSIDAD DEL VALLE DE MÉXICO Campus Lomas Verdes Manual para diseño de página web 1ª parte INFORMÁTICA Ing. Katia Campos
INTRODUCCIÓN El siguiente manual está diseñado en formato de práctica para facilitar la realización de su página web. El diseño, la ubicación del texto, aplicación de música, videos, entre otros efectos multimedia colocados en la página dependerán de su creatividad y estilo. Después de un lapso de tres meses deberá borrar su página. El proceso se indica en el manual. Iniciemos por conocer los pasos para accesar al wizard de actiweb y cómo podemos preparar el proceso para tener nuestra página.
Crear mi página Para poder trabajar en actiweb debemos contar con una conexión a internet y una cuenta de correo electrónico. 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 ELECTRÓNICO 4. En los espacios correspondientes inserte el nombre que llevará su página, en este caso el nombre de su empresa y su correo electrónico. Recuerde que debe ser un correo que use normalmente, ya que a esta dirección se le enviará la contraseña para que pueda acceder a la edición de su página. Ejemplo: felicereal informaticscience001@gmail.com
5. Una vez rellenado este cuadro, de clic en el botón crear tu página ahora. 6. Aparecerá una interfaz de registro que debe de llenar estrictamente como se indica en la imagen. (Se marcan cuáles 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: EDUCACIÓN CAMPO OBLIGATORIO, DEBE DECIR: MÉXICO CAMPO OBLIGATORIO, DEBE DECIR: PÁGINA EDUCATIVA SU CORREO ELECTRÓNICO EN USO ACTIVAR CASILLA CLIC PARA CREAR PÁGINA 7. A continuación, si los datos fueron correctamente capturados, aparecerá el siguiente aviso:
Como puede darse cuenta el aviso menciona que: Debe tener su contraseña para accesar y poder seguir trabajando en el armado de su página. 8. Cierre actiweb.es. 9. Entre a su cuenta de correo electrónico y anote su contraseña. 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 CONTRASEÑA: 7B2B5K9E (RECUERDE QUE ESTOS SON LOS DATOS QUE LA PÁGINA ACTIWEB ENVIÓ A SU CORREO ELECTRÓNICO) TECLEE ENTER O DE CLIC EN ENTRAR
11. Una vez que haya accesado con su nombre de usuario y contraseña aparecerá la siguiente pantalla: NO LLENE NINGÚN DATO DE CLIC EN CADA PASO SIGUIENTE 12. No llene ningún dato. Sólo de clic en paso siguiente. Hasta que aparezca la opción 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 edición. 14. Hemos terminado con la base de nuestra página. El asistente nos dará el aviso. También nos informará dónde podemos contactar si tenemos algún problema técnico y nos proporciona un botón 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 página web. Editar mi página El proceso de edición depende de la creatividad y estilo que desee expresar el usuario. A continuación, se explicará cuál es la función los íconos más importantes para el trabajo: Enlace que nos lleva a la lista de páginas activas para su edición. Páginas en las que podrá escribir. Herramienta que nos ayuda a editar el texto que va en el encabezado de la página y el pie.
En esta opción podemos modificar la plantilla que elegimos. También editar el color del texto, la forma de los hipervínculos y otras aplicaciones referentes al diseño de nuestra página. En imágenes podemos cargar desde nuestro disco un archivo gráfico para utilizarlo en el diseño de nuestra página. Con ayuda de estos objetos HTML podremos insertar videos para complementar nuestra página web. Por el momento estas herramientas son suficientes para desarrollar una página web dentro de nuestro curso intersemestral. Para iniciar el trabajo de edición daremos clic en la herramienta resultante es:. La interfaz CLIC PARA EDITAR LA PÁGINA PRINCIPAL O INDEX. CLIC PARA EDITAR LA PÁGINA SERVICIOS 16. Si observamos, podemos notar que cada apartado contiene el nombre de las hojas que mostrará nuestra página web. De tal manera, podemos editar cada una de ellas ingresando en la palabra editar.
17. Después 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 atención cada uno de los iconos: DISKETTE QUE INDICA GUARDAR INFORMACIÓN. CADA VEZ QUE HAGA UN CAMBIO SIGNIFICATIVO EN LA PÁGINA, DEBE DE GUARDAR SU INFORMACIÓN. ESTO LO SACARÁ DEL PROCESADOR, PERO PUEDE VOLVER A INGRESAR EN EL BOTÓN EDITAR DE LA PAGINA CORRESPONDIENTE. APARTADO DONDE PUEDE MODIFICAR LATIPOGRAFÍA DEL TEXTO: TAMAÑO, TIPO, NEGRITA, CURSIVA, SUBRAYADA, COLOR, RESALTAR, ETC. APARTADO PARA EL FORMATO DE TEXTO. ALINEACIÓN, SANGRÍAS, VIÑETAS, ENTRE OTROS. INSERCIÓN DE IMÁGENES E HIPERVÍNCULOS. INSERCIÓN DE OBJETOS HTML.