Tutorial en-castellano-no-oficial-de-xsite-pro

of 91 /91
Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones Internet Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com TUTORIAL NO OFICIAL DE XSITE PRO en Castellano Libro de Trabajo para Diseño web y creacion de paginas web Contenidos del Tutorial: Bienvenidos al Tutorial Lección 1 - Creación de un proyecto y agregar un sitio web nuevo Lección 2 - Diseño de página Lección 3 - Páginas Web Lección 4 - Creación de Contenido Con QuickPages Lección 5 - Mapas de sitio y las páginas de enlaces Lección 6 - Mejorar su sitio - menús gráficos Lección 7 - Simple Web SEO Lección 8 - Ficha de publicación SOLUCIONES DE PRESENCIA EN INTERNET Diseño web, Servidores, Certificados SSL, Seo, Hosting. Complethost le ofrece los mejores » servicios de presencia en internet desde planes de alojamiento web Li- nux o nuestros planes de alojamiento web Windows compartido

Embed Size (px)

description

manual de xsite pro en castellano

Transcript of Tutorial en-castellano-no-oficial-de-xsite-pro

  • 1. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones Internet TUTORIAL NO OFICIAL DE XSITE PRO en CastellanoLibro de Trabajo para Diseo web y creacion de paginas web Contenidos del Tutorial: Bienvenidos al Tutorial Leccin 1 - Creacin de un proyecto y agregar un sitio web nuevo Leccin 2 - Diseo de pgina Leccin 3 - Pginas Web Leccin 4 - Creacin de Contenido Con QuickPages Leccin 5 - Mapas de sitio y las pginas de enlaces Leccin 6 - Mejorar su sitio - mens grficos Leccin 7 - Simple Web SEO Leccin 8 - Ficha de publicacin SOLUCIONES DE PRESENCIA EN INTERNETDiseo web, Servidores, Certificados SSL, Seo, Hosting.Complethost le ofrece los mejores servicios de presencia en internet desde planes de alojamiento web Li-nux o nuestros planes de alojamiento web Windows compartido, Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 2. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPuede dar seguridad a sus proyectos web, con nuestros Certificados SSL para dar seguridad a sus clientes yvisitantes, Podra bscar el mejor nombre a traves del servicio de registro de nombres de dominio al mejorprecio, hasta nuestros poderosos servidores dedicados de la prestigiosa marca Dell, bajo plataforma Linuxo Windows, con la opcion del panel de control CPanel y disponer del control del servidor a travs de tu IPho-ne.Tambien disponemos de diseadores web profesionales, ubicados en Valencia y que pueden realizar eldiseo web profesional de su proyecto web y si ademas necesita una solucion de comercio electronico, Tien-da virtual o catalogo, puede comprobar nuestras amplias soluciones web a traves de nuestro pack tienda onli-ne. y si quiere disfrutar de una web para cualquier dispositivo mobil no deje de ver nuestra aplicacion decreacion de sitios web para moviles -gomobi"No dudes en comprobar todas nuestras soluciones llave en mano para tener la mejor presencia en internet " Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 3. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetBienvenido al tutorial de XSiteProSi usted es un novato en Internet o un empresario de Internet bien establecido, Puede estar segurode encontrar increble el software de XSitePro ,Una herramienta til y llena de funciones que tienea su disposicin, y esta gua le ayudar en el menor tiempo posibleLea esto si usted es un novato en InternetSi usted es un recin llegado a la construccin de sitios web, o la explotacin de los aspectos comer-ciales de este maravilloso medio, es muy recomendable que siga el tutorial sobre XSitePro de prin-cipio a fin.Esto, sin lugar a dudas, te ensear ms con menos cantidad de tiempo. Una vez que ha trabajado sucamino a travs del tutorial, que le llevar slo un par de horas a lo sumo, encontrara que se han ex-plicado muchas de las interesantes funciones que el software tiene que ofrecer.A continuacin, puede echar un vistazo a travs del manual principal para ampliar sus conocimien-tos y descubrir muchas de las caractersticas que no se mencionan en el tutorial.Cmo utilizar este tutorialEste tutorial escrito se ha mantenido lo ms breve posible, mientras que al mismo tiempo tratandode impartir tantos conocimientos como sea posible.Leer este tutorial por completo te llevar menos de dos horas, pero ser un tiempo bien invertido.Que le llevar de ser un usuario novato de XSitePro a un usuario experimentado en el menor tiempoposible.En su lectura, usted aprender acerca de muchas de las poderosas herramientas que XSitePro pone asu disposicin, y tambin muchos atajos que le ahorrarn tiempo, una vez que comience a usar elsoftware para sus propios proyectos de presencia en Internet.La estructuraAl final del tutorial, se ha creado un sitio web de apariencia profesional desde cero y se ha subido aInternet.Una vez hecho esto, usted ser capaz de tomar lo que han aprendido para crear sus propios sitiosweb con facilidad, confianza y velocidadUna lecciones a la vezEl tutorial ha sido diseado para trabajar a travs de un orden predeterminado. Si salta directamentea los captulos siguientes, es probable que ya pierda tiempo ya que no ha hecho el trabajo de base yno se beneficiarn de un enfoque estructurado que el tutorial le ofrece. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 4. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetHacer exactamente lo que diceSe le aconseja que haga exactamente lo que dice el tutorial paso a paso. Si usted sigue las instruc-ciones exactamente como estn escritas, usted se sorprender de lo fcil y rpido de su sitio web secrea. Si opta por desviarse de las instrucciones, es muy probable que le lleve mucho ms tiempo pa-ra completar el tutorial, ya que tendr que perder tiempo yendo hacia atrs lo que ha hecho para co-rregir los errores cometidosIndependienteXSitePro viene con un manual completo, pero usted no tendr que hacer referencia a esto en absolu-to en este tutorial. todo lo que necesita saber para completar este sitio web la prctica est incluidaen estas pginas. Esto le permitir avanzar rpidamente a travs de las lecciones de novato a exper-to en la toma.Si te quedas atascadoTodos podemos cometer errores de vez en cuando, as que si usted se encuentra luchando en cual-quier momento de este tutorial, se aconseja a volver sobre sus pasos. Volver atrs unas cuantas lec-ciones, o en la espalda derecha al principio si es necesario, y luego rehacer el camino a travs de ca-da leccin y cada paso.Si usted todava est teniendo dificultades, y la necesidad de ninguna ayuda en absoluto, por favor,eche un vistazo a la captulo al final de este tutorial que cubre Ayuda y Soporte.Antes de empezar - algunas tareas comunesA continuacin encontrar una pequea seleccin de los trminos de acceso directo muy bsico, re-lativos a la utilizacin de un ordenador. Estos trminos se utilizan regularmente a lo largo de este tu-torial, y lo es importante que se familiarice con ellos (y cmodo con ellos) antes de ponerse en mar-cha con el tutorial. Si ya est familiarizado con estos trminos simples, que se enumeran a continua-cin, por favor, omitir este pequea seccin y pasar directamente a la primera leccin.El Comando "Seleccionar todo"Este trmino se refiere a un mtodo de "seleccin" de texto (u otros elementos) en un documento opgina. En la mayora de aplicaciones existe en el Men "Editar", dentro del cual se encuentra unaopcin: "Seleccionar todo". Esta accin se requiere a menudo para las opciones de "copia" o "Pe-gar",que se describe a continuacin:Copia de textoUna vez seleccionado, puede copiar texto o de otros contenidos (imgenes, tablas, etc), utilizando elCopy opcin - ya sea seleccionado de la opcion del men "Editar" de la aplicacin que est utili-zando, o a traves de la opcion contexto del "botn derecho" del men.Una vez que realiza la accion de copiar el texto se almacena es un lugar en lo que se llama un "por-tapapeles".Este Portapapeles es un espacio de almacenamiento temporal a la que se copia artculos, en Win-dows, y desde el que se puede pegar esos mismos artculos. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 5. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetDe esta manera usted puede transferir texto (y otros elementos) de una aplicacin de Windows aotra.Pegar textoPara pegar un texto que ha copiado en el portapapeles, es necesario seleccionar la opcin "Pegar" -ya sea desde el men "Edicin" del men de la aplicacin que est utilizando, o de un "clic dere-cho" en el men contextual de su ratonHacer clickHacer un "clic" en algo, un botn, por ejemplo, significa que usted coloque el cursor del ratn sobreese objeto y haga un solo clic con el boton de la izquierda del ratn.Haga doble clic en"Al hacer doble clic", como su nombre indica, significa hacer clic dos veces (en una sucesin rpi-da) en un objeto, un archivo, por ejemplo,"Buscar" un archivoMicrosoft Windows organiza los archivos y carpetas de una manera particular. Para poder encon-trar, y abrirlos, los archivos en Windows tienes que usar el Explorador de Windows para navegarpor su sistema de archivos y la ubicacin de los archivos. "Buscar" un archivo es otra manera de de-cir "encontrar, utilizando el sistema de archivos de Windows ".Abrir archivosLa apertura de archivos de medios para hacer doble clic en un archivo (en el Explorador de Win-dows) o para seleccionar y abrir un archivo mediante un men (como el Men "Archivo", se mues-tra a continuacin):Cerrar las ventanas de dilogoLa mayora de las ventanas que se abren cuando se utiliza el software puede ser cerrado, ya seausando el botn de (por ejemplo, "Close") o por hacer clic en la cruz de color naranja, en la esquinasuperior derecha de la ventana.Por lo tanto, si ests contento de empezar, vamos a empezar con la leccin 1, en la proxima pgina Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 6. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLeccin 1 - Creacin de un proyecto y agregar un sitioweb nuevoLo que va a hacerEn esta leccin usted aprender lo siguiente:1. Cmo crear un nuevo proyecto.?2. Cmo agregar un nuevo sitio web a un proyecto. El tiempo aproximado para completar: 10 minutosAgregar un nuevo proyectoPaso 1 - Abrir XSitePro haciendo doble clic en el acceso directo en el escritorio o desde el menInicio en su computadora. la icono se parece a la siguiente grfica:Una vez cargado, aparecer la siguiente pantalla - NOTA: La pantalla puede estar en blanco, si estaes la primera vez que se ejecute XSitePro: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 7. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Aadir un nuevo proyecto haciendo clic en el "Proyecto Agregar", se muestra a continua-cin:Paso 3 - Una ventana de Nuevo Proyecto pop-up, como se muestra en la pginaPaso 4 - En la ventana de este "nuevo proyecto" introducir un ttulo para su nuevo proyecto. En estetutorial vamos a crear un sitio web para una empresa ficticia llamada "Alfombras Central" as queescriba las siguientes palabras: Alfombras y revestimientos para el sueloLa razn por la que has escrito alfombras y revestimientos para el suelo en lugar de slo Alfombrascentral es que nuestro "plan a largo plazo" podra ser la creacin de varios sitios web y que todos secentra en las alfombras y revestimientos para el suelo, por ejemplo, Alfombras de lujo, revestimien-tos industriales de suelo, Valor laminados, etcPaso 5 - Sin embargo dentro de la ventana "Nuevo proyecto" debe de introducir algunas palabrasclave para este proyecto.Es necesario introducir una pequea seleccin de media docena de ms o menos las palabras claveadecuadas que sern relevantes para los sitios dentro de este proyecto.El software se XSitePro automticamente hara uso de las palabras clave que introduzca aqu paraformar la base para las palabras claves para los sitios y pginas posteriormente, el que se crea den-tro de este proyecto en particular. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 8. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEscribir las palabras clave en la etapa de proyecto ahorrara una gran cantidad de tiempo de tenerque introducir de forma individual para cada sitio y cada pgina que usted cree en el futuroEn el cuadro de Palabras clave, escriba el texto siguiente. Escriba cada palabra o frase en una lneaseparada.alfombrascubiertas de pisorevestimientos para el sueloalfombraspisolaminadoPaso 6 - En la ventana Nuevo proyecto escriba una descripcin para este proyecto.Esta informacin es para el uso interno y no es visible para los visitantes de los sitios creados en es-te proyecto. Para este proyecto, escriba el texto siguiente: Este proyecto contiene todos mis sitios relacionados con alfombras y revestimientos para el sueloPaso 7 - Haga clic en el botn "Aceptar", se muestra a continuacin, para completar la entrada dedatos en esta pantalla:Paso 8 - Despus de agregar un nuevo proyecto ,ver un nuevo proyecto aparecer en la lista en ellado izquierdo de la seleccin de proyectos Pgina del rbol, como se muestra a continuacin. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 9. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetUsted puede tener una lista ligeramente diferente de los proyectos en el lado izquierdo segn el mo-mento en que instal el software(por ejemplo, puede haber otros proyectos mencionados - esto es perfectamente normal, y nada deque preocuparse). Bien hecho! Acaba de crear su primer proyecto XSitePro. Fcil, no?Agregra un nuevo sitio WebPaso 1 - Asegrese de que est en la pantalla de Gestin de Proyectos, dentro de XSitePro y selec-cione el proyecto con el nombre Alfombras y Pisos Revestimientos, haga clic una vez sobre ella conel ratn, como se muestra en la ilustracin de arribaPaso 2 - Con el proyecto seleccionado ahora, ahora podemos aadir un nuevo sitio web, en la carpe-ta del proyecto.Para agregar un nuevo sitio web para el proyecto de alfombras y revestimientos para el suelo bastacon hacer clic en "Agregar sitio Web", tal y como se muestra a continuacin:Paso 3 - Al hacer click en "Aadir Nuevo Sitio Web" aparecer la ventana, como se muestra en lailustracin de abajo.Se le ofrecer la opcin de crear un sitio Web en blanco o la creacin de un sitio de uno de una se-leccin de las plantilla listas para su uso de diferentes tipos.Para este tutorial vamos a crear el sitio desde cero, sin el uso de una plantilla.Haga clic en el botn Sitio Web en blanco, en la parte superior de la lista de botones, para proceder- como se muestra a continuacin Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 10. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 4 - Al "Aadir Nuevo sitio Web" desde la ventana aparecer pidiendo que ingrese cierta infor-macin de su sitio web.La ventana se ver como la siguiente ilustracin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 11. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 5 - En la pantalla Agregar nuevo sitio Web, escriba un ttulo para su nuevo sitio web.Para que esta pgina tutorial, introduzca el siguiente textopara el ttulo de su sitio web:Alfombras central, alfombras, laminados y revestimientos para el suelo de calidadPaso 6 - En la pantalla de Agregar nuevo sitio Web se dar cuenta de que ya hay algunas palabrasclave que aparecen.Estas son los palabras clave que ha especificado cuando se cre el proyecto - son una buena ventajainicial para este sitio, pero tendremos que aadir un frase clave para que el derecho lista para este si-tio web.Escriba la frase siguiente palabra clave en la parte inferior de la lista de palabras clave:Alfombras centralPaso 7 - En la pantalla Agregar nuevo sitio Web a los que ahora debe introducir una descripcin deeste sitio web. Esta descripcin es para su uso personal. No es visible a cualquiera que visite este si-tio una vez publicado. Escriba el texto siguiente:Este es mi sitio dedicado a "Alfombras Central" - una tienda de alfombras de ficcin. Ir aa-diendo mucha informaion general del revestimiento de piso , los detalles de precios, artculos y ms en el pginas de este sitio web.Paso 8 - La ventana Agregar nuevo sitio Web debe parecerse a esto (obviamente sin las lneas alre-dedor de su texto): Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 12. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 9 - Haga clic en el botn para aadir esto como un nuevo sitio web. Ahora irdirectamente a este nuevo sitio web, dentro de la parte de diseo del sitio de XsitePro, listo para en-trar a trabajar en el mismo sitio.Buen trabajo! Acaba de crear su primer sitio Web en blanco con XSitePro - ahora vamos a em-pezar a personalizar el sitio, en la Leccin 2 ..Leccin 2 - Diseo de pginaEn esta leccin usted aprender lo siguiente:1. Cmo configurar un diseo de la pgina general de su sitio2. Cmo personalizar los paneles de diseo de pgina diferente3. Cmo obtener una vista previa del diseo de pginaEl tiempo aproximado para completar: 25 minutosUnas palabras sobre el diseo de pginas webAntes de empezar en el diseo vamos a echar un rpido vistazo a la estructura bsica que es seguidopor ms del 90% de los sitios.La mayoria de los sitios web bien diseados siguen un diseo comn que tiene una columna a la iz-quierda, que incluye un men de la web, una columna de la derecha que incluyen funciones de con-tenido diverso, un panel principal en el centro para el cuerpo del texto, un panel encabezado que amenudo incluye un atractivo grfico, y por ltimo un pie de pgina que a veces incluye un grfico y,a menudo una barra de men horizontal con los mismos elementos en l como el men de la izquier-da. Para explicar de forma grfica echar un vistazo a la siguiente pgina web Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 13. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetXSitePro ofrece una gran flexibilidad para crear exactamente el diseo que desee. por ejemplo, sepuede prescindir de las columnas de derecha o izquierda si lo desea, o puede optar por no tener unacabecera grfica si se quiere - es totalmente suya.Sin embargo, en nuestro experiencias de investigacin se ha demostrado claramente que esta dispo-sicin estndar funciona mejor que cualquier otro por la sencilla razn de que es mas familiar a laspersonas que visitan las websFamiliarizarse con el diseo anterior y encontrars que XSitePro va ser tan simple como puede ser.La pestaa Diseo de pgina de pantallaLa ficha Diseo de pgina es una parte crucial del proceso de creacin de un sitio web.La configuracin de esta pantalla se determinar la estilo general que el resto de la pgina siguiente.Estos ajustes de diseo centralizado no slo asegurarse de que su sitio se ve constantementeatractivo, pero tambin significa que usted puede aadir nuevas pginas (o editar las pginas exis-tentes) siempre que lo desee con el mnimo de esfuerzo.Haga clic en la ficha Diseo de pgina.A continuacin se muestra una captura de pantalla de cmo el diseo de la pgina pantalla de la fi-cha se ver la primera vez que lo visitan.En el panel derecho de la pantalla ficha Diseo de pgina, ver el Panel de vista previa. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 14. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAqu es donde vers una simulacin de lo que el estilo general de tu sitio se ver as.Para empezar con esto se ver ms bien aburrido, pero en el momento de llegar al final de esta lec-cin usted tiene los ingredientes de un sitio atractivo, profesional de la internet.En el lado izquierdo de la pgina son todos los ajustes y los controles de los paneles de diseo depgina diferente. estos controles puede expandirse o contraerse segn sea necesario (para que slover los controles del panel que se est trabajando.Para ampliar o reducir "los controles, el uso del respectivos paneles up y abajo flechas en conse-cuencia, se muestra a continuacin:El trabajo que ahora se vayan a ocupar, en las siguientes secciones, todas se llevarn a cabo en estelado de la izquierda.Ver los cambios realizados se refleja inmediatamente en el panel de la Vista previa de la derecha.Vamos a empezarPanel de la cabeceraPaso 1 - El panel de la cabecera se muestra en la ilustracin a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 15. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Asegrese de que est todava en la pestaa Diseo de pgina en XSiteProPaso 3 - Si an no est ampliado, haga clic en el botn para la configuracin de conexin del panel.La configuracin ser similar a lo la imagen a continuacin:Paso 4 - Haga clic en el botn "Examinar" al lado de la "imagen" del cuadro desplegable, se mues-tra en el dorso de la imagen.Paso 5 - Al hacer clic en el botn Examinar, como se muestra arriba, la "Biblioteca de Imgenes"aparecer la ventana, despus de unos pocos segundos. Se parece a la ilustracin de abajo: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 16. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEn este "Image Library" de la ventana debe hacer clic en el botn "Seleccionar desde el discoduro", como se muestra en el diagrama arriba.Paso 6 - En la ventana del Explorador de Windows que aparece (al hacer clic en la opcin "Selec-cionar desde el disco duro" botn, como se ha descrito anteriormente) que usted necesita para nave-gar a la carpeta de tutorial en su disco duro. Usted lo encontrar en la siguiente ubicacin:... Mis documentos XSitePro-Data Por lo tanto, para aclarar esta parte: Usted quiere encontrar a su "Mis documentos", utilizando laventana del explorador que aparece ... entonces, haga doble clic en la carpeta para abrirla.Una vez dentro de esa carpeta, busque el doble clic en el "XSitePro-Data", y, finalmente, busque yhaga doble clic en el "Tutorial" carpeta en s ...Por lo tanto, ahora debe buscar en el contenido de la "Tutorial" carpeta, que se asemejan a los conte-nidos de la carpeta se muestra al dorso: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 17. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - En esta carpeta tutorial podrs ver un archivo de cabecera grfica, llamada: Header_Grap-hic.jpg. Seleccionar (haciendo clic una vez con el ratn) y haga clic en el botn "Abrir" en la parteinferior de la ventana, se muestra a continuacin.Bien hecho! Su cabecera se mostrar en el panel de vista previa en la derecha de la pantalla, comose muestra a continuacin:info BarPaso 1 - La barra de informacin se muestra en la ilustracin a continuacin:Paso 2 - Asegrese de que est todava en la pestaa Diseo de pgina dentro de XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones de la barra de informacin hacien-do clic en el botn de flecha abajo: al lado de la etiqueta de barra de informacin. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 18. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetCuando se expande, la seccin de barra de informacin se ver como la siguiente captura de panta-lla:Paso 4 - Activar la barra de informacin de control de la "Informacin cuenta con un bar" casilla deverificacin.Paso 5 - Podemos empezar por seleccionar un color que se vean bien con nuestro diseo. Para se-leccionar un color, primero haga clic en el botn Examinar color botn para lanzar la herramientade seleccin de color. Este botn se muestra a continuacin:Al hacer clic en el botn Examinar, como se describi anteriormente, la ventana de seleccin de co-lor se carga, y se parecer a la ilustracin al dorso: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 19. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAsegrese de que la "Web" (en la ventana de seleccin de color) se selecciona, a continuacin, des-plazarse por la lista de colores hasta que vea el color llamado "DarkSlateGray".Haga clic en este color una vez, para seleccionarlo, a continuacin, haga clic en el botn "Aceptar",se muestra a continuacin:Paso 6 - En la ventana de vista previa que ahora debe ver a su barra de informacin aparece, con elcolor seleccionado como fondo.Paso 7 - Activar el men de navegacin para este panel de control de la "incluir enlaces en Barra deinformacin" casilla de verificacin. la configuracin de Ahora veremos los mismos que a continua-cin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 20. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 8 - La ltima cosa que vamos a hacer, en nuestros entornos Info Bar, es que el color de textoen blanco. Para ello, slo tienes que escribir la palabra "blanco" en el cuadro de color del texto, co-mo se muestra a continuacin:Paso 9 - La vista previa del sitio, en la parte derecha de la pantalla, ahora debera parecerse a laimagen de abajo:A continuacin, vamos a configurar algunas opciones del panel izquierdo.Panel de la izquierdaPaso 1 - El panel izquierdo se muestra en la ilustracin a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 21. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Asegrese de que est todava en la pestaa Diseo de pgina, en XSiteProPaso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel izquierdo, haga clicen el botn de flecha hacia abajo: el botn junto a la etiqueta del panel izquierdo.Cuando se expande, la seccin del panel izquierdo se ver como la siguiente ilustracin:Paso 4 - En el cuadro "Tamao y relleno" Ancho, introduzca el valor: 160Paso 5 - En el cuadro "Tamao y relleno" de relleno, introduzca el valor: 25Paso 6 - Queremos incluir un men en la columna de la izquierda para asegurarse de que la casillade verificacin Incluir men de navegacin es marcada, como se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 22. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - A continuacin, vamos a cambiar el color de fondo del panel de la izquierda.Para ello, haga clic en el botn Examinar color, se muestra a continuacin, para abrir la ventana Se-lector de color.Al hacer clic en el botn Examinar de color, como se describi anteriormente, la ventana de paletade colores aparecer.Paso 8 - Desde la ventana de la paleta Color (asegurndose de que la ficha Web se selecciona), se-leccione "PaleGoldenrod", como se muestra a continuacin:Una vez seleccionado el color PaleGoldenrod de la lista, haga clic en el botn "Aceptar", como semuestra a continuacinEl panel izquierdo debe mostrar ahora el color seleccionado como color de fondo. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 23. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 9 - La vista previa del sitio (en el lado derecho de la pantalla) debe verse como la ilustracinde abajo:Panel principal (Debajo de la "cabecera del panel principal")Paso 1 - El panel principal se destaca en la pgina siguiente ilustracin Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 24. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Asegrese de que est todava en la pestaa Diseo de pgina, en XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel principal, haga clicen el botn de flecha hacia abajo: el prximoa la etiqueta del panel principal.Cuando se expande, la seccin del panel principal se parecer a la siguiente ilustracin:Paso 4 - En el cuadro Ancho, especifique el valor: 450Paso 5 - En el cuadro de relleno, introduzca el valor: 20Panel derecho Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 25. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 1 - El panel derecho se muestra en la ilustracin a continuacin:Paso 2 - Asegrese de que est todava en la pestaa Diseo de pgina, en XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel derecho, haga clic enel botn de flecha hacia abajo:junto a la etiqueta del panel derecho.Cuando se expande, la seccin del panel derecho se ver como la siguiente ilustracin Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 26. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 4 - En el cuadro Ancho, especifique el valor: 140Paso 5 - En el cuadro de relleno, introduzca el valor: 10Paso 6 - Exactamente como lo hicimos con nuestro panel de la izquierda que ahora se selecciona uncolor atractivo para su uso como fondo de nuestro Panel.derechoPara ello, haga clic en el botn Examinar de color, se muestra a continuacin, para abrir la ventanaPaleta de colores.Al hacer clic en el botn Examinar de color, como se describi anteriormente, la ventana de paletade colores aparecer.Paso 7- Desde la ventana de la paleta Color (asegurndose de que la ficha Web se selecciona), se-leccione "lightblue", como se muestra a continuacin:Una vez seleccionado el color LightBlue de la lista, haga clic en el botn "Aceptar", como se mues-tra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 27. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEl panel de la derecha debera mostrar ahora el color seleccionado (LightBlue) como su color defondo.Paso 8 - La vista previa del sitio, en la parte derecha de la pantalla, ahora debe ser igual que la ilus-tracin de abajoPaso 9 - Ahora vamos a aadir algunos contenidos interesantes a este panel derecho, haciendo usodel "diseador" de la herramienta.Para acceder al diseador para el panel derecho, haga clic en el "diseo" botn, como se muestra acontinuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 28. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAl hacer clic en el "diseo" botn, como se describi anteriormente, se carga la ventana del disea-dor, que se muestra a continuacin:Nota: Como vern en la ilustracin de arriba, que el panel derecho se muestra tal y como apareceren la publicacin pgina web, slo de forma aislada (por lo que puede centrarse en esta seccin dediseo de la pgina sin distracciones).Paso 10 - Ahora vamos a insertar un texto en nuestro panel de la derecha, para que se vea un pocoms interesante para los visitantes.Para los propsitos de la demostracin, vamos a insertar algunos testimonios de clientes ficticios dela tienda de alfombras Central. a ayudar a acelerar este proceso ya hemos escrito algunos testimo-nios para usted - por lo que puede simplemente copiar y pegar en su diseo.En un navegador de Internet, vaya a la siguiente direccin web (URL): http://www.xsite-pro.com/right-panel-text.htmlPaso 11 - Una vez que la pgina se haya cargado, seleccione el men "Edicin", en el navegador,como se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 29. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetY luego, desde el men "Editar", elija la opcin "Seleccionar todo" opcin, como se muestra en lailustracin anterior.Paso 12 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmen "Edicin", una vez ms, a continuacin, elegir la opcin "Copiar" en el men, como se mues-tra a continuacin:Paso 13 - Con el texto actual de manera segura en el portapapeles, ahora puede volver a XSitePro(a la ventana del panel de diseo derecha).De vuelta en la ventana del diseador, haga clic en el rea de color azul claro, con el ratn y luego,en el men que aparece, seleccione "Pegar" para pegar el texto copiado anteriormente, en este pa-nel. El men del botn derecho del ratn se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 30. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 14 - El panel debe verse como la ilustracin de abajo:Ahora usted puede hacer clic en el botn "Aceptar", se muestra a continuacin, para cometer estoscambios en el diseo de su diseo de pgina.Paso 15 - Previa de su diseo de pgina ahora se actualizan para reflejar los cambios que acaba dehacer. La pantalla se ver as Genial Casi lo tenemos terminado ...A continuacin vamos a crear nuestro pie de pgina y mrgenes. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 31. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPie de pginaPaso 1 - El pie de pgina se pone de relieve en la siguiente ilustracinPaso 2 - Asegrese de que est todava en la pestaa Diseo de pgina, en XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el pie de pgina haciendo clicen el botn de flecha hacia abajo: el prximo a la etiqueta de pie de pgina.Cuando se expande, la seccin de pie de pgina se ver como la siguiente ilustracin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 32. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 4 - Activar el pie de pgina, marcando la opcin "Incluir pie de pgina" casilla de verifica-cin, como se muestra a continuacin:Paso 5 - En el cuadro Alto, escriba el valor: 78Paso 6 - En el cuadro de relleno, introduzca el valor: 30Paso 7 - Activar el men de navegacin para este panel de control de la "incluir enlaces en el pie depgina" casilla de verificacin.Paso 8 - Podramos simplemente seleccionar un color de fondo de nuestro pie de pgina, sino quenuestro sitio sea increblemente profesional usaremos un archivo de imagen, tal y como lo hemoshecho con nuestro panel de cabecera.Para ello, comience por hacer clic en el botn "Examinar" al lado de la "imagen" cuadro desplega-ble, como se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 33. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 9 - Una vez que haya hecho clic en el botn Examinar, como se describi anteriormente, la"Biblioteca de Imgenes" aparecer la ventana despus de una unos pocos segundos. Se parece a lailustracin de abajo:En este "Image Library" de la ventana debe hacer clic en el botn "Seleccionar desde el discoduro", como se muestra en el diagrama arriba.Paso 10 - Desde la ventana del Explorador de Windows que aparece (al hacer clic en la opcin "Se-leccionar desde el disco duro" botn, como se ha descrito anteriormente) que usted necesita para na-vegar a la carpeta de tutorial en su disco duro. Usted lo encontrar en la siguiente ubicacin:... Mis documentos XSitePro-Data Por lo tanto, para aclarar esta parte: Usted quiere encontrar a su "Mis documentos", en la ventanaque aparece ... entonces, haga doble clic en la carpeta para abrirla. Una vez abierto, busque y hagadoble clic en el "XSitePro-Data", y, finalmente, encontrar y doble clic en el "Tutorial" carpeta en s .Por lo tanto, ahora debe buscar en el contenido de la "Tutorial" carpeta, que se asemejan a los conte-nidos de la carpeta se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 34. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 11 - En esta carpeta tutorial podrs ver un archivo de cabecera grfica, llamada: Footer_Grap-hic.jpg. Seleccionar (haciendo clic una vez con el ratn) y haga clic en el botn "Abrir" en la parteinferior de la ventana, se muestra a continuacin.Bien hecho! El pie de pgina se mostrar en el panel de vista previa en la derecha de la pantalla,como se muestra a continuacin (tenga en cuenta: es posible que tenga que desplazarse por la venta-na de vista previa un poco, para ver el pie de pgina grfico):Paso 12 - Ahora vamos a cambiar la configuracin del texto por defecto de este panel - vamos a ha-cer esto para que los elementos de men se muestra en este panel ser visible en contra de nuestrofondo grfico. Vamos a estar cambiando las opciones de texto en el panel de pie de pgina valoresque se muestran una vez ms, a continuacin:Nota: Hasta que aadir elementos de men en nuestro pie de pgina, no habr ningn texto visibleen el pie de pgina. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 35. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEn lugar de cargar el selector de color en esta ocasin (haciendo clic en el botn de navegacin encolor, como lo hemos hecho anteriormente en este Tutorial) que vamos a utilizar un acceso directo ysimplemente escriba la palabra "blanco" a la derecha en el cuadro de color en s mismo (en lugar dela palabra existente, "Negro").Esto cambiar el color de la fuente de ajuste inmediatamente para nosotros - como se muestra a con-tinuacin:Paso 13 - Ahora haga clic en "negrita" el botn, se muestra a continuacin, para hacer el ajuste dela fuente por defecto en negrita para este panel. Su pie de pagina est terminada, Ahora vamos a configurar nuestra mrgenes de pgina. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 36. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetMrgenesPaso 1 - Los mrgenes se destacan en la pgina siguiente ilustracin:Paso 2 - Asegrese de que est todava en la pestaa Diseo de pgina, en XSiteProPaso 3 - En el lado izquierdo de la pantalla, ampliar la configuracin de los mrgenes de pgina, ha-ga clic en el botn de flecha hacia abajo: junto a la etiqueta pgina Mrgenes. Cuando se expande,la seccin Pgina de mrgenes se ver como la siguiente ilustracin:Paso 4 - Ahora vamos a seleccionar una imagen pequea que XSitePro repetir como fondo.Efectivamente este grfico pequeo ser "mosaico" para formar un fondo para el diseo del sitioweb.Para ello, comience por hacer clic en el botn "Examinar" al lado de la "imagen" cuadro desplega-ble, como se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 37. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 5 - Al hacer clic en el botn Examinar, como se describi anteriormente, la "Biblioteca deImgenes" aparecer la ventana despus de una unos pocos segundos. Se parece a la ilustracin deabajo:En este "Image Library" de la ventana debe hacer clic en el botn "Seleccionar desde el discoduro", como se muestra en el diagrama arriba.Paso 6 - En la ventana del Explorador de Windows que aparece (al hacer clic en la opcin "Selec-cionar desde el disco duro" botn, como se ha descrito anteriormente) que usted necesita para nave-gar a la carpeta de tutorial en su disco duro. Usted lo encontrar en la siguiente ubicacin:... Mis documentos XSitePro-Data Por lo tanto, para aclarar esta parte: Usted quiere encontrar a su "Mis documentos", en la ventanaque aparece ... entonces, haga doble clic en la carpeta para abrirla.Una vez abierto, busque y haga doble clic en el "XSitePro-Data", y, finalmente, encontrar y dobleclic en el "Tutorial" carpeta en sPor lo tanto, ahora debe buscar en el contenido de la "Tutorial" carpeta, que se asemejan a los conte-nidos de la carpeta se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 38. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - En esta carpeta tutorial podrs ver un archivo de cabecera grfica, llamada: back-ground.gif. Seleccionar (haciendo clic una vez con el puntero del ratn) y haga clic en el botn"Abrir" en la parte inferior de la ventana, se muestra a continuacin.De vuelta en la pantalla de diseo de pgina, en XSitePro ver el fondo de su pgina web se ha ac-tualizado (en la vista previa ventana) para mostrar su nueva imagen de fondo.Paso 8 - Ahora slo hay que ajustar la altura de margen, por encima y por debajo de nuestro diseode pginas web. Para ello vamos a establecer el los valores de las dos cajas (en la pgina de Confi-guracin de margen) con la etiqueta: "Arriba" y "Abajo".En el cuadro de arriba, entrar en el valor: 27, como se muestra a continuacin (esta es la altura delespacio, en pxeles, por encima de la cabecera grfica que que le gustara)Paso 9 - En el cuadro de abajo, introduzca el valor: 7 (esta es la altura del espacio, en pxeles, pordebajo del pie de pgina grfico que desea). Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 39. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLa siguiente ilustracin muestra esta configuracin:Paso 10 - Tu vista previa del sitio, en la parte derecha de la pantalla, ahora debe mostrar la imagenseleccionada en mosaico en el de fondo del diseo de su diseo de pgina. La ventana de vista pre-via debe ser similar a la ilustracin de abajo, con la fina tira de fondo visible justo por encima de lacabecera del grfico:Obtenga una vista previa del diseo de pginaBien hecho. Que has introducido correctamente todos los datos necesarios para obtener el sitio deejemplo a un comienzo de vuelo.Antes de pasar a la siguiente leccin, le acaba de tomar un momento para echar un vistazo rpido acmo se ven las cosas hasta ahora. Podemos hacer esto mediante la apertura de nuestra pgina denueva creacin de plantillas en un navegador.Paso 1 - Haga clic en el botn "Preview" en la parte inferior izquierda de la pantalla - se muestra acontinuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 40. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAl hacer clic en el botn de vista previa de su navegador por defecto se abrir y usted ver una ver-sin en tamao completo de la pgina de la plantilla.En este punto, habr muy poco texto en el que (nos pondremos en que en la prxima leccin), perousted recibir una buena idea de lo que el sitio acabada se ver.He aqu cmo se ver su sitio, en el navegador web.Despus de haber visto esta pantalla se puede cerrar la ventana y volver a XSitePro para continuar Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 41. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLeccin 3 - Pginas WebLo que va a hacerEn esta leccin usted aprender lo siguiente:1. Cmo aadir nuevas pginas web2. Cmo introducir la informacin esencial sobre sus pginas web3. Cmo editar las pginas web de diseoEl tiempo aproximado para completar: 10 minutosIntroduccin a las pginas WebLa ficha Pginas Web es donde usted va a agregar, editar y gestionar sus pginas web.La siguiente ilustracin muestra donde esta ficha es decir, dentro de su sitio web XSitePro:Antes de crear la primera de nuestras pginas web, vamos a ver un resumen rpido de la pantalla depginas Web.En el lado izquierdo vers tres botones: Agregar pgina, y otros en Eliminar y, por debajo de elloshay una caja en blanco. nosotros se har referencia a este cuadro en blanco en la Lista de pginasWeb. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 42. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetA medida que aadir nuevas pginas web, ver que aparecen en esta lista automticamente.Vamos a empezar con nuestra "pgina principal".Crear la pgina de InicioPaso 1 - Haga clic en "Aadir pgina" situado en la seccin web de lista de pgina de la pantallaPaso 2 - Aparecer una ventana, que le pide informacin acerca de su nueva pgina web. La venta-na se ver como la ilustracin de abajo:En esta ventana, se muestra ms arriba, tenemos que introducir algunos datos esenciales de esta p-gina web. Comience por introducir el texto siguiente en el cuadro Ttulo de la pgina:HOME (INICIO/PRINCIPAL..) Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 43. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 3 - En el cuadro Palabras clave ya no debe ser un nmero clave que originalmente introdujo alcrear el sitio web.El software XSitePro sugiere que estas palabras clave, como es posible que desee utilizar, teniendoen cuenta el tema general del sitio. puede editar y aadir a estos todo lo que quieras a un nivel depgina - para perfeccionar las pginas individuales de palabras clave especficas segn sea necesa-rio ..Ya que esto es slo un ejemplo, y para ahorrar tiempo, vamos a aceptar las palabras clave que sehan sugerido ya - por lo que no necesidad de cambiar nada en la caja.Paso 4 - En el cuadro Descripcin, escriba el siguiente texto a travs de una descripcin de esta p-gina en particular:Pgina de inicio de la pgina web de Alfombras Central.Nota: Normalmente se puede introducir ms informacin para describir sus pginas, pero vamos aser breve para esta demostracin.Paso 5 - A continuacin, debe especificar los mens (si existe) en el que desea mostrar un enlace aesta pgina web. A los efectos de este tutorial marque slo las casillas "Mostrar en barra de infor-macin" y "Mostrar en el men izquierdo de navegacin".Paso 6 - Tambin hay que especificar si nos gustara que esta pgina para aparecer en nuestro mapadel sitio. Vamos a marcar esta casilla, en este ejemplo, para confirmar que desea mostrar esta pginaen nuestro mapa del sitio, como se muestra a continuacin:Paso 7 - Nuestra Nueva Pgina Web de pantalla ahora se ver como la siguiente ilustracin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 44. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 8 - Finalmente en esta pantalla, haga clic en el botn "Crear", como se muestra a continua-cin, para crear su nueva pgina webPaso 9 - Ahora ser llevado a la ficha Configuracin de pgina de esta nueva pgina web. Usted sedar cuenta de que muy todo lo mucho que se ha establecido de acuerdo con la configuracin queacabamos de ingresar. Si desea cambiar alguna de sus pginas configuracin en cualquier momentofuturo, esta ficha Configuracin de pgina es donde tiene que llegar a hacerlo.El nico ajuste adicional que se ajustar a esta pgina en particular es que vamos a hacer esta pgi-na nuestra home page por marcar la opcin "Establecer como mi pgina principal" casilla de verifi-cacin, como se muestra a continuacin:Vamos a hacer algunos trabajos de diseoAhora que hemos creado nuestra primera pgina vamos a empezar a agregar el contenido de la pgi-na. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 45. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 1 - Asegrese de que la pgina denominada Inicio se selecciona en la lista de la Pgina Webde la izquierda de la pantalla Diseo del SitioPaso 2 - Haga clic en la pestaa Diseo y ser llevado a la pantalla de la pgina en blanco similar ala pgina siguiente se muestra. En la parte superior varios botones de barra de herramientas que lepermiten aadir estilos de texto (por ejemplo, negrita y cursiva), justificar el texto, aadir tablas,imgenes, etc Estos botones tienen el mismo efecto como los que puede encontrar en el software es-tndar de procesador de textos.Paso 3 - Ahora vamos a introducir un texto en la ventana de diseo.Para ahorrar tiempo de entrar en este texto de forma manual ya hemos escrito un texto para usted.Slo tienes que ir a la direccin web a continuacin para cargar la pgina web, en primer lugar:http://www.xsitepro.com/v2-home-page.htmlPaso 4 - Una vez que la pgina se haya cargado, seleccione el men "Edicin", en el navegador, co-mo se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 46. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetY luego, desde el men "Editar", se muestra ms arriba, elija la opcin "Seleccionar todo" opcin,como se ilustra en la imagen de arriba.Paso 5 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmen "Edicin", una vez ms, a continuacin, elegir la opcin "Copiar" en el men, como se mues-tra a continuacin:Paso 6 - Con el texto actual de manera segura en el portapapeles, ahora puede volver a XSitePro (al Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 47. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones Internetdiseador de pginas web).De vuelta en la ventana de diseador de pginas web pgina, haga clic en la pgina en blanco delrea con el ratn y luego, en el men que aparece, seleccione "Pegar" para pegar el texto copiadoanteriormente, en este espacio. El men del botn derecho del ratn se muestra a continuacin:Paso 7 - La ventana de diseo de pgina debe verse como la ilustracin de abajo Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 48. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 8 - El texto que acaba de pegar en la pgina principal de su nuevo sitio web se ve muy claro,as que vamos a hacer algunos ajustes para darle vida un poco. En primer lugar, seleccionar las dosprimeras lneas de partida "Te has preguntado ..." y termina "... realmente?" con el ratn (para ello,"hacer clic y arrastrar con el puntero del ratn, sobre el texto, para seleccionarlo).Paso 9 - Cambiar el texto en negrita a la fuente Courier New, haga clic en el cuadro de seleccin defuente en la barra de herramientas (ver pantalla de abajo) y seleccionando Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 49. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetNuevo en la lista desplegable Courier. A continuacin, hacer el texto en negrita, como se muestra acontinuacin:Paso 10 - Vamos a destacar estas dos lneas. Haga clic en el botn de subrayar, a continuacin, elbotn central, como se muestra a continuacin.Paso 11 - A continuacin, poner de relieve las tres lneas de partida "Rompiendo el mito ..." y termi-na "... su piso de calidad" con el puntero del ratn. Vamos a hacer esto en nuestra pgina de ttulo.Una vez que haya seleccionado el texto, haga clic en la cada de estilo de texto desplegable en laparte izquierda de la barra de herramientas y seleccione Ttulo 3 de la lista desplegable. A continua-cin, haga clic en el "Centro" en el botn la barra de herramientas para centrar el ttulo de la pgina- todo indica a continuacin. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 50. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 12 - Tambin vamos a cambiar el color de la titular para hacer que se destaque. Para ello, ase-gurndose primero de que el rumbo texto seleccionado, haga clic en el botn Color de fuente, a con-tinuacin, seleccione de color rojo oscuro - que es el color en el lado izquierdo, la segunda filahacia abajo, como se muestra a continuacin:Paso 13 - Ahora slo vamos a negrita un texto ms abajo en la copia. Buscar el siguiente texto en la copia y hacer que negrita con el "Bold" botn, como se muestra en la ilustracin de abajo: "Hola Home Owner"Haga lo mismo con el siguiente texto:"Pete Stirling", y "Jefferson Robert"Paso 14 - Bien hecho! Cosas que se ven mucho mejor ahora. Usted puede obtener una mejor im-presin, haga clic en la vista previa en la parte inferior de la pgina como se muestra a continua-cin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 51. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEsto abrir la nueva pgina en el navegador web por defecto, que debe ser similar a la captura depantalla se muestra a continuacin. su sitio ahora empezando a tomar forma!Ahora que hemos visto cmo crear una sencilla pgina web, vamos a echar un vistazo en la prximaleccin en cmo se puede acortar el proceso de creacin de atractivas pginas usando una de lasmuchas herramientas de gran alcance en XSitePro.Leccin 4 - Creacin de Contenido Con QuickPagesLo que va a hacerEn esta leccin usted aprender lo siguiente:1. Crear una pgina del artculo, utilizando QuickPages2. Crear una pgina Detalles de contacto con QuickPages3. Crear una pgina de Privacidad con QuickPages4. pginas de la organizacinEl tiempo aproximado para completar: 20 Minutos Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 52. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetCreacin de pginas de artculoLos artculos son una gran fuente de contenido relevante para su sitio y, a menudo se pueden copiarde los directorios de artculos libres.En este ejemplo, vamos a utilizar la herramienta QuickPages la creacin de dos pginas del artculodiferente.Paso 1 - En XSitePro, asegrese de que usted est buscando en la ficha Pginas Web:Paso 2 - Haga clic en el "Otro" botn, se muestra a continuacin, y de la lista desplegable que apa-rece, seleccione QuickPage:Paso 3 - Se abrir una ventana de carga que muestra una lista de plantillas QuickPage diferentes,agrupados en carpetas (a la izquierda lado de la ventana).En la lista de carpetas que necesita para expandir la carpeta llamada Artculos" para ver su conteni-do. La ventana debe ser similar a la de abajo, en este punto:Paso 4 - En la lista de plantillas disponibles en la carpeta de artculos Pgina, elegir la opcin "Clas-sic". Al seleccionar esta opcin aparecer una presentacin preliminar del estilo seleccionado en elpanel de vista previa, a la derecha de la lista de plantillas Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 53. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 5 - Haga clic en el botn "Siguiente" para continuar, como se muestra a continuacin:Paso 6 - La siguiente pantalla que aparece requiere que llenar unos datos bsicos: En el cuadro Ttulo, escriba: Crushmaster En el cuadro de subttulo, escriba: No hay alfombra se recupera mejor En el nombre del autor, escriba: su propio nombre En el cuadro Fecha, escriba: 08 de diciembre 2009 En el cuadro de recursos, escriba: Para ms informacin, visite www.carpetcentral.org En el cuadro Acerca de, escriba: Alfombras central ha estado operando desde 1987 y es un empleado orgulloso de 16 funcionarios en sus tres tiendas. Hemos estado involucrados en las alfombras por 36 aos y desempear un papel activo en la alfombra Asociacin de los minoristas. En el cuadro Fuente, escriba: www.carpetcentral.orgAs que, despus de haber introducido esta informacin en las casillas correspondientes, la pantallase parecer a la imagen de arriba:Paso 7 - Ahora tenemos que entrar en nuestro contenido del artculo. En lugar de pedirle que escri-ba su texto propio artculo, que le hemos suministrado con un texto pre-escrito el texto que se puedeutilizar. Para ver este texto, escriba el URL a continuacin, en el navegador de Internet.http://www.xsitepro.com/article1.txt Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 54. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 8 - Una vez que la pgina se haya cargado, seleccione el men "Edicin", en el navegador, co-mo se muestra a continuacin:Y luego, desde el men "Editar", se muestra ms arriba, elija la opcin "Seleccionar todo" opcin,como se ilustra en la imagen de arriba.Paso 9 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmen "Edicin", una vez ms, a continuacin, elegir la opcin "Copiar" en el men, como se mues-tra a continuacinPaso 10 - Con el texto actual de manera segura en el portapapeles, ahora puede volver a XSitePro(a la ventana de Pgina Rpida).De vuelta en la ventana de pgina rpido, haga clic en el interior del "cuerpo" cuadro de texto con elratn y luego, en el men que aparece, seleccione "Pegar" para pegar el texto copiado anteriormen-te, en este espacio. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 55. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEl men del botn derecho del ratn se muestra a continuacin:Paso 11 - La ventana de diseo de pgina debe verse como la ilustracin de abajo:Paso 12 - Ahora que hemos completado nuestra entrada de datos, haga clic en el botn "Siguiente"se muestra a continuacin:Paso 13 - En la pantalla siguiente usted puede ver cmo la pgina se ve. Usted podra, si quisiera,hacer cambios en las fuentes y estilos, pero para los propsitos de este tutorial vamos a aceptar losvalores predeterminados. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 56. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetHaga clic en "Crear pgina", se muestra a continuacin, para completar el asistente QuickPage y enrealidad generan su pgina web.Nota: Ahora que su pgina se ha creado el artculo se puede editar como lo hara con cualquier otrapgina en su sitio.Paso 14 - Con la pgina creada, tome un momento para asegurarse de que la opcin "Mostrar el me-n izquierdo de navegacin" casilla de verificacin est marcada (en la ficha Configuracin de pgi-na). La siguiente ilustracin le muestra dnde buscar:Paso 15 - Despus de haber creado con xito un artculo de la pgina, ahora repita los pasos 1-14anteriores para crear otro artculo de la pgina.Al repetir el proceso, varan los valores introducidos en la pantalla de entrada de datos (en el paso6), slo para que los artculos aparecen un poco diferente en su sitio Web. Usted encontrar una se-gunda pieza de contenido del artculo sobre el cuerpo en la pgina web a continuacin. Usted puedeusar el texto de la pgina web de su texto en esta ocasin.http://www.xsitepro.com/article2.txtCrear una pgina central de los artculosTener un montn de artculos en su sitio es una gran manera de construir rpidamente un sitio webrico en contenido, pero a menudo no es prctico tener todos los los ttulos de los artculos que apare-cen en el men de la izquierda de nuestro sitio Web.Para evitar esto, vamos a crear una pgina de los artculos centrales que automticamente enlaces acada artculo nuevo que aadir a su sitio. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 57. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 1 - Asegrese de que est en la ficha Pginas Web, y haga clic en "Aadir pgina" el botn co-mo se muestra a continuacin:Paso 2 - Al hacer clic en la "Pgina Aadir", como se describi anteriormente se carga la "NuevaPgina Web" de la ventana. En el "Ttulo de la pgina" de texto, escriba el nombre de los artculos,como se muestra a continuacin:Paso 3 - Despus de haber entrado en nuestro ttulo de la pgina, como se describi anteriormente,simplemente haga clic en el botn "Crear" en la esquina inferior derecha de esta ventana, para crearla nueva pgina Web.Paso 4 - Con nuestra pgina ya creada, ahora tenemos a la posicin de esta nueva pgina correcta-mente en la lista de pginas Web. Para ello, haga clic en En esta pgina los nuevos artculos en lalista de pginas web a la izquierda de la pgina y utilizar la tecla de flecha hacia arriba como semuestra abajo, para moverse que por encima de los dos artculos que entramos en la seccin ante-rior de esta leccin. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 58. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 5 - Una vez que haya hecho, haga clic en la pgina el artculo titulado "Crushmaster" y luegopulsar la tecla "flecha derecha" botn, se muestra a continuacin, para convertirlo en una subpginade la pgina de los artculos y luego hacer lo mismo para la pgina del artculo segundo queque ha creadoEsto es lo que la lista se ver como cuando hayas terminado.Paso 6 - A continuacin vamos a introducir una descripcin de nuestra pgina de artculo Crush-master. Asegrese de que tiene la ficha Configuracin de pgina seleccionados y que la pginaCrushmaster est seleccionado en la Web izquierda pginas de la lista, como se muestra a continua-cin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 59. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAhora, en la "Descripcin" cuadro de texto (en la pantalla de Configuracin de pgina), escriba eltexto siguiente:Alfombras central ha estado operando desde 1987 y es un empleado orgulloso de 16 funcionariosen sus tres tiendas. Hemos estado involucrados en las alfombras por 36 aos y desempear un pa-pel activo en la alfombra minoristas "Asociacin.Paso 7 - Asegrese de que el espectculo en el men izquierdo de navegacin casilla est marcada.Esto es lo que la configuracin de la pgina debe ser similar en este punto:Paso 8 - A continuacin, deber introducir algn texto en la ventana de diseo de nuestra pginaweb los artculos (lo que debe asegurarse de que la pgina es seleccionados, en su web lista de pgi-nas). Haga clic en el "diseo" ficha de la pgina web de artculos, como se muestra a continuacin:Paso 9 - Ahora tenemos que entrar en algunas pginas de texto. Una vez ms, para que sea fcil pa-ra usted, ya hemos entrado creado un texto para su uso. Empiece por visitar el enlace web, a conti-nuacin:http://www.xsitepro.com/article-page.htmlPaso 10 - Una vez que la pgina se haya cargado en el navegador Web, seleccione el men "Edi- Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 60. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones Internetcin", en el navegador, como se muestra a continuacin:Y luego, desde el men "Editar", se muestra ms arriba, elija la opcin "Seleccionar todo" opcin,como se ilustra en la imagen de arriba.Paso 11 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmen "Edicin", una vez ms, a continuacin, elegir la opcin "Copiar" en el men, como se mues-tra a continuacin:Paso 12 - De vuelta en la ventana del diseador, haga clic dentro del rea de la pgina en blanco conel ratn y luego, en el men que aparece, seleccione "Pegar" para pegar el texto copiado anterior-mente, en este espacio. El men del botn derecho del ratn se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 61. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 13 - Una vez que haya pegado el texto, la ventana de diseo de pgina debe verse como lailustracin de abajo:Paso 14 - Site el cursor inmediatamente despus del texto que acaba de pegar en el diseo (es de-cir, despus del texto "... contacte con nosotros en la direccin habitual. ") y luego presione la teclaEnter, en el teclado.Paso 15 - Haga clic derecho con el ratn, en esta posicin del cursor, y en el men contextual queaparece, seleccione "Insertar enlaces a todas las subpginas", a continuacin, seleccione "Lista convietas", a continuacin, seleccione "Con las descripciones".Paso 16 - Al hacer clic en ese men la opcin-, el Sub-pgina Lista de la ventana Configuracinaparecer, como se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 62. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetSlo vamos a aceptar el texto por defecto la lista de estilos, por lo que simplemente haga clic en elbotn "Aceptar", como se muestra a continuacinSe insertar un marcador en el cursor diciendo vietas de enlaces de subpgina con descripciones,se muestra a continuacin:Paso 17 - Ahora vamos a ver el efecto que esto tiene en su pgina Web. Haga clic en el botn "Pre-view", abajo a la izquierda de la pantalla, como se muestra a continuacin:Esto cargar la pgina web en su navegador, y te ensear lo que parece, con esta "Lista de la sub-pgina" que ha insertado una poco antes. Su pgina ser similar a la que se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 63. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetComo se puede ver en la captura de pantalla por encima de las pginas de los artculos en s mis-mos, perfectamente debajo del ttulo principal "Artculos", en el men de la izquierda.En la parte principal del cuerpo que se vern los enlaces a los artculos, junto con las breves descrip-ciones que ha introducido para cada artculo en la pestaa de Configuracin de pgina. Lo bueno esque una vez que haya configurado la pgina de los artculos centrales de esta manera, se puedeseguir aadiendo artculos siempre que lo desee y en el enlace correspondiente, y un texto descripti-vo, se aadir automticamente a la principales artculos de la lista de pginas para usted.Crear una pgina Poltica de privacidadUna pgina de Poltica de privacidad es esencial en cualquier lugar de la recoleccin de informa-cin que pertenecen a sus visitantes (incluso si esta informacin es slo unae-mail). En esta seccin veremos cmo se puede crear rpidamente una pgina Poltica de privaci-dad mediante la herramienta de QuickPages.Paso 1 - En XSitePro, asegrese de que usted est buscando en la ficha Pginas WebPaso 2 - Haga clic en el "Otro" botn, se muestra a continuacin, y de la lista desplegable que apa-rece, seleccione QuickPage:Paso 3 - Se abrir una ventana de carga que muestra la lista de plantillas QuickPage diferentes. Enla lista de carpetas que necesita para ampliar el carpeta llamada "Declaracin de privacidad" paramostrar los estilos QuickPage diferentes dentro del mismo. - Como se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 64. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 4 - En la lista de plantillas disponibles en la carpeta de privacidad, elegir la opcin "Classic".Cuando se selecciona usted ver una presentacin preliminar del estilo seleccionado en el panel devista previa, a la derecha de la lista de plantillas. La pantalla debe tener este aspecto:Paso 5 - Haga clic en el botn "Siguiente", se muestra a continuacin, procederPaso 6 - La siguiente pantalla que aparece requiere que llenar unos datos bsicos:En el cuadro Ttulo de la pgina, escriba: Mantener la informacin seguraEn el cuadro de la ltima actualizacin, entrar en: 30 de marzo 2010Paso 7 - Ahora que hemos completado la entrada de datos. Haga clic en el botn "Siguiente", semuestra a continuacin para continuarPaso 8 - No quiero hacer ms cambios en esta pgina Poltica de privacidad, por lo que basta conhacer clic en "Crear pgina" para completar el asistente QuickPage y generar la pgina. La siguienteilustracin muestra este "Crear pgina":Nota: Ahora que la poltica de privacidad pgina web ha sido creada, se puede editar como lo haracon cualquier otra pgina en su sitio. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 65. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLeccin 5 - Mapas de sitio y las pginas de enlacesLo que va a hacerEn esta leccin usted aprender lo siguiente:1. Activar el mapa del sitio y cambiar la configuracin Mapa del Sitio2. Vista previa del Mapa del sitioEl tiempo aproximado para completar: 5 minutosMapas de sitioEn las primeras lecciones que ha creado una serie de pginas web: Principal Artculos de pgina, con dos apartados del artculo sub-pginas Poltica de PrivacidadMientras que estaban ocupados en crear las pginas anteriores, XSitePro estaba trabajando en un se-gundo plano la creacin de un nmero de otras pginas automticamente.Algunas de estas pginas se relacionan con el mapa del sitio, lo que vamos a estar viendo en estemomento.Paso 1 - Haga clic en la ficha Otros (con un crculo en la pantalla de abajo) y luego haga clic en el"Sitio Mapas" botn (que tiene una caja a su alrededor, en la captura de pantalla ms abajo) Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 66. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - La pantalla que a continuacin, carga ser similar a la pgina siguiente captura de pantallaPaso 3 - Por defecto, la pantalla mostrar el formato de Mapa del Sitio superior ("Estilo 1: Alfabti-co") seleccionados - que significa que por por defecto el mapa del sitio ser en orden alfabtico. Va-mos a dejar esta opcin como lo es en este ejemplo. Si alguno de los otros casillas estn marcadas,les quita la marca.Paso 4 - En la parte superior de esta ventana, ver una segunda pestaa, llamada "Paso 2: Style .Haga clic en esta ficha ahora, para cargar el estilo ajustesPaso 5 - La pantalla debe ser similar a la que se muestra a continuacin Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 67. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 6 - En esta pantalla con pestaas, el nico cambio que har es cambiar el texto del ttulo laspalabras "Alfombras central Mapa del sitio ", como se muestra a continuacin:Paso 7 - Hay muchas otras opciones que pueden ajustarse a nuestro mapa del sitio, pero para simpli-ficar las cosas vamos a dejarlo que por el momento. Simplemente haga clic en el botn "Aceptar",se muestra a continuacin, para completar la configuracin Mapa del sitio y para cerrar la ventana.Genial! Ahora ha agregado un mapa del sitio para su sitio Web. Si nos fijamos en su lista de pgi-nas Web, en la Web ficha de pginas (como se muestra abajo), ver el mapa del sitio es en realidadla lista.Vista previa del Mapa del sitioCon nuestro mapa del sitio creado ahora ahora podemos ver muy fcilmente.Paso 1 - Seleccione la ficha Pginas Web en XsitePro y, en la lista de pginas Web, a la izquierdade la pantalla, ver una nueva pgina llamada "Mapa de sitio", que se muestra en la siguiente ima-gen: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 68. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Para ver este sitio Mapa, seleccione la pgina Mapa del sitio en la lista de pginas Web yhaga clic en el botn "Preview" en la la esquina inferior izquierda de la pantalla, como se muestra acontinuacin:Paso 3 - Este se carga su pgina web en el sitio web de reciente creacin, que muestra las pginasque figuran en su sitio, perfectamente en la lista. La pgina se parecer a la siguiente captura depantalla Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 69. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLeccin 6 - Mejorar su sitio - mens grficosLo que va a hacerEn esta leccin usted aprender lo siguiente:1. Asegurarse de que sus pginas se muestran en los mens de la derecha.2. Creacin de un men grfico.3. En colaboracin con su men horizontal.El tiempo aproximado para completar: 10 minutosCmo comprobar que las pginas se muestran en los mensXSitePro cuenta con un diseador de mens de gran alcance que le permite crear mens grficoscomplejos en tan slo unos minutos. nosotrosse aplicar uno de los diseos de men a nuestra estructura de su sitio en esta leccin.Paso 1 - Seleccione la ficha Pginas Web, como se muestra a continuacin:Paso 2 - En la parte izquierda de su pantalla, seleccione la pgina "Inicio", dentro de su lista de p-ginas Web, como se muestra a continuacin Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 70. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 3 - Con la pgina "Inicio" seleccionada, mirar a la pantalla Configuracin de pgina, se mues-tra a continuacin:Paso 4 - En la pantalla Configuracin de pgina, ver casillas, en el lado derecho de la pantalla. Es-tas casillas determinar si la pgina seleccionada aparece en el "men de navegacin" diferentes quefiguran en su sitio actual.Asegrese de que las dos primeras casillas estn marcadas. Esto se asegurar de que estas pginasse muestran en la barra de navegacin los mens de nuestro sitio. Las casillas de verificacin, debeverse como la ilustracin de abajo:Paso 5 - Eso est muy bien - la pgina "Home" se mostrar ahora en los dos mens que tenemos ennuestro sitio Web. Ahora tenemos que asegurarse de que las otras pginas se establecen a parecerdemasiado. As, en primer lugar, seleccionar la pgina siguiente en su lista de pginas Web, comose muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 71. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 6 - Con esta pgina seleccionado siguiente, de nuevo asegurarse de que el men de dos casi-llas de verificacin se comprueban (en la pgina Configuracin de pantalla), como se muestra a con-tinuacin:Paso 7 - Repita el proceso descrito anteriormente (asegurndose de que el men de casillas estnmarcadas) para el otro artculo pginas y el mapa del sitio, en su lista de pginas Web.Haga clic en cada pgina, a continuacin, en la pantalla de Configuracin de pgina, asegrese deque el men de dos casillas de verificacin se comprueban antes de pasar en la pgina siguiente enla lista de pginas webLa razn por la que acabamos de hacer esto, es para que estas tres pginas tambin aparecen en losmens, que ser la edicin en la siguiente parte de este tutorialCreacin de mens grficosXSitePro cuenta con un diseador de mens de gran alcance que le permite crear mens grficoscomplejos en tan slo unos minutos. nosotros se aplicar uno de los diseos de men a nuestra es-tructura de su sitio en esta leccin. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 72. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 1 - Seleccione la pestaa Diseo de pgina. Una vez seleccionado, el panel de vista previa separecer a la imagen que se muestra a continuacinPaso 2 - Como se puede ver en la ilustracin anterior, las pginas de su sitio web se muestra actual-mente en el tanto de la "izquierda . Navegacin "del men y el men" Informacin del Bar"Nota: Normalmente no duplicar pginas a travs de dos mens, pero para con fines de demostra-cin est bien.Para empezar, vamos a crear un men grfico para nuestro panel de la izquierda, siguiendo los si-guientes pasos.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel izquierdo, haga clicen el botn de flecha hacia abajo: botn junto a la etiqueta del panel izquierdo.Cuando se expande, la seccin del panel izquierdo se ver como la siguiente ilustracin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 73. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 4 - Dentro de estos contextos, es necesario hacer clic en el "Men" botn, se muestra a conti-nuacin:Paso 5 - Al hacer clic en el men "Settings", como se describi anteriormente, el men de navega-cin cargas de pantalla del sistema,se muestra a continuacin.Paso 6 - Desplcese por la lista de estilos de men, en el lado izquierdo de la pantalla, hasta que veael estilo llamado "Real". Seleccione la estilo haciendo clic en el nombre, en la lista. La pantalla de-be parecerse a la siguiente ilustracin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 74. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - Haga clic en el botn "Siguiente", se muestra a continuacin, proceder al siguiente paso.Paso 8 - Ahora se debe buscar en las opciones de personalizacin para la eleccin de este estilo demen, como se muestra a continuacin:Paso 9 - Vamos a hacer slo unos pequeos cambios a los ajustes de men, por lo que el men seajusta al aspecto general y la sensacin de diseo de nuestro sitio.Vamos a comenzar por establecer el color de fondo del men para DarkSlateGray. Para hacer esto,primero haga clic en el botn Examinar de color, junto al "fondo del men color", como se muestraa continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 75. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 10 - La ventana de la paleta de color aparecer, como se muestra a continuacin:Asegrese de que la "Web" (en la ventana de seleccin de color) se selecciona, a continuacin, des-plazarse por la lista de colores hasta que vea el color llamado "DarkSlateGray".Haga clic en este color una vez, para seleccionarlo, a continuacin, haga clic en el botn "Aceptar",se muestra a continuacinEl cuadro de color de fondo de actualizacin, y tambin lo har la "Vista previa" del men (a la de-recha de la pantalla) para reflejar el nuevo color que ha especificado.Ahora la ventana se parecer a la siguiente ilustracin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 76. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 11 - Ahora desplcese hacia abajo hasta que vea el cuadro para el color de fondo del menSub, se muestra a continuacin:Vamos a repetir exactamente el mismo proceso que hemos llevado a cabo hace un momento, cam-biar el color a "DarkSlateGray". Vamos a correr a travs de los pasos de nuevo:Paso 12 - Para empezar, haga clic en el botn de navegacin en color, junto al "fondo del men co-lor", como se muestra a continuacinPaso 13 - La ventana de la paleta de color aparecer, como se muestra a continuacin: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 77. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAsegrese de que la "Web" (en la ventana de seleccin de color) se selecciona, a continuacin, des-plazarse por la lista de colores hasta que vea el color llamado "DarkSlateGray".Haga clic en este color una vez, para seleccionarlo, a continuacin, haga clic en el botn "Aceptar",se muestra a continuacin:El cuadro de color de fondo se actualizar para reflejar el nuevo color que haya especificado. Ahorala ventana se parecer a la ilustracin de abajo:Paso 14 - El ltimo cambio vamos a hacer es a la "Separador de men" de color, situado justo deba-jo de la configuracin de color que acabamos de actualizada. La siguiente ilustracin muestra dondees::Paso 15 - Esta vez, para hacer las cosas an ms rpido, slo vamos a escribir la palabra "DarkSla-teGray" en la Secundaria " Separador de men Color "cuadro de texto, en lugar del texto actual (" #758CC9 "). Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  • 78. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetCuando hayas hecho esto, pulsa enter (en su teclado), y la pantalla se actualizar para parecerse a lailustracin de abajoPaso 16 - Ya hemos terminado de realizar cambios en