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

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

description

manual de xsite pro en castellano

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

Page 1: Tutorial en-castellano-no-oficial-de-xsite-pro

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 paginasweb

Contenidos del Tutorial:Bienvenidos al TutorialLección 1 - Creación de un proyecto y agregar un sitio web nuevoLección 2 - Diseño de páginaLección 3 - Páginas WebLección 4 - Creación de Contenido Con QuickPagesLección 5 - Mapas de sitio y las páginas de enlacesLección 6 - Mejorar su sitio - menús gráficosLección 7 - Simple Web SEOLecció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, »

Page 2: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Puede 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 manopara tener la mejor presencia en internet "

Page 3: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Bienvenido al tutorial de XSitePro

Si 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 posible

Lea esto si usted es un novato en Internet

Si 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 tutorial

Este 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 estructura

Al 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 velocidad

Una lecciones a la vez

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

Page 4: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Hacer exactamente lo que dice

Se 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 cometidos

Independiente

XSitePro 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 atascado

Todos 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 comunes

A 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 texto

Una vez seleccionado, puede copiar texto o de otros contenidos (imágenes, tablas, etc), utilizando el'Copy' 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.

Page 5: Tutorial en-castellano-no-oficial-de-xsite-pro

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

De esta manera usted puede transferir texto (y otros elementos) de una aplicación de Windows aotra.

Pegar texto

Para 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 raton

Hacer click

Hacer 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 archivo

Microsoft 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 archivos

La 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álogo

La 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 conla lección 1, en la proxima página

Page 6: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Lección 1 - Creación de un proyecto y agregar un sitioweb nuevo

Lo que va a hacer

En 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 proyecto

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

Page 7: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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ágina

Paso 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 suelo

La 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, etc

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

Page 8: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Escribir 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 futuro

En el cuadro de Palabras clave, escriba el texto siguiente. Escriba cada palabra o frase en una líneaseparada.

alfombrascubiertas de pisorevestimientos para el sueloalfombraspisolaminado

Paso 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 elsuelo

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

Page 9: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Usted 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 Web

Paso 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 arriba

Paso 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

Page 10: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 11: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 texto

para el título de su sitio web:

Alfombras central, alfombras, laminados y revestimientos para el suelo de calidad

Paso 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 central

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

Page 12: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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ágina

El tiempo aproximado para completar: 25 minutos

Unas 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

Page 13: Tutorial en-castellano-no-oficial-de-xsite-pro

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

XSitePro 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 webs

Familiarizarse 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 pantalla

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

Page 14: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Aquí 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 empezar

Panel de la cabecera

Paso 1 - El panel de la cabecera se muestra en la ilustración a continuación:

Page 15: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 2 - Asegúrese de que está todavía en la pestaña Diseño de página en XSitePro

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

Page 16: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 17: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 Bar

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

Page 18: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 19: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 20: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 izquierda

Paso 1 - El panel izquierdo se muestra en la ilustración a continuación:

Page 21: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Paso 5 - En el cuadro "Tamaño y relleno" de relleno, introduzca el valor: 25

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

Page 22: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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ón

El panel izquierdo debe mostrar ahora el color seleccionado como color de fondo.

Page 23: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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

Page 24: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Paso 5 - En el cuadro de relleno, introduzca el valor: 20

Panel derecho

Page 25: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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

Page 26: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 4 - En el cuadro Ancho, especifique el valor: 140

Paso 5 - En el cuadro de relleno, introduzca el valor: 10

Paso 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.derecho

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

Page 27: Tutorial en-castellano-no-oficial-de-xsite-pro

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

El 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 abajo

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

Page 28: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Al 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.html

Paso 11 - Una vez que la página se haya cargado, seleccione el menú "Edición", en el navegador,como se muestra a continuación:

Page 29: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 30: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 31: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Pie de página

Paso 1 - El pie de página se pone de relieve en la siguiente ilustració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 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:

Page 32: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Paso 6 - En el cuadro de relleno, introduzca el valor: 30

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

Page 33: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 34: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 35: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 36: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Márgenes

Paso 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 XSitePro

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

Page 37: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 38: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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).

Page 39: Tutorial en-castellano-no-oficial-de-xsite-pro

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

La 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ágina

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

Page 40: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Al 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

Page 41: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Lección 3 - Páginas Web

Lo que va a hacer

En 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ño

El tiempo aproximado para completar: 10 minutos

Introducción a las páginas Web

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

Page 42: Tutorial en-castellano-no-oficial-de-xsite-pro

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

A 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 Inicio

Paso 1 - Haga clic en "Añadir página" situado en la sección web de lista de página de la pantalla

Paso 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..)

Page 43: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 44: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 web

Paso 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ño

Ahora que hemos creado nuestra primera página vamos a empezar a agregar el contenido de la pági-na.

Page 45: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 Sitio

Paso 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.html

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

Page 46: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 47: Tutorial en-castellano-no-oficial-de-xsite-pro

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

diseñ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

Page 48: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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

Page 49: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 50: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 51: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Esto 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 hacer

En 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ón

El tiempo aproximado para completar: 20 Minutos

Page 52: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Creación de páginas de artículo

Los 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

Page 53: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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, visitewww.carpetcentral.org

En el cuadro Acerca de, escriba:

Alfombras central ha estado operando desde 1987 yes un empleado orgulloso de 16 funcionarios en sus trestiendas. Hemos estado involucrados en las alfombras por36 años y desempeñar un papel activo en la alfombraAsociación de los minoristas.

En el cuadro Fuente, escriba:

www.carpetcentral.org

Así 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

Page 54: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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ón

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

Page 55: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 56: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Haga 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.txt

Crear una página central de los artículos

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

Page 57: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 58: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 creado

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

Page 59: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Ahora, 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.html

Paso 10 - Una vez que la página se haya cargado en el navegador Web, seleccione el menú "Edi-

Page 60: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 61: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 62: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Só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ón

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

Page 63: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Como 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 privacidad

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

Page 64: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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, proceder

Paso 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 segura

En el cuadro de la última actualización, entrar en: 30 de marzo 2010

Paso 7 - Ahora que hemos completado la entrada de datos. Haga clic en el botón "Siguiente", semuestra a continuación para continuar

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

Page 65: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Lección 5 - Mapas de sitio y las páginas de enlaces

Lo que va a hacer

En 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 sitio

El tiempo aproximado para completar: 5 minutos

Mapas de sitio

En 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 Privacidad

Mientras 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)

Page 66: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 2 - La pantalla que a continuación, carga será similar a la página siguiente captura de pantalla

Paso 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 ajustes

Paso 5 - La pantalla debe ser similar a la que se muestra a continuación

Page 67: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 sitio

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

Page 68: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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

Page 69: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Lección 6 - Mejorar su sitio - menús gráficosLo que va a hacer

En 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 minutos

Cómo comprobar que las páginas se muestran en los menús

XSitePro 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

Page 70: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 71: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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 web

La 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 tutorial

Creación de menús gráficos

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

Page 72: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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ón

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

Page 73: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 74: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 75: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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ón

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

Page 76: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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ón

Paso 13 - La ventana de la paleta de color aparecerá, como se muestra a continuación:

Page 77: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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ó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 ").

Page 78: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Cuando hayas hecho esto, pulsa enter (en su teclado), y la pantalla se actualizará para parecerse a lailustración de abajo

Paso 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 enXSitePro

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

Page 79: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Trabajar con menús horizontales

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

Page 80: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 81: Tutorial en-castellano-no-oficial-de-xsite-pro

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

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

Page 82: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Y 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 SEO

Lo que va a hacer

En 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 XSitePro

El tiempo aproximado para completar: 5 minutos

Utilizando el que hacer el informe para identificar las tareas

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

Page 83: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 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

Page 84: Tutorial en-castellano-no-oficial-de-xsite-pro

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

para llevar a cabo nuestros artículos centrales Página: Se necesita una descripción.

Por lo tanto, tenemos que entrar en una!

Para empezar a hacer esto, cerca de la ventana del informe haciendo clic en el botón "Cerrar", comose muestra a continuación:

Paso 5 - Con la ventana del informe ya está cerrado, diríjase a la ficha Páginas Web, en XSitePro,como se muestra a continuación.

Paso 6 - Seleccionar la página llamada "artículos" en su lista de páginas Web, a la izquierda de estapantalla.

La siguiente ilustración muestra esta página seleccionados, en la lista:

Paso 7 - Si nos fijamos en la pantalla de Configuración de página más a la derecha, te darás cuentade que no hay ninguna descripción introducida, sólo como el informe nos dijo.

La pantalla será similar a la imagen de abajo:

Page 85: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 8 - En la descripción de cuadro de texto, se muestra más arriba, introduzca el siguiente texto:

Esta sección del sitio de Alfombras Central es donde se puede encontrar y leer informativoartículos y características - todo acerca de cómo cuidar de su suelo, y cómo evitar comuneserrores de cuidado.

La pantalla se verá como la imagen de abajo, cuando haya terminado:

Page 86: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 9 - Así que ahora hemos corregido esta flagrante omisión, nos dirigiremos de regreso a nues-tro informe, y ver si ha sido comprobado fuera de la lista para nosotros.

Repita el proceso de carga del informe, a partir haciendo clic en "Informes" en la barra de menú yluego "sitio para hacer la lista", seleccione, como se muestra a continuación:

Paso 10 - Cuando se carga el informe de nuevo, desplácese hacia abajo a la sección titulada "Parte3: Composición de página", como se muestra a continuación

Como puede ver, no tiene más "críticos" las tareas que necesitan llevar a cabo en los "Artículos" dela página - muy tranquilizador saber.

Paso 11 - Una última cosa que necesita para tratar, antes de cerrar este informe, es la forma de im-primir su informe para que pueda trabajar a través de las tareas críticas sin tener que recargar conti-nuamente el informe.

Impresión del informe es simple - simplemente haga clic en el botón "Imprimir", se muestra a conti-nuación, imprimirlo.

Un rápido vistazo a las herramientas SEO más avanzadas en XSitePro:

Aunque, en los pasos que acaba de completar lo anterior, se han establecido algunas tareas básicasde SEO que necesitan llevar a cabo en páginas de su sitio web, hay otra mucho más poderosa herra-mienta de SEO en XSitePro.

Page 87: Tutorial en-castellano-no-oficial-de-xsite-pro

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

El "Análisis de la página" pestaña, en la pantalla de Páginas Web (ver abajo) contiene una serie deherramientas que le ayudarán a optimizar sus páginas.

La herramienta de Análisis de la página:

1. Análisis de contenido de su página con una serie construir-en de las reglas de optimiza-ción / criterios2. Analiza la composición de su sitio a través de los diferentes tipos de contenido3. Evalúa la "legibilidad" de su contenido de la página utilizando el sistema de puntuaciónde Flesch Kincaid4. Revisa su contenido de la página con los criterios de accesibilidad

Usted puede ver, desde la ilustración de abajo, lo que la herramienta de análisis de página se ve así:

No vamos a estar haciendo uso de esta herramienta en este tutorial, pero si quieres experimentar conlo que puede hacer, entonces por favor vaya a página 416 del Manual de Herramientas, o la ayudaen línea para XSitePro: http://www.xsitepro.com/help/page_analysis.htm

Lección 8 - Ficha de publicación

Lo que va a hacer

Para que te hagas una idea completa de cómo funciona XSitePro hemos proporcionado todos losusuarios de XsitePro con el acceso a algunas web gratis espacio con acceso FTP completo.

Si usted sigue los siguientes pasos que pronto se van a cargar el trabajo que ha realizado a un espa-cio web real, en una Web real servidor, en XSitePro.

Page 88: Tutorial en-castellano-no-oficial-de-xsite-pro

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

En esta lección usted aprenderá lo siguiente:

1. ¿Qué información es necesaria para publicar en la Internet2. Cómo entrar en el la publicación de información esencial3. Cómo publicar su sitio web tutorial para la web

El tiempo aproximado para completar: 5 minutos

Rellenando la ficha de la publicación de detalles

Paso 1 - Haga clic en la pestaña de la publicación de detalles, en XSitePro, como se muestra a con-tinuación:

Paso 2 - Ahora tenemos que introducir nuestros datos de FTP, en las casillas correspondientes.

Nota: Los detalles FTP como los que vamos a utilizar a continuación, se entregan a usted por suservidor web (o ISP) a quien le comprar una cuenta de hospedaje web.

Puede que ya tenga una cuenta de web hosting, o tal vez no has - de cualquier manera, una vezusted compra una cuenta de alojamiento web que le proporcionó con el tipo exacto misma informa-ción que vamos a utilizar en un momento.

Rellene los detalles que se enumeran a continuación.

El nombre del cuadro de texto está a la izquierda de la lista de abajo, y el valor para entrar en esacaja está en el derecho a:

Nombre de Dominio: www.xsitetest.comPágina principal del directorio: / yourownname /Servidor FTP: ftp.xsitetest.comDirectorio de FTP: / yourownname /Nombre de usuario FTP: testusernameFTP Contraseña: testpassword

Introduzca los detalles tal como aparecen en la lista anterior, a excepción de la "/ yourownname /"valor que debe adaptarse a Incluya su nombre, por ejemplo,

Page 89: Tutorial en-castellano-no-oficial-de-xsite-pro

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

/ petersmith /

Una vez introducido, la pantalla será similar a la que se muestra a continuación:

Ahora está listo para publicar su sitio.

Tenga en cuenta que estos valores se tienen sólo alguna vez se introducen una sola vez. XSiteProahora almacenará estos datos dentro de este sitio web, para hacer publicación tan fácil como pulsarun botón.

Cómo publicar en la web

Paso 1 - Haga clic en el botón "Publicar" en la barra de herramientas principal, se muestra a conti-nuación:

Page 90: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Paso 2 - Una pequeña ventana que le preguntará si desea publicarlo o no. Haga clic en el botón "Sí"para publicar, como se muestra a continuación:

Paso 3 - La ventana Progreso de la publicación se abrirá y comenzará a mostrar el estado de su car-ga.

Paso 4 - Cuando todos los archivos han terminado de subir se oye un sonido, se le notifica la termi-nación. Asumiendo que tiene seguido estas instrucciones, y usted tiene una conexión a Internet, susitio se ha publicado con éxito.

Si su sitio publicado con éxito que ahora puede ver su sitio Web en vivo. Para hacer esto, simple-mente haga clic en "Abrir sitio Web" botón:

¡Felicitaciones!

Usted acaba de publicar su primer sitio web XSitePro.

Page 91: Tutorial en-castellano-no-oficial-de-xsite-pro

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

Su sitio web de ejemplo debe ser similar a la captura de pantalla en la página siguiente

.