MANUAL DEL SISTEMA SITE BUILDER COMO CONSTRUIR MI PÁGINA WEB EN 5 PASOS Derechos Reservados Host4u Web Hosting México
INTRODUCCIÓN La siguiente información es para que aprendas a usar el programa "Site Builder" para armar tu página Web. Este sistema cuenta con poderosas herramientas que harán que tu sitio Web se convierta en una poderosa herramienta de comunicación y venta. Antes de comenzar, es importante que cuentes con: Internet Explorer o Fire Fox como Navegadores de Internet. Es muy sencillo. Con este sistema podrás tener tu página Web publicada en solo 5 pasos: 1. "Start" Selección de solución (Blog, Página Web o Galería de fotos) 2. "Design" Elige la plantilla de diseño que más se ajuste a tus necesidades 3. "Pages" Organiza las secciones y subsecciones de tu página 4. "Edit" Agrega el contenido de tu página 5. "Publish" Publica tu nueva página de Internet CÓMO USAR EL SISTEMA? Pasos a seguir: 1. Accesa al sistema con la siguiente dirección de Internet: Link. http://sitebuilder.128470.hospedalia.com.mx/login Escribe tus datos de acceso. Estos deberán ser proporcionados por tu ejecutivo de cuenta. 2. Da clic en el botón "Sites" o "Sitios" (según idioma) del lado Izquierdo 3. Aparecerá el nombre de tu sitio (tudominio.com) y habrá un botón en forma de lápiz para entrar al "Wizard de 5 pasos" para modificar tu sitio. Haz clic en ese botón. 4. Dentro del Wizard (ahora estás en el paso 1) escoge la opción "Web Site" 5. Luego presiona la flecha "Next o Siguiente" que esta abajo a la derecha para ir al paso "2". Entre cada paso, el sistema solicitará "Guardar cambios", oprime que "Si" para que quede guardada tu información. Si guardaste los cambios podrás salir del sistema sin perder los cambios que hayas realizado. Así podrás entrar de nuevo y
ver todo como lo dejaste. 6. Cuando estés en el siguiente paso (2), podrás seleccionar con un click el diseño que más se adapte a tus necesidades de nuestro catálogo. Puedes buscar por categoría o ver todos los diseños, arriba a la izquierda verás el menú de categorías. Para ver detalles del diseño escogido, selecciona con un click el diseño y este aparecerá del lado izquierdo en la "Vista previa". Si haces un click en esta "Vista Previa" se abrirá una ventana grande para que veas el diseño en tamaño real. Puedes cerrar la ventana y continuar viendo más diseños. En el lado derecho del paso 2 verás algunas opciones del diseño que escogiste, como: 3 variantes de color y botones, la opción de subir tu propio banner (parte superior de la página Web) y la opción para subir tu logo (tu logo no deberá exceder el tamaño de 350px cuadrados). También podrás añadir en esta parte el nombre de tu sitio, teléfonos, dirección, etc. (el nombre de tu sitio aparecerá generalmente abajo de tu logo). Nótese que no todas las plantillas de diseño aceptan la opción de "Subir banner". Cuando termines ve al siguiente paso (3) para continuar y guarda tus cambios (podrás hacerlo también presionando en cualquier momento el pequeño botón con forma de diskette negro que estará en medio de la pantalla junto a varios botones que explicaremos a continuación. 7. Dentro del paso 3 podrás organizar las secciones y sub secciones de tu página. Veras 3 columnas. La primera te ayuda con estructuras (secciones) predefinidas (si ves todo en inglés podrás seleccionar en esta columna el idioma español) Para usar estas secciones predefinidas solo selecciona la deseada y has doble click en ella para que el sistema muestre en la segunda columna las secciones de esa categoría. Cuando se muestren las secciones de la categoría, podrás seleccionar una o varias de las secciones palomeando los recuadros blancos de cada sección y luego haciendo click en la flecha de la derecha para que sean añadidas a la estructura de tu página (tercera columna). Si quieres quitarlas, vuelve a seleccionar las secciones de la tercera columna (estructura de tu página) y oprime la flecha de regresar. Si no quieres usar las secciones predefinidas, podrás añadir las secciones que gustes de cualquier categoría y re nombrarlas haciendo doble click sobre el nombre de la sección dentro de tu estructura (tercera columna), el texto se sombreará de color azul y podrás escribir el nombre de tu sección. Para establecer el nombre solo selecciona otra sección.
Verás que en la parte inferior de la pantalla estarán algunas secciones "Especiales" que también podrás añadir a tu página Web como: "Image Galery" o "Galería de fotos", Blog, Descarga de archivos, etc. Una vez que tengas las secciones de tu página en la tercera columna, podrás organizarlas con los botones de la derecha. Estos te permiten mover de lugar las secciones y convertir una sección principal en sub sección moviéndolas a la derecha o a la izquierda. Cuando termines ve al siguiente paso (4) para continuar y guarda tus cambios. 8. Dentro de esta sección "Edit" (paso 4 del Wizard) podrás añadir el contenido a las secciones de tu página. También habrá 3 columnas: La primera con el árbol de secciones de tu página y la parte para escribir las palabras y frases clave de esa sección en específico (vea al final de este instructivo la Info. sobre las palabras clave o "Key Words), en la segunda columna tu página Web y en la tercera columna los módulos adicionales que podrás añadir a tu página: Mapa de localización, "Feedback" o sistema tradicional de contacto, entre otros. Mas adelante explicaremos como añadir estos módulos. Podrás ocultar y volver a mostrar la columna 1 y 3 para tener más espacio para editar tu página Web, haciendo click en los botones redondos color gris con que están en la parte superior de los separadores de columnas con el texto "Hide Modules" y "Hide Site Map". Para agregar la información a tu página Se mostrará tu página Web en el centro de la Columna 2 (podrás ir a las distintas secciones de tu página como si estuvieras navegando en ella) y habrá un editor de texto tipo "Microsoft Word" arriba de tu página, este editor te ayudará a ponerle estilos a tus textos (tipo de letra, tamaño, color, estilo, etc.). También te permitirá subir fotos, agregar links, copiar y pegar texto, entre otros. Para hacerlo solo selecciona el texto a modificar y aplica el o los formato(s) deseados. Al final del documento se darán detalles sobre como organizar la información para que tenga buen aspecto visual, así como detalles de como agregar módulos, fotos, entre otros. Una ves que tengas el contenido listo, ve al siguiente paso (5) para publicar tu página Web.
Cómo organizar mis contenidos? Agregando "tablas" tipo MIcrosoft Word dentro del espacio para el contenido podrás organizar tus textos, imágenes, etc. para dar un formato estándar a tu página, esto hace que mejore el aspecto visual y funcional de tu página Web. Estas "tablas" permiten organizar los contenidos mediante columnas y filas en formas cuadradas y rectangulares. Así podrás colocar un texto a lado de una imagen, agregar tablas comparativas, organizar links, iconos, etc. Para agregar una "tabla" solo coloca el puntero de mouse en el lugar donde quieras agregar el contenido, luego oprime el botón "Agregar o modificar tabla" que está (como referencia) a la derecha inmediata del botón "Agregar o modificar imagen" amarillo con un dibujo de montaña. Al oprimirlo se abrirá una ventana emergente para ajustar el tamaño y características de la tabla. Modifique el número de filas (Rows) y Columnas (Columns) que contendrá esta tabla según los espacios requeridos. Podrás también: hacer que el borde de la tabla se vea o no (ajuste "Border size" en 0 para que el borde no aparezca y 1,2, 3, etc. si quiere un borde muy delgado, delgado, grueso, etc. según las necesidades), modificar el espaciado de los cuadros (ajuste "Cell spacing" en 0 para juntar los cuadros o 1,2, 3,etc. para separar los cuadros (o celdas) de la tabla. Cuando estén listos las características de su tabla, haga clic en el botón "ok". Si quiere ajustar de nuevo la tabla hecha, seleccione con un click la tabla que apareció en la página y añada o elimine "Columnas" o "Filas" con los triángulos y círculos que aparecerán en cada espacio o celda. Si quiere cambiar las características generales de su tabla, seleccione la tabla y haga clic derecho con el mouse para ver las opciones de la tabla y seleccione del menú "Table properties" para regresar a la ventana de características de la tabla. En cada espacio de la tabla podrás colocar texto, imágenes etc. y darles formato. Para agregar imágenes Importante. El tamaño máximo de una foto puede ser de hasta de 560 pixeles a lo ancho para que no se desajuste la página y esta debe estar en formato Web (72 puntos) para garantizar que la imagen sea ligera cargue rápido en la página. Esto se puede hacer en cualquier programa de edición de fotos como Paint, Photoshop, etc. I. Para colocar una foto, solo pon el cursor en donde quieras poner la
foto (ya sea dentro de una "Celda" o en el espacio) y presiona el botón "Agregar o modificar imagen" color amarillo con el dibujo de una montaña que está en el editor. Aparecerá una ventana emergente en donde habrá 2 opciones para colocar tu imagen: en la primera te pide la dirección de la imagen (URL) por si la tienes en un link. La opción 2 es para subirla desde tu compu. Para esta segunda opción haz clic en el botón "Browse Server" para abrir la ventana de imágenes de tu página y así seleccionar la foto deseada (originalmente no habrá todavía fotos). Para subir tu imágenes oprime el botón "Examinar" (mostrado abajo) y se abrirá ahora la ventana para que escogas la nueva imagen desde tu computadora. Una vez que la selecciones oprime "Abrir" y después que se cierre la ventana, oprime el botón "Upload" de la ventana que quedó abierta para que se suba la imagen al server. Una vez hecho esto aparecerá el nombre de tu nueva foto en la lista de imágenes de tu sitio Web. Haz clic en el nombre de la nueva foto para que aparezca en la ventana de "Vista previa" y ajustes el tamaño si lo requieres. Ahora solo oprime "OK" para montar tu foto. Verás la nueva imagen en tu página. Si quieres volver a utilizar la misma imagen en otro lado, podrás seleccionar la foto de la lista de imágenes de tu sitio Web sin hacer el proceso de "Subir imagen". También puedes darle "copy" y "paste" Nota. Para el mejor acomodo de los textos e imágenes, utiliza las tablas que anteriormente se describieron. Para añadir módulos a tu página Web Solo deberás arrastrar un módulo hacia el área donde lo necesites (ya sea dentro de una "Celda" o en el espacio). Automáticamente el sistema lo montará en el área y podrás configurarlo haciendo clic en su propio menú. Por ejemplo. Con el módulo de "Feedback" puedo hacer que un usuario me escriba desde mi página para solicitar alguna información. Podré configurar que datos necesito y a que correo quiero que llegue esa información. Si esta información no ha sido de ayuda, puedes comunicarte a nuestro teléfono de soporte. 52 (55) 1054 9461 opción 1 Es un placer atenderte. Atentamente El equipo de Host4u México D.F.