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

1,000
-1

Published on

manual de xsite pro en castellano

Published in: Self Improvement
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,000
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
34
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

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

  1. 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 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 INTERNETDiseñ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, » Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  2. 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 través de tu IPho-ne.Tambien disponemos de diseñadores web profesionales, ubicados en Valencia y que pueden realizar eldiseño 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. 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 increíble el software de XSitePro ,Una herramienta útil y llena de funciones que tienea su disposición, y esta guía le ayudará en el menor tiempo posibleLea esto si usted es un novato en InternetSi usted es un recién llegado a la construcción de sitios web, o la explotación 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 enseñará más con menos cantidad de tiempo. Una vez que ha trabajado sucamino a través del tutorial, que le llevará sólo 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 continuación, puede echar un vistazo a través del manual principal para ampliar sus conocimien-tos y descubrir muchas de las características que no se mencionan en el tutorial.Cómo utilizar este tutorialEste tutorial escrito se ha mantenido lo más 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 disposición, y también muchos atajos que le ahorrarán 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 diseñado para trabajar a través de un orden predeterminado. Si salta directamentea los capítulos siguientes, es probable que ya pierda tiempo ya que no ha hecho el trabajo de base yno se beneficiarán de un enfoque estructurado que el tutorial le ofrece. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  4. 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 están escritas, usted se sorprenderá de lo fácil y rápido de su sitio web secrea. Si opta por desviarse de las instrucciones, es muy probable que le lleve mucho más tiempo pa-ra completar el tutorial, ya que tendrá que perder tiempo yendo hacia atrás 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 práctica está incluidaen estas páginas. Esto le permitirá avanzar rápidamente a través 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 atrás unas cuantas lec-ciones, o en la espalda derecha al principio si es necesario, y luego rehacer el camino a través de ca-da lección y cada paso.Si usted todavía está teniendo dificultades, y la necesidad de ninguna ayuda en absoluto, por favor,eche un vistazo a la capítulo al final de este tutorial que cubre Ayuda y Soporte.Antes de empezar - algunas tareas comunesA continuación encontrará una pequeña selección de los términos de acceso directo muy básico, re-lativos a la utilización de un ordenador. Estos términos se utilizan regularmente a lo largo de este tu-torial, y lo es importante que se familiarice con ellos (y cómodo con ellos) antes de ponerse en mar-cha con el tutorial. Si ya está familiarizado con estos términos simples, que se enumeran a continua-ción, por favor, omitir este pequeña sección y pasar directamente a la primera lección.El Comando "Seleccionar todo"Este término se refiere a un método de "selección" de texto (u otros elementos) en un documento opágina. En la mayoría de aplicaciones existe en el Menú "Editar", dentro del cual se encuentra unaopción: "Seleccionar todo". Esta acción se requiere a menudo para las opciones de "copia" o "Pe-gar",que se describe a continuación:Copia de textoUna vez seleccionado, puede copiar texto o de otros contenidos (imágenes, tablas, etc), utilizando elCopy opción - ya sea seleccionado de la opcion del menú "Editar" de la aplicación que está utili-zando, o a traves de la opcion contexto del "botón 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 artículos, en Win-dows, y desde el que se puede pegar esos mismos artículos. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  5. 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 aplicación de Windows aotra.Pegar textoPara pegar un texto que ha copiado en el portapapeles, es necesario seleccionar la opción "Pegar" -ya sea desde el menú "Edición" del menú de la aplicación que está utilizando, o de un "clic dere-cho" en el menú contextual de su ratonHacer clickHacer un "clic" en algo, un botón, por ejemplo, significa que usted coloque el cursor del ratón sobreese objeto y haga un solo clic con el boton de la izquierda del ratón.Haga doble clic en"Al hacer doble clic", como su nombre indica, significa hacer clic dos veces (en una sucesión rápi-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 ubicación 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 continuación):Cerrar las ventanas de diálogoLa mayoría de las ventanas que se abren cuando se utiliza el software puede ser cerrado, ya seausando el botón 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 estás contento de empezar, vamos a empezar con la lección 1, en ​la proxima página Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  6. 6. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLección 1 - Creación de un proyecto y agregar un sitioweb nuevoLo que va a hacerEn esta lección usted aprenderá lo siguiente:1. ¿Cómo crear un nuevo proyecto.?2. Cómo 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 menúInicio en su computadora. la icono se parece a la siguiente gráfica: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. 7. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Añadir un nuevo proyecto haciendo clic en el "Proyecto Agregar", se muestra a continua-ción:Paso 3 - Una ventana de Nuevo Proyecto pop-up, como se muestra en la páginaPaso 4 - En la ventana de este "nuevo proyecto" introducir un título 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 razón por la que has escrito alfombras y revestimientos para el suelo en lugar de sólo Alfombrascentral es que nuestro "plan a largo plazo" podría ser la creación 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 pequeña selección de media docena de más o menos las palabras claveadecuadas que serán relevantes para los sitios dentro de este proyecto.El software se XSitePro automáticamente hara uso de las palabras clave que introduzca aquí paraformar la base para las palabras claves para los sitios y páginas posteriormente, el que se crea den-tro de este proyecto en particular. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  8. 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 página que usted cree en el futuroEn el cuadro de Palabras clave, escriba el texto siguiente. Escriba cada palabra o frase en una líneaseparada.alfombrascubiertas de pisorevestimientos para el sueloalfombraspisolaminadoPaso 6 - En la ventana Nuevo proyecto escriba una descripción para este proyecto.Esta información 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 botón "Aceptar", se muestra a continuación, para completar la entrada dedatos en esta pantalla:Paso 8 - Después de agregar un nuevo proyecto ,verá un nuevo proyecto aparecer en la lista en ellado izquierdo de la selección de proyectos Página del árbol, como se muestra a continuación. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  9. 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 según 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. Fácil, ¿no?Agregra un nuevo sitio WebPaso 1 - Asegúrese de que está en la pantalla de Gestión de Proyectos, dentro de XSitePro y selec-cione el proyecto con el nombre Alfombras y Pisos Revestimientos, haga clic una vez sobre ella conel ratón, como se muestra en la ilustración de arribaPaso 2 - Con el proyecto seleccionado ahora, ahora podemos añadir 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 continuación:Paso 3 - Al hacer click en "Añadir Nuevo Sitio Web" aparecerá la ventana, como se muestra en lailustración de abajo.Se le ofrecerá la opción de crear un sitio Web en blanco o la creación de un sitio de uno de una se-lección 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 botón Sitio Web en blanco, en la parte superior de la lista de botones, para proceder- como se muestra a continuación Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  10. 10. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 4 - Al "Añadir Nuevo sitio Web" desde la ventana aparecerá pidiendo que ingrese cierta infor-mación de su sitio web.La ventana se verá como la siguiente ilustración: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  11. 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 título para su nuevo sitio web.Para que esta página tutorial, introduzca el siguiente textopara el título 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 añadir 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 descripción deeste sitio web. Esta descripción 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 ficción. Iré aña-diendo mucha informaion general del revestimiento de piso , los detalles de precios, artículos y más en el páginas de este sitio web.Paso 8 - La ventana Agregar nuevo sitio Web debe parecerse a esto (obviamente sin las líneas alre-dedor de su texto): Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  12. 12. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 9 - Haga clic en el botón para añadir esto como un nuevo sitio web. Ahora irádirectamente a este nuevo sitio web, dentro de la parte de diseño 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 Lección 2 ..Lección 2 - Diseño de páginaEn esta lección usted aprenderá lo siguiente:1. Cómo configurar un diseño de la página general de su sitio2. Cómo personalizar los paneles de diseño de página diferente3. Cómo obtener una vista previa del diseño de páginaEl tiempo aproximado para completar: 25 minutosUnas palabras sobre el diseño de páginas webAntes de empezar en el diseño vamos a echar un rápido vistazo a la estructura básica que es seguidopor más del 90% de los sitios.La mayoria de los sitios web bien diseñados siguen un diseño común 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 gráfico, y por último un pie de página que a veces incluye un gráfico 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 gráfica echar un vistazo a la siguiente página web Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  13. 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 diseño que desee. por ejemplo, sepuede prescindir de las columnas de derecha o izquierda si lo desea, o puede optar por no tener unacabecera gráfica si se quiere - es totalmente suya.Sin embargo, en nuestro experiencias de investigación se ha demostrado claramente que esta dispo-sición estándar funciona mejor que cualquier otro por la sencilla razón de que es mas familiar a laspersonas que visitan las websFamiliarizarse con el diseño anterior y encontrarás que XSitePro va ser tan simple como puede ser.La pestaña Diseño de página de pantallaLa ficha Diseño de página es una parte crucial del proceso de creación de un sitio web.La configuración de esta pantalla se determinará la estilo general que el resto de la página siguiente.Estos ajustes de diseño centralizado no sólo asegurarse de que su sitio se ve constantementeatractivo, pero también significa que usted puede añadir nuevas páginas (o editar las páginas exis-tentes) siempre que lo desee con el mínimo de esfuerzo.Haga clic en la ficha Diseño de página.A continuación se muestra una captura de pantalla de cómo el diseño de la página pantalla de la fi-cha se verá la primera vez que lo visitan.En el panel derecho de la pantalla ficha Diseño de página, verá el Panel de vista previa. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  14. 14. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAquí es donde verás una simulación de lo que el estilo general de tu sitio se verá así.Para empezar con esto se verá más bien aburrido, pero en el momento de llegar al final de esta lec-ción usted tiene los ingredientes de un sitio atractivo, profesional de la internet.En el lado izquierdo de la página son todos los ajustes y los controles de los paneles de diseño depágina diferente. estos controles puede expandirse o contraerse según sea necesario (para que sólover 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 continuación:El trabajo que ahora se vayan a ocupar, en las siguientes secciones, todas se llevarán 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 ilustración a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  15. 15. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Asegúrese de que está todavía en la pestaña Diseño de página en XSiteProPaso 3 - Si aún no está ampliado, haga clic en el botón para la configuración de conexión del panel.La configuración será similar a lo la imagen a continuación:Paso 4 - Haga clic en el botón "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 botón Examinar, como se muestra arriba, la "Biblioteca de Imágenes"aparecerá la ventana, después de unos pocos segundos. Se parece a la ilustración de abajo: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  16. 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 botón "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 opción "Selec-cionar desde el disco duro" botón, 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 ubicación:... 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. 17. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - En esta carpeta tutorial podrás ver un archivo de cabecera gráfica, llamada: Header_Grap-hic.jpg. Seleccionar (haciendo clic una vez con el ratón) y haga clic en el botón "Abrir" en la parteinferior de la ventana, se muestra a continuación.¡Bien hecho! Su cabecera se mostrará en el panel de vista previa en la derecha de la pantalla, comose muestra a continuación:info BarPaso 1 - La barra de información se muestra en la ilustración a continuación:Paso 2 - Asegúrese de que está todavía en la pestaña Diseño de página dentro de XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones de la barra de información hacien-do clic en el botón de flecha abajo: al lado de la etiqueta de barra de información. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  18. 18. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetCuando se expande, la sección de barra de información se verá como la siguiente captura de panta-lla:Paso 4 - Activar la barra de información de control de la "Información cuenta con un bar" casilla deverificación.Paso 5 - Podemos empezar por seleccionar un color que se vean bien con nuestro diseño. Para se-leccionar un color, primero haga clic en el botón Examinar color botón para lanzar la herramientade selección de color. Este botón se muestra a continuación:Al hacer clic en el botón Examinar, como se describió anteriormente, la ventana de selección de co-lor se carga, y se parecerá a la ilustración al dorso: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  19. 19. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAsegúrese de que la "Web" (en la ventana de selección de color) se selecciona, a continuación, des-plazarse por la lista de colores hasta que vea el color llamado "DarkSlateGray".Haga clic en este color una vez, para seleccionarlo, a continuación, haga clic en el botón "Aceptar",se muestra a continuación:Paso 6 - En la ventana de vista previa que ahora debe ver a su barra de información aparece, con elcolor seleccionado como fondo.Paso 7 - Activar el menú de navegación para este panel de control de la "incluir enlaces en Barra deinformación" casilla de verificación. la configuración de Ahora veremos los mismos que a continua-ción: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  20. 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, sólo tienes que escribir la palabra "blanco" en el cuadro de color del texto, co-mo se muestra a continuación:Paso 9 - La vista previa del sitio, en la parte derecha de la pantalla, ahora debería parecerse a laimagen de abajo:A continuación, vamos a configurar algunas opciones del panel izquierdo.Panel de la izquierdaPaso 1 - El panel izquierdo se muestra en la ilustración a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  21. 21. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Asegúrese de que está todavía en la pestaña Diseño de página, en XSiteProPaso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel izquierdo, haga clicen el botón de flecha hacia abajo: el botón junto a la etiqueta del panel izquierdo.Cuando se expande, la sección del panel izquierdo se verá como la siguiente ilustración:Paso 4 - En el cuadro "Tamaño y relleno" Ancho, introduzca el valor: 160Paso 5 - En el cuadro "Tamaño 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 verificación Incluir menú de navegación es marcada, como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  22. 22. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - A continuación, vamos a cambiar el color de fondo del panel de la izquierda.Para ello, haga clic en el botón Examinar color, se muestra a continuación, para abrir la ventana Se-lector de color.Al hacer clic en el botón Examinar de color, como se describió anteriormente, la ventana de paletade colores aparecerá.Paso 8 - Desde la ventana de la paleta Color (asegurándose de que la ficha Web se selecciona), se-leccione "PaleGoldenrod", como se muestra a continuación:Una vez seleccionado el color PaleGoldenrod de la lista, haga clic en el botón "Aceptar", como semuestra a continuaciónEl panel izquierdo debe mostrar ahora el color seleccionado como color de fondo. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  23. 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 ilustraciónde abajo:Panel principal (Debajo de la "cabecera del panel principal")Paso 1 - El panel principal se destaca en la página siguiente ilustración Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  24. 24. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Asegúrese de que está todavía en la pestaña Diseño de página, en XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel principal, haga clicen el botón de flecha hacia abajo: el próximoa la etiqueta del panel principal.Cuando se expande, la sección del panel principal se parecerá a la siguiente ilustración: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. 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 ilustración a continuación:Paso 2 - Asegúrese de que está todavía en la pestaña Diseño de página, en XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel derecho, haga clic enel botón de flecha hacia abajo:junto a la etiqueta del panel derecho.Cuando se expande, la sección del panel derecho se verá como la siguiente ilustración Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  26. 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 botón Examinar de color, se muestra a continuación, para abrir la ventanaPaleta de colores.Al hacer clic en el botón Examinar de color, como se describió anteriormente, la ventana de paletade colores aparecerá.Paso 7- Desde la ventana de la paleta Color (asegurándose de que la ficha Web se selecciona), se-leccione "lightblue", como se muestra a continuación:Una vez seleccionado el color LightBlue de la lista, haga clic en el botón "Aceptar", como se mues-tra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  27. 27. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEl panel de la derecha debería 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-tración de abajoPaso 9 - Ahora vamos a añadir algunos contenidos interesantes a este panel derecho, haciendo usodel "diseñador" de la herramienta.Para acceder al diseñador para el panel derecho, haga clic en el "diseño" botón, como se muestra acontinuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  28. 28. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAl hacer clic en el "diseño" botón, como se describió anteriormente, se carga la ventana del diseña-dor, que se muestra a continuación:Nota: Como verán en la ilustración de arriba, que el panel derecho se muestra tal y como apareceráen la publicación página web, sólo de forma aislada (por lo que puede centrarse en esta sección dediseño de la página sin distracciones).Paso 10 - Ahora vamos a insertar un texto en nuestro panel de la derecha, para que se vea un pocomás interesante para los visitantes.Para los propósitos de la demostración, 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 diseño.En un navegador de Internet, vaya a la siguiente dirección web (URL): http://www.xsite-pro.com/right-panel-text.htmlPaso 11 - Una vez que la página se haya cargado, seleccione el menú "Edición", en el navegador,como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  29. 29. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetY luego, desde el menú "Editar", elija la opción "Seleccionar todo" opción, como se muestra en lailustración anterior.Paso 12 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmenú "Edición", una vez más, a continuación, elegir la opción "Copiar" en el menú, como se mues-tra a continuación:Paso 13 - Con el texto actual de manera segura en el portapapeles, ahora puede volver a XSitePro(a la ventana del panel de diseño derecha).De vuelta en la ventana del diseñador, haga clic en el área de color azul claro, con el ratón y luego,en el menú que aparece, seleccione "Pegar" para pegar el texto copiado anteriormente, en este pa-nel. El menú del botón derecho del ratón se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  30. 30. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 14 - El panel debe verse como la ilustración de abajo:Ahora usted puede hacer clic en el botón "Aceptar", se muestra a continuación, para cometer estoscambios en el diseño de su diseño de página.Paso 15 - Previa de su diseño de página ahora se actualizan para reflejar los cambios que acaba dehacer. La pantalla se verá así Genial Casi lo tenemos terminado ...A continuación vamos a crear nuestro pie de página y márgenes. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  31. 31. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPie de páginaPaso 1 - El pie de página se pone de relieve en la siguiente ilustraciónPaso 2 - Asegúrese de que está todavía en la pestaña Diseño de página, en XSitePro.Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el pie de página haciendo clicen el botón de flecha hacia abajo: el próximo a la etiqueta de pie de página.Cuando se expande, la sección de pie de página se verá como la siguiente ilustración: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  32. 32. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 4 - Activar el pie de página, marcando la opción "Incluir pie de página" casilla de verifica-ción, como se muestra a continuación: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 navegación para este panel de control de la "incluir enlaces en el pie depágina" casilla de verificación.Paso 8 - Podríamos simplemente seleccionar un color de fondo de nuestro pie de página, sino quenuestro sitio sea increíblemente profesional usaremos un archivo de imagen, tal y como lo hemoshecho con nuestro panel de cabecera.Para ello, comience por hacer clic en el botón "Examinar" al lado de la "imagen" cuadro desplega-ble, como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  33. 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 botón Examinar, como se describió anteriormente, la"Biblioteca de Imágenes" aparecerá la ventana después de una unos pocos segundos. Se parece a lailustración de abajo:En este "Image Library" de la ventana debe hacer clic en el botón "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 opción "Se-leccionar desde el disco duro" botón, 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 ubicación:... 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 continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  34. 34. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 11 - En esta carpeta tutorial podrás ver un archivo de cabecera gráfica, llamada: Footer_Grap-hic.jpg. Seleccionar (haciendo clic una vez con el ratón) y haga clic en el botón "Abrir" en la parteinferior de la ventana, se muestra a continuación.¡Bien hecho! El pie de página se mostrará en el panel de vista previa en la derecha de la pantalla,como se muestra a continuación (tenga en cuenta: es posible que tenga que desplazarse por la venta-na de vista previa un poco, para ver el pie de página gráfico):Paso 12 - Ahora vamos a cambiar la configuración 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 gráfico. Vamos a estar cambiando las opciones de texto en el panel de pie de página valoresque se muestran una vez más, a continuación:Nota: Hasta que añadir elementos de menú en nuestro pie de página, no habrá ningún texto visibleen el pie de página. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  35. 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 ocasión (haciendo clic en el botón de navegación 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-tinuación:Paso 13 - Ahora haga clic en "negrita" el botón, se muestra a continuación, para hacer el ajuste dela fuente por defecto en negrita para este panel. Su pie de pagina está terminada, Ahora vamos a configurar nuestra márgenes de página. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  36. 36. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetMárgenesPaso 1 - Los márgenes se destacan en la página siguiente ilustración:Paso 2 - Asegúrese de que está todavía en la pestaña Diseño de página, en XSiteProPaso 3 - En el lado izquierdo de la pantalla, ampliar la configuración de los márgenes de página, ha-ga clic en el botón de flecha hacia abajo: junto a la etiqueta página Márgenes. Cuando se expande,la sección Página de márgenes se verá como la siguiente ilustración:Paso 4 - Ahora vamos a seleccionar una imagen pequeña que XSitePro repetirá como fondo.Efectivamente este gráfico pequeño ser "mosaico" para formar un fondo para el diseño del sitioweb.Para ello, comience por hacer clic en el botón "Examinar" al lado de la "imagen" cuadro desplega-ble, como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  37. 37. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 5 - Al hacer clic en el botón Examinar, como se describió anteriormente, la "Biblioteca deImágenes" aparecerá la ventana después de una unos pocos segundos. Se parece a la ilustración deabajo:En este "Image Library" de la ventana debe hacer clic en el botón "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 opción "Selec-cionar desde el disco duro" botón, 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 ubicación:... 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 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 continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  38. 38. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - En esta carpeta tutorial podrás ver un archivo de cabecera gráfica, llamada: back-ground.gif. Seleccionar (haciendo clic una vez con el puntero del ratón) y haga clic en el botón"Abrir" en la parte inferior de la ventana, se muestra a continuación.De vuelta en la pantalla de diseño de página, en XSitePro verá el fondo de su página web se ha ac-tualizado (en la vista previa ventana) para mostrar su nueva imagen de fondo.Paso 8 - Ahora sólo hay que ajustar la altura de margen, por encima y por debajo de nuestro diseñode páginas web. Para ello vamos a establecer el los valores de las dos cajas (en la página de Confi-guración de margen) con la etiqueta: "Arriba" y "Abajo".En el cuadro de arriba, entrar en el valor: 27, como se muestra a continuación (esta es la altura delespacio, en píxeles, por encima de la cabecera gráfica que que le gustaría)Paso 9 - En el cuadro de abajo, introduzca el valor: 7 (esta es la altura del espacio, en píxeles, pordebajo del pie de página gráfico que desea). Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  39. 39. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLa siguiente ilustración muestra esta configuración: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 diseño de su diseño de página. La ventana de vista pre-via debe ser similar a la ilustración de abajo, con la fina tira de fondo visible justo por encima de lacabecera del gráfico:Obtenga una vista previa del diseño de páginaBien 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 lección, le acaba de tomar un momento para echar un vistazo rápido acómo se ven las cosas hasta ahora. Podemos hacer esto mediante la apertura de nuestra página denueva creación de plantillas en un navegador.Paso 1 - Haga clic en el botón "Preview" en la parte inferior izquierda de la pantalla - se muestra acontinuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  40. 40. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAl hacer clic en el botón de vista previa de su navegador por defecto se abrirá y usted verá una ver-sión en tamaño completo de la página de la plantilla.En este punto, habrá muy poco texto en el que (nos pondremos en que en la próxima lección), perousted recibirá una buena idea de lo que el sitio acabada se verá.He aquí cómo se verá su sitio, en el navegador web.Después 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. 41. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLección 3 - Páginas WebLo que va a hacerEn esta lección usted aprenderá lo siguiente:1. Cómo añadir nuevas páginas web2. ¿Cómo introducir la información esencial sobre sus páginas web3. Cómo editar las páginas web de diseñoEl tiempo aproximado para completar: 10 minutosIntroducción a las páginas WebLa ficha Páginas Web es donde usted va a agregar, editar y gestionar sus páginas web.La siguiente ilustración muestra donde esta ficha es decir, dentro de su sitio web XSitePro:Antes de crear la primera de nuestras páginas web, vamos a ver un resumen rápido de la pantalla depáginas Web.En el lado izquierdo verás tres botones: Agregar página, 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 páginasWeb. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  42. 42. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetA medida que añadir nuevas páginas web, verá que aparecen en esta lista automáticamente.Vamos a empezar con nuestra "página principal".Crear la página de InicioPaso 1 - Haga clic en "Añadir página" situado en la sección web de lista de página de la pantallaPaso 2 - Aparecerá una ventana, que le pide información acerca de su nueva página web. La venta-na se verá como la ilustración de abajo:En esta ventana, se muestra más arriba, tenemos que introducir algunos datos esenciales de esta pá-gina web. Comience por introducir el texto siguiente en el cuadro Título de la página:HOME (INICIO/PRINCIPAL..) Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  43. 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 número 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 añadir a estos todo lo que quieras a un nivel depágina - para perfeccionar las páginas individuales de palabras clave específicas según sea necesa-rio ..Ya que esto es sólo 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 Descripción, escriba el siguiente texto a través de una descripción de esta pá-gina en particular:Página de inicio de la página web de Alfombras Central.Nota: Normalmente se puede introducir más información para describir sus páginas, pero vamos aser breve para esta demostración.Paso 5 - A continuación, debe especificar los menús (si existe) en el que desea mostrar un enlace aesta página web. A los efectos de este tutorial marque sólo las casillas "Mostrar en barra de infor-mación" y "Mostrar en el menú izquierdo de navegación".Paso 6 - También hay que especificar si nos gustaría que esta página para aparecer en nuestro mapadel sitio. Vamos a marcar esta casilla, en este ejemplo, para confirmar que desea mostrar esta páginaen nuestro mapa del sitio, como se muestra a continuación:Paso 7 - Nuestra Nueva Página Web de pantalla ahora se verá como la siguiente ilustración: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  44. 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 botón "Crear", como se muestra a continua-ción, para crear su nueva página webPaso 9 - Ahora será llevado a la ficha Configuración de página de esta nueva página web. Usted sedará cuenta de que muy todo lo mucho que se ha establecido de acuerdo con la configuración queacabamos de ingresar. Si desea cambiar alguna de sus páginas configuración en cualquier momentofuturo, esta ficha Configuración de página es donde tiene que llegar a hacerlo.El único ajuste adicional que se ajustará a esta página en particular es que vamos a hacer esta pági-na nuestra home page por marcar la opción "Establecer como mi página principal" casilla de verifi-cación, como se muestra a continuación:Vamos a hacer algunos trabajos de diseñoAhora que hemos creado nuestra primera página vamos a empezar a agregar el contenido de la pági-na. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  45. 45. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 1 - Asegúrese de que la página denominada Inicio se selecciona en la lista de la Página Webde la izquierda de la pantalla Diseño del SitioPaso 2 - Haga clic en la pestaña Diseño y será llevado a la pantalla de la página en blanco similar ala página siguiente se muestra. En la parte superior varios botones de barra de herramientas que lepermiten añadir estilos de texto (por ejemplo, negrita y cursiva), justificar el texto, añadir tablas,imágenes, etc Estos botones tienen el mismo efecto como los que puede encontrar en el software es-tándar de procesador de textos.Paso 3 - Ahora vamos a introducir un texto en la ventana de diseño.Para ahorrar tiempo de entrar en este texto de forma manual ya hemos escrito un texto para usted.Sólo tienes que ir a la dirección web a continuación para cargar la página web, en primer lugar:http://www.xsitepro.com/v2-home-page.htmlPaso 4 - Una vez que la página se haya cargado, seleccione el menú "Edición", en el navegador, co-mo se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  46. 46. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetY luego, desde el menú "Editar", se muestra más arriba, elija la opción "Seleccionar todo" opción,como se ilustra en la imagen de arriba.Paso 5 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmenú "Edición", una vez más, a continuación, elegir la opción "Copiar" en el menú, como se mues-tra a continuación: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. 47. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones Internetdiseñador de páginas web).De vuelta en la ventana de diseñador de páginas web página, haga clic en la página en blanco delárea con el ratón y luego, en el menú que aparece, seleccione "Pegar" para pegar el texto copiadoanteriormente, en este espacio. El menú del botón derecho del ratón se muestra a continuación:Paso 7 - La ventana de diseño de página debe verse como la ilustración de abajo Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  48. 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 página 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 líneas de partida "¿Te has preguntado ..." y termina "... realmente?" con el ratón (para ello,"hacer clic y arrastrar con el puntero del ratón, sobre el texto, para seleccionarlo).Paso 9 - Cambiar el texto en negrita a la fuente Courier New, haga clic en el cuadro de selección defuente en la barra de herramientas (ver pantalla de abajo) y seleccionando Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  49. 49. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetNuevo en la lista desplegable Courier. A continuación, hacer el texto en negrita, como se muestra acontinuación:Paso 10 - Vamos a destacar estas dos líneas. Haga clic en el botón de subrayar, a continuación, elbotón central, como se muestra a continuación.Paso 11 - A continuación, poner de relieve las tres líneas de partida "Rompiendo el mito ..." y termi-na "... su piso de calidad" con el puntero del ratón. Vamos a hacer esto en nuestra página de título.Una vez que haya seleccionado el texto, haga clic en la caída de estilo de texto desplegable en laparte izquierda de la barra de herramientas y seleccione Título 3 de la lista desplegable. A continua-ción, haga clic en el "Centro" en el botón la barra de herramientas para centrar el título de la página- todo indica a continuación. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  50. 50. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 12 - También vamos a cambiar el color de la titular para hacer que se destaque. Para ello, ase-gurándose primero de que el rumbo texto seleccionado, haga clic en el botón Color de fuente, a con-tinuación, seleccione de color rojo oscuro - que es el color en el lado izquierdo, la segunda filahacia abajo, como se muestra a continuación:Paso 13 - Ahora sólo vamos a negrita un texto más abajo en la copia. Buscar el siguiente texto en la copia y hacer que negrita con el "Bold" botón, como se muestra en la ilustración 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-presión, haga clic en la vista previa en la parte inferior de la página como se muestra a continua-ción: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  51. 51. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEsto abrirá la nueva página en el navegador web por defecto, que debe ser similar a la captura depantalla se muestra a continuación. su sitio ahora empezando a tomar forma!Ahora que hemos visto cómo crear una sencilla página web, vamos a echar un vistazo en la próximalección en cómo se puede acortar el proceso de creación de atractivas páginas usando una de lasmuchas herramientas de gran alcance en XSitePro.Lección 4 - Creación de Contenido Con QuickPagesLo que va a hacerEn esta lección usted aprenderá lo siguiente:1. Crear una página del artículo, utilizando QuickPages2. Crear una página Detalles de contacto con QuickPages3. Crear una página de Privacidad con QuickPages4. páginas de la organizaciónEl tiempo aproximado para completar: 20 Minutos Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  52. 52. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetCreación de páginas de artículoLos artículos son una gran fuente de contenido relevante para su sitio y, a menudo se pueden copiarde los directorios de artículos libres.En este ejemplo, vamos a utilizar la herramienta QuickPages la creación de dos páginas del artículodiferente.Paso 1 - En XSitePro, asegúrese de que usted está buscando en la ficha Páginas Web:Paso 2 - Haga clic en el "Otro" botón, se muestra a continuación, 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 «Artículos" 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 artículos Página, elegir la opción "Clas-sic". Al seleccionar esta opción aparecerá una presentación 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. 53. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 5 - Haga clic en el botón "Siguiente" para continuar, como se muestra a continuación:Paso 6 - La siguiente pantalla que aparece requiere que llenar unos datos básicos: En el cuadro Título, escriba: Crushmaster En el cuadro de subtítulo, 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 más información, 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 años y desempeñar un papel activo en la alfombra Asociación de los minoristas. En el cuadro Fuente, escriba: www.carpetcentral.orgAsí que, después de haber introducido esta información en las casillas correspondientes, la pantallase parecerá a la imagen de arriba:Paso 7 - Ahora tenemos que entrar en nuestro contenido del artículo. En lugar de pedirle que escri-ba su texto propio artículo, que le hemos suministrado con un texto pre-escrito el texto que se puedeutilizar. Para ver este texto, escriba el URL a continuación, en el navegador de Internet.http://www.xsitepro.com/article1.txt Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  54. 54. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 8 - Una vez que la página se haya cargado, seleccione el menú "Edición", en el navegador, co-mo se muestra a continuación:Y luego, desde el menú "Editar", se muestra más arriba, elija la opción "Seleccionar todo" opción,como se ilustra en la imagen de arriba.Paso 9 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmenú "Edición", una vez más, a continuación, elegir la opción "Copiar" en el menú, como se mues-tra a continuaciónPaso 10 - Con el texto actual de manera segura en el portapapeles, ahora puede volver a XSitePro(a la ventana de Página Rápida).De vuelta en la ventana de página rápido, haga clic en el interior del "cuerpo" cuadro de texto con elratón 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. 55. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetEl menú del botón derecho del ratón se muestra a continuación:Paso 11 - La ventana de diseño de página debe verse como la ilustración de abajo:Paso 12 - Ahora que hemos completado nuestra entrada de datos, haga clic en el botón "Siguiente"se muestra a continuación:Paso 13 - En la pantalla siguiente usted puede ver cómo la página se ve. Usted podría, si quisiera,hacer cambios en las fuentes y estilos, pero para los propósitos de este tutorial vamos a aceptar losvalores predeterminados. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  56. 56. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetHaga clic en "Crear página", se muestra a continuación, para completar el asistente QuickPage y enrealidad generan su página web.Nota: Ahora que su página se ha creado el artículo se puede editar como lo haría con cualquier otrapágina en su sitio.Paso 14 - Con la página creada, tome un momento para asegurarse de que la opción "Mostrar el me-nú izquierdo de navegación" casilla de verificación está marcada (en la ficha Configuración de pági-na). La siguiente ilustración le muestra dónde buscar:Paso 15 - Después de haber creado con éxito un artículo de la página, ahora repita los pasos 1-14anteriores para crear otro artículo de la página.Al repetir el proceso, varían los valores introducidos en la pantalla de entrada de datos (en el paso6), sólo para que los artículos aparecen un poco diferente en su sitio Web. Usted encontrará una se-gunda pieza de contenido del artículo sobre el cuerpo en la página web a continuación. Usted puedeusar el texto de la página web de su texto en esta ocasión.http://www.xsitepro.com/article2.txtCrear una página central de los artículosTener un montón de artículos en su sitio es una gran manera de construir rápidamente un sitio webrico en contenido, pero a menudo no es práctico tener todos los los títulos de los artículos que apare-cen en el menú de la izquierda de nuestro sitio Web.Para evitar esto, vamos a crear una página de los artículos centrales que automáticamente enlaces acada artículo nuevo que añadir a su sitio. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  57. 57. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 1 - Asegúrese de que está en la ficha Páginas Web, y haga clic en "Añadir página" el botón co-mo se muestra a continuación:Paso 2 - Al hacer clic en la "Página Añadir", como se describió anteriormente se carga la "NuevaPágina Web" de la ventana. En el "Título de la página" de texto, escriba el nombre de los artículos,como se muestra a continuación:Paso 3 - Después de haber entrado en nuestro título de la página, como se describió anteriormente,simplemente haga clic en el botón "Crear" en la esquina inferior derecha de esta ventana, para crearla nueva página Web.Paso 4 - Con nuestra página ya creada, ahora tenemos a la posición de esta nueva página correcta-mente en la lista de páginas Web. Para ello, haga clic en En esta página los nuevos artículos en lalista de páginas web a la izquierda de la página y utilizar la tecla de flecha hacia arriba como semuestra abajo, para moverse que por encima de los dos artículos que entramos en la sección ante-rior de esta lección. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  58. 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 página el artículo titulado "Crushmaster" y luegopulsar la tecla "flecha derecha" botón, se muestra a continuación, para convertirlo en una subpáginade la página de los artículos y luego hacer lo mismo para la página del artículo segundo queque ha creadoEsto es lo que la lista se verá como cuando hayas terminado.Paso 6 - A continuación vamos a introducir una descripción de nuestra página de artículo Crush-master. Asegúrese de que tiene la ficha Configuración de página seleccionados y que la páginaCrushmaster está seleccionado en la Web izquierda páginas de la lista, como se muestra a continua-ción: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  59. 59. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAhora, en la "Descripción" cuadro de texto (en la pantalla de Configuración de página), 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 años y desempeñar un pa-pel activo en la alfombra minoristas "Asociación.Paso 7 - Asegúrese de que el espectáculo en el menú izquierdo de navegación casilla está marcada.Esto es lo que la configuración de la página debe ser similar en este punto:Paso 8 - A continuación, deberá introducir algún texto en la ventana de diseño de nuestra páginaweb los artículos (lo que debe asegurarse de que la página es seleccionados, en su web lista de pági-nas). Haga clic en el "diseño" ficha de la página web de artículos, como se muestra a continuación:Paso 9 - Ahora tenemos que entrar en algunas páginas de texto. Una vez más, para que sea fácil pa-ra usted, ya hemos entrado creado un texto para su uso. Empiece por visitar el enlace web, a conti-nuación:http://www.xsitepro.com/article-page.htmlPaso 10 - Una vez que la página se haya cargado en el navegador Web, seleccione el menú "Edi- Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  60. 60. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones Internetción", en el navegador, como se muestra a continuación:Y luego, desde el menú "Editar", se muestra más arriba, elija la opción "Seleccionar todo" opción,como se ilustra en la imagen de arriba.Paso 11 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona elmenú "Edición", una vez más, a continuación, elegir la opción "Copiar" en el menú, como se mues-tra a continuación:Paso 12 - De vuelta en la ventana del diseñador, haga clic dentro del área de la página en blanco conel ratón y luego, en el menú que aparece, seleccione "Pegar" para pegar el texto copiado anterior-mente, en este espacio. El menú del botón derecho del ratón se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  61. 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 diseño de página debe verse como lailustración de abajo:Paso 14 - Sitúe el cursor inmediatamente después del texto que acaba de pegar en el diseño (es de-cir, después del texto "... contacte con nosotros en la dirección habitual. ") y luego presione la teclaEnter, en el teclado.Paso 15 - Haga clic derecho con el ratón, en esta posición del cursor, y en el menú contextual queaparece, seleccione "Insertar enlaces a todas las subpáginas", a continuación, seleccione "Lista conviñetas", a continuación, seleccione "Con las descripciones".Paso 16 - Al hacer clic en ese menú la opción-, el Sub-página Lista de la ventana Configuraciónaparecerá, como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  62. 62. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetSólo vamos a aceptar el texto por defecto la lista de estilos, por lo que simplemente haga clic en elbotón "Aceptar", como se muestra a continuaciónSe insertará un marcador en el cursor diciendo viñetas de enlaces de subpágina con descripciones,se muestra a continuación:Paso 17 - Ahora vamos a ver el efecto que esto tiene en su página Web. Haga clic en el botón "Pre-view", abajo a la izquierda de la pantalla, como se muestra a continuación:Esto cargará la página web en su navegador, y te enseñaré lo que parece, con esta "Lista de la sub-página" que ha insertado una poco antes. Su página será similar a la que se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  63. 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 páginas de los artículos en sí mis-mos, perfectamente debajo del título principal "Artículos", en el menú de la izquierda.En la parte principal del cuerpo que se verán los enlaces a los artículos, junto con las breves descrip-ciones que ha introducido para cada artículo en la pestaña de Configuración de página. Lo bueno esque una vez que haya configurado la página de los artículos centrales de esta manera, se puedeseguir añadiendo artículos siempre que lo desee y en el enlace correspondiente, y un texto descripti-vo, se añadirá automáticamente a la principales artículos de la lista de páginas para usted.Crear una página Política de privacidadUna página de Política de privacidad es esencial en cualquier lugar de la recolección de informa-ción que pertenecen a sus visitantes (incluso si esta información es sólo unae-mail). En esta sección veremos cómo se puede crear rápidamente una página Política de privaci-dad mediante la herramienta de QuickPages.Paso 1 - En XSitePro, asegúrese de que usted está buscando en la ficha Páginas WebPaso 2 - Haga clic en el "Otro" botón, se muestra a continuación, 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 "Declaración de privacidad" paramostrar los estilos QuickPage diferentes dentro del mismo. - Como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  64. 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 opción "Classic".Cuando se selecciona usted verá una presentación 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 botón "Siguiente", se muestra a continuación, procederPaso 6 - La siguiente pantalla que aparece requiere que llenar unos datos básicos:En el cuadro Título de la página, escriba: Mantener la información seguraEn el cuadro de la última actualización, entrar en: 30 de marzo 2010Paso 7 - Ahora que hemos completado la entrada de datos. Haga clic en el botón "Siguiente", semuestra a continuación para continuarPaso 8 - No quiero hacer más cambios en esta página Política de privacidad, por lo que basta conhacer clic en "Crear página" para completar el asistente QuickPage y generar la página. La siguienteilustración muestra este "Crear página":Nota: Ahora que la política de privacidad página web ha sido creada, se puede editar como lo haríacon cualquier otra página en su sitio. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  65. 65. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLección 5 - Mapas de sitio y las páginas de enlacesLo que va a hacerEn esta lección usted aprenderá lo siguiente:1. Activar el mapa del sitio y cambiar la configuración 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 páginas web:· Principal· Artículos de página, con dos apartados del artículo sub-páginas· Política de PrivacidadMientras que estaban ocupados en crear las páginas anteriores, XSitePro estaba trabajando en un se-gundo plano la creación de un número de otras páginas automáticamente.Algunas de estas páginas 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 círculo en la pantalla de abajo) y luego haga clic en el"Sitio Mapas" botón (que tiene una caja a su alrededor, en la captura de pantalla más abajo) Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  66. 66. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - La pantalla que a continuación, carga será similar a la página siguiente captura de pantallaPaso 3 - Por defecto, la pantalla mostrará el formato de Mapa del Sitio superior ("Estilo 1: Alfabéti-co") seleccionados - que significa que por por defecto el mapa del sitio será en orden alfabético. Va-mos a dejar esta opción como lo es en este ejemplo. Si alguno de los otros casillas están marcadas,les quita la marca.Paso 4 - En la parte superior de esta ventana, verá una segunda pestaña, 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 continuación Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  67. 67. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 6 - En esta pantalla con pestañas, el único cambio que hará es cambiar el texto del título laspalabras "Alfombras central Mapa del sitio ", como se muestra a continuación: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 botón "Aceptar",se muestra a continuación, para completar la configuración 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 pági-nas Web, en la Web ficha de páginas (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 fácilmente.Paso 1 - Seleccione la ficha Páginas Web en XsitePro y, en la lista de páginas Web, a la izquierdade la pantalla, verá una nueva página llamada "Mapa de sitio", que se muestra en la siguiente ima-gen: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  68. 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 página Mapa del sitio en la lista de páginas Web yhaga clic en el botón "Preview" en la la esquina inferior izquierda de la pantalla, como se muestra acontinuación:Paso 3 - Este se carga su página web en el sitio web de reciente creación, que muestra las páginasque figuran en su sitio, perfectamente en la lista. La página se parecerá a la siguiente captura depantalla Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  69. 69. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLección 6 - Mejorar su sitio - menús gráficosLo que va a hacerEn esta lección usted aprenderá lo siguiente:1. Asegurarse de que sus páginas se muestran en los menús de la derecha.2. Creación de un menú gráfico.3. En colaboración con su menú horizontal.El tiempo aproximado para completar: 10 minutosCómo comprobar que las páginas se muestran en los menúsXSitePro cuenta con un diseñador de menús de gran alcance que le permite crear menús gráficoscomplejos en tan sólo unos minutos. nosotrosse aplicará uno de los diseños de menú a nuestra estructura de su sitio en esta lección.Paso 1 - Seleccione la ficha Páginas Web, como se muestra a continuación:Paso 2 - En la parte izquierda de su pantalla, seleccione la página "Inicio", dentro de su lista de pá-ginas Web, como se muestra a continuación Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  70. 70. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 3 - Con la página "Inicio" seleccionada, mirar a la pantalla Configuración de página, se mues-tra a continuación:Paso 4 - En la pantalla Configuración de página, verá casillas, en el lado derecho de la pantalla. Es-tas casillas determinar si la página seleccionada aparece en el "menú de navegación" diferentes quefiguran en su sitio actual.Asegúrese de que las dos primeras casillas están marcadas. Esto se asegurará de que estas páginasse muestran en la barra de navegación los menús de nuestro sitio. Las casillas de verificación, debeverse como la ilustración de abajo:Paso 5 - Eso está muy bien - la página "Home" se mostrará ahora en los dos menús que tenemos ennuestro sitio Web. Ahora tenemos que asegurarse de que las otras páginas se establecen a parecerdemasiado. Así, en primer lugar, seleccionar la página siguiente en su lista de páginas Web, comose muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  71. 71. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 6 - Con esta página seleccionado siguiente, de nuevo asegurarse de que el menú de dos casi-llas de verificación se comprueban (en la página Configuración de pantalla), como se muestra a con-tinuación:Paso 7 - Repita el proceso descrito anteriormente (asegurándose de que el menú de casillas esténmarcadas) para el otro artículo páginas y el mapa del sitio, en su lista de páginas Web.Haga clic en cada página, a continuación, en la pantalla de Configuración de página, asegúrese deque el menú de dos casillas de verificación se comprueban antes de pasar en la página siguiente enla lista de páginas webLa razón por la que acabamos de hacer esto, es para que estas tres páginas también aparecen en losmenús, que será la edición en la siguiente parte de este tutorialCreación de menús gráficosXSitePro cuenta con un diseñador de menús de gran alcance que le permite crear menús gráficoscomplejos en tan sólo unos minutos. nosotros se aplicará uno de los diseños de menú a nuestra es-tructura de su sitio en esta lección. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  72. 72. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 1 - Seleccione la pestaña Diseño de página. Una vez seleccionado, el panel de vista previa separecerá a la imagen que se muestra a continuaciónPaso 2 - Como se puede ver en la ilustración anterior, las páginas de su sitio web se muestra actual-mente en el tanto de la "izquierda . Navegación "del menú y el menú" Información del Bar"Nota: Normalmente no duplicar páginas a través de dos menús, pero para con fines de demostra-ción está bien.Para empezar, vamos a crear un menú gráfico 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 botón de flecha hacia abajo: botón junto a la etiqueta del panel izquierdo.Cuando se expande, la sección del panel izquierdo se verá como la siguiente ilustración: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  73. 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ú" botón, se muestra a conti-nuación:Paso 5 - Al hacer clic en el menú "Settings", como se describió anteriormente, el menú de navega-ción cargas de pantalla del sistema,se muestra a continuación.Paso 6 - Desplácese 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 ilustración: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  74. 74. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 7 - Haga clic en el botón "Siguiente", se muestra a continuación, proceder al siguiente paso.Paso 8 - Ahora se debe buscar en las opciones de personalización para la elección de este estilo demenú, como se muestra a continuación:Paso 9 - Vamos a hacer sólo unos pequeños cambios a los ajustes de menú, por lo que el menú seajusta al aspecto general y la sensación de diseño de nuestro sitio.Vamos a comenzar por establecer el color de fondo del menú para DarkSlateGray. Para hacer esto,primero haga clic en el botón Examinar de color, junto al "fondo del menú color", como se muestraa continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  75. 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 continuación:Asegúrese de que la "Web" (en la ventana de selección de color) se selecciona, a continuación, des-plazarse por la lista de colores hasta que vea el color llamado "DarkSlateGray".Haga clic en este color una vez, para seleccionarlo, a continuación, haga clic en el botón "Aceptar",se muestra a continuaciónEl cuadro de color de fondo de actualización, y también 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 ilustración: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  76. 76. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 11 - Ahora desplácese hacia abajo hasta que vea el cuadro para el color de fondo del menúSub, se muestra a continuación: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 través de los pasos de nuevo:Paso 12 - Para empezar, haga clic en el botón de navegación en color, junto al "fondo del menú co-lor", como se muestra a continuaciónPaso 13 - La ventana de la paleta de color aparecerá, como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  77. 77. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetAsegúrese de que la "Web" (en la ventana de selección de color) se selecciona, a continuación, des-plazarse por la lista de colores hasta que vea el color llamado "DarkSlateGray".Haga clic en este color una vez, para seleccionarlo, a continuación, haga clic en el botón "Aceptar",se muestra a continuación:El cuadro de color de fondo se actualizará para reflejar el nuevo color que haya especificado. Ahorala ventana se parecerá a la ilustración de abajo:Paso 14 - El último cambio vamos a hacer es a la "Separador de menú" de color, situado justo deba-jo de la configuración de color que acabamos de actualizada. La siguiente ilustración muestra dondees::Paso 15 - Esta vez, para hacer las cosas aún más rápido, sólo 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. 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 lailustración de abajoPaso 16 - Ya hemos terminado de realizar cambios en el diseño de nuestro menú de hoy, así queadelante, haga clic en el botón "Siguiente" (abajo) en la esquina inferior derecha de la ventana.Paso 17 - Y por último, en la pantalla que sigue, simplemente haga clic en el botón "Finalizar" (aba-jo) para completar el menú cambios en la configuración y volver a la ficha Diseño de página enXSiteProEso es todo ...Ahora, todas las páginas de su nuevo adoptará este gran estilo buscando menú gráfico, haciendo quesu sitio parezca increíble profesional, pero sin ningún tipo de trabajo de diseño complicado que par-ticipan de su parte.La vista previa de diseño de página ahora se parecen a la página siguiente ilustración: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  79. 79. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetTrabajar con menús horizontalesAl igual que con nuestro menú de navegación hacia la izquierda, si queremos podemos añadir unmenú gráfico de aspecto profesional en nuestra barra de información, también.Sin embargo, para mantener las cosas simples, sólo vamos a hacer un cambio rápido de nuestros ac-tuales (al estilo de texto) del menú de enlaces. Vamos al centro de los enlaces en nuestro diseño depáginas, siguiendo los siguientes pasos.Paso 1 - Asegúrese de que está todavía en la pestaña Diseño de página, como se muestra a continua-ción: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  80. 80. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 En el lado izquierdo de la pantalla, ampliar las opciones de la barra de información haciendoclic en el botón de flecha abajo: al lado de la etiqueta de barra de información.Cuando se expande, la sección de barra de información se verá como la siguiente captura de panta-lla:Paso 3 - Dentro de la configuración de la barra de información, haga clic en el "diseño" botón. Estájusto en la parte inferior de la configuración de Información de Abogados,se muestra a continua-ción:Paso 4 - Al hacer clic en el "diseño" botón, como se muestra arriba, la ventana de diseñoWYSIWYG aparece, listo para nosotros para modificar el panel de barra de información, como unaparte de nuestro diseño Diseño de página. Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  81. 81. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetLa ventana del diseñador WYSIWYG se verá como la siguiente captura de pantalla:Paso 5 - Todo lo que necesitas hacer ahora es hacer clic en el "Centro" en la Barra de herramientas.Eso es todo! La siguiente ilustración muestra donde esta botón:Paso 8 - Después de terminar nuestros cambios, haga clic en el botón "Aceptar", en la esquina infe-rior derecha de esta ventana, como se muestra a continuación:Paso 9 - Ahora vamos a estar de vuelta en la pantalla de diseño de página, en XSitePro.Verás desde el área de vista previa que la información de su Bar menú está perfectamente centrada,lo que se ve mucho mejor. La pantalla será similar a la ilustración de abajo: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  82. 82. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetY eso es todo lo que necesita hacer para el menú horizontal. Ahora, todas las páginas que se especi-fica que desea que aparezca en la barra de información menú aparecerá en este menú horizontal.Lección 7 - Simple Web SEOLo que va a hacerEn esta lección usted aprenderá lo siguiente:1. Identificar las tareas de SEO necesidad de llevar a cabo en su sitio.2. Impresión de su sitio lista de tareas pendientes.3. ¿Dónde encontrar más avanzados de SEO y Herramientas de la página Análisis de XSiteProEl tiempo aproximado para completar: 5 minutosUtilizando el que hacer el informe para identificar las tareasAl crear un sitio web es muy fácil olvidarse de hacer algunas cosas que bien pueden tener un efectoperjudicial sobre la motor de búsqueda de amistad de las páginas de su sitio.En algún momento tendrá que comprobar que no ha pasado por alto algunas realmenteelementos obvios página. La buena noticia es que XSitePro hace que sea sencillo para averiguar loque hay que hacer y se puede incluso producir una lista con casillas de verificación que se puedeimprimir y trabajar su camino a través.En esta sección vamos a utilizar el sitio de "To-Do", lista para darnos una visión instantánea de lastareas que necesita llevar a cabo en nuestro sitio actual.Paso 1 - Dentro de XsitePro, haga clic en "Informes" en la barra de menú y luego "sitio para hacerla lista" seleccionar, como se muestra a continuación: Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com
  83. 83. Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones InternetPaso 2 - Después de unos momentos, el sitio para hacer informe aparecerá en la pantalla, como semuestra a continuación:Paso 3 - Desde los detalles del informe se puede ver exactamente lo que hay que hacer en este sitioweb, para mejorar las generales el rendimiento del sitio, y también se puede ver que las tareas son"críticos". Ahora vamos a probar exactamente cómo este informe nos puede ayudar.Para empezar, desplácese hacia abajo el detalle de informe hasta que vea el título "Parte 3: Compo-sición de página", como se muestra a continuación:Paso 4 - Como se puede ver en la captura de pantalla anterior, no es una tarea crítica que necesita Departamento Marketing Complethost - Padre Porta 11 46024 Valencia - http://complethost.com

×