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

Traduccion al Castellano No Oficial del Manual de Trabajo de Xsite Pro - Por Complethost Soluciones Internet

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

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 y
visitantes, Podra bscar el mejor nombre a traves del servicio de » registro de nombres de dominio al mejor
precio, hasta nuestros poderosos » servidores dedicados de la prestigiosa marca Dell, bajo plataforma Linux
o 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 el
diseñ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 de
creacion de sitios web para moviles -gomobi

"No dudes en comprobar todas nuestras soluciones llave en mano
para tener la mejor presencia en internet "



Bienvenido al tutorial de XSitePro
Si usted es un novato en Internet o un empresario de Internet bien establecido, Puede estar seguro
de encontrar increíble el software de XSitePro ,Una herramienta útil y llena de funciones que tiene
a 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 su
camino 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 tratando
de 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 tiempo
posible.

En su lectura, usted aprenderá acerca de muchas de las poderosas herramientas que XSitePro pone a
su disposición, y también muchos atajos que le ahorrarán tiempo, una vez que comience a usar el
software 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 a
Internet.

Una vez hecho esto, usted será capaz de tomar lo que han aprendido para crear sus propios sitios
web 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 directamente
a los capítulos siguientes, es probable que ya pierda tiempo ya que no ha hecho el trabajo de base y
no se beneficiarán de un enfoque estructurado que el tutorial le ofrece.



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 se
crea. 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á incluida
en 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 o
página. En la mayoría de aplicaciones existe en el Menú "Editar", dentro del cual se encuentra una
opció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.



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

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 sobre
ese 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 navegar
por 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 sea
usando el botón de (por ejemplo, "Close") o por hacer clic en la cruz de color naranja, en la esquina
superior derecha de la ventana.

Por lo tanto, si estás contento de empezar, vamos a empezar con
la lección 1, en la proxima página



Lección 1 - Creación de un proyecto y agregar un sitio
web 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 minutos
Agregar 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 esta
es la primera vez que se ejecute XSitePro:



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 este
tutorial vamos a crear un sitio web para una empresa ficticia llamada "Alfombras Central" así que
escriba 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 Alfombras
central es que nuestro "plan a largo plazo" podría ser la creación de varios sitios web y que todos se
centra 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 palabras
clave para este proyecto.

Es necesario introducir una pequeña selección de media docena de más o menos las palabras clave
adecuadas 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í para
formar la base para las palabras claves para los sitios y páginas posteriormente, el que se crea den-
tro de este proyecto en particular.



Escribir las palabras clave en la etapa de proyecto ahorrara una gran cantidad de tiempo de tener
que 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ínea
separada.

alfombras
cubiertas de piso
revestimientos para el suelo
alfombras
piso
laminado

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

Paso 7 - Haga clic en el botón "Aceptar", se muestra a continuación, para completar la entrada de
datos en esta pantalla:

Paso 8 - Después de agregar un nuevo proyecto ,verá un nuevo proyecto aparecer en la lista en el
lado izquierdo de la selección de proyectos Página del árbol, como se muestra a continuación.



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 de
que 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 con
el 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 basta
con 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 la
ilustració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



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:



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 palabras
clave que aparecen.

Estas son los palabras clave que ha especificado cuando se creó el proyecto - son una buena ventaja
inicial 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 de
este 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):



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

1. Cómo configurar un diseño de la página general de su sitio
2. Cómo personalizar los paneles de diseño de página diferente
3. Cómo obtener una vista previa del diseño de página


Unas palabras sobre el diseño de páginas web
Antes de empezar en el diseño vamos a echar un rápido vistazo a la estructura básica que es seguido
por 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 a
menudo 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



XSitePro ofrece una gran flexibilidad para crear exactamente el diseño que desee. por ejemplo, se
puede prescindir de las columnas de derecha o izquierda si lo desea, o puede optar por no tener una
cabecera 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 las
personas 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 constantemente
atractivo, 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.



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 de
página diferente. estos controles puede expandirse o contraerse según sea necesario (para que sólo
ver 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 este
lado 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:



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:



En este "Image Library" de la ventana debe hacer clic en el botón "Seleccionar desde el disco
duro", 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 la
ventana 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 y
haga 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:



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 parte
inferior 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, como
se 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.



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 de
verificació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 herramienta
de 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:



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

Paso 6 - En la ventana de vista previa que ahora debe ver a su barra de información aparece, con el
color seleccionado como fondo.

Paso 7 - Activar el menú de navegación para este panel de control de la "incluir enlaces en Barra de
información" casilla de verificación. la configuración de Ahora veremos los mismos que a continua-
ción:



Paso 8 - La última cosa que vamos a hacer, en nuestros entornos Info Bar, es que el color de texto
en 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 la
imagen 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:



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 clic
en 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 casilla
de verificación Incluir menú de navegación es marcada, como se muestra a continuación:



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 paleta
de 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 se
muestra a continuación

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



Paso 9 - La vista previa del sitio (en el lado derecho de la pantalla) debe verse como la ilustración
de abajo:

Panel principal (Debajo de la "cabecera del panel principal")

Paso 1 - El panel principal se destaca 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 las opciones para el panel principal, haga clic
en 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



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


Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el panel derecho, haga clic en
el 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



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


Paso 6 - Exactamente como lo hicimos con nuestro panel de la izquierda que ahora se selecciona un
color 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 ventana
Paleta de colores.

Al hacer clic en el botón Examinar de color, como se describió anteriormente, la ventana de paleta
de 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:



El panel de la derecha debería mostrar ahora el color seleccionado (LightBlue) como su color de
fondo.

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 uso
del "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 a
continuación:



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 de
diseñ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 poco
más interesante para los visitantes.

Para los propósitos de la demostración, vamos a insertar algunos testimonios de clientes ficticios de
la 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:



Y luego, desde el menú "Editar", elija la opción "Seleccionar todo" opción, como se muestra en la
ilustración anterior.

Paso 12 - Con todo el texto ya seleccionado (resaltado en la ventana del navegador), selecciona el
menú "Edición", una vez más, a continuación, elegir la opción "Copiar" en el menú, como se mues-

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:



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 estos
cambios 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 de
hacer. La pantalla se verá así

Genial Casi lo tenemos terminado ...

A continuación vamos a crear nuestro pie de página y márgenes.



Pie de página

Paso 1 - El pie de página se pone de relieve en la siguiente ilustración


Paso 3 - En el lado izquierdo de la pantalla, ampliar las opciones para el pie de página haciendo clic
en 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:



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 7 - Activar el menú de navegación para este panel de control de la "incluir enlaces en el pie de
página" casilla de verificación.

Paso 8 - Podríamos simplemente seleccionar un color de fondo de nuestro pie de página, sino que
nuestro sitio sea increíblemente profesional usaremos un archivo de imagen, tal y como lo hemos
hecho 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:



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 la
ilustración de abajo:


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:


Por lo tanto, para aclarar esta parte: Usted quiere encontrar a su "Mis documentos", en la ventana
que 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 doble clic en el "Tutorial" carpeta en sí .

nidos de la carpeta se muestra a continuación:



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 parte
inferior 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 nuestro
fondo gráfico. Vamos a estar cambiando las opciones de texto en el panel de pie de página valores
que 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 visible
en el pie de página.



En lugar de cargar el selector de color en esta ocasión (haciendo clic en el botón de navegación en
color, como lo hemos hecho anteriormente en este Tutorial) que vamos a utilizar un acceso directo y
simplemente escriba la palabra "blanco" a la derecha en el cuadro de color en sí mismo (en lugar de
la 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 de
la fuente por defecto en negrita para este panel.

Su pie de pagina está terminada, Ahora vamos a configurar nuestra márgenes de página.



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 sitio
web.

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:



Paso 5 - Al hacer 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 la ilustración de
abajo:


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:


Por lo tanto, para aclarar esta parte: Usted quiere encontrar a su "Mis documentos", en la ventana
que 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 doble
clic en el "Tutorial" carpeta en sí

nidos de la carpeta se muestra a continuación:



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ño
de 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 del
espacio, 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, por
debajo del pie de página gráfico que desea).



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 imagen
seleccionada 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 la
cabecera 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 de
ejemplo 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 a
cómo se ven las cosas hasta ahora. Podemos hacer esto mediante la apertura de nuestra página de
nueva 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 a
continuación:



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), pero
usted 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



Lección 3 - Páginas Web
Lo que va a hacer


1. Cómo añadir nuevas páginas web
2. ¿Cómo introducir la información esencial sobre sus páginas web
3. Cómo editar las páginas web de diseño


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 de
páginas Web.

En el lado izquierdo verás tres botones: Agregar página, y otros en Eliminar y, por debajo de ellos
hay una caja en blanco. nosotros se hará referencia a este cuadro en blanco en la Lista de páginas
Web.



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



Paso 3 - En el cuadro Palabras clave ya no debe ser un número clave que originalmente introdujo al
crear el sitio web.

El software XSitePro sugiere que estas palabras clave, como es posible que desee utilizar, teniendo
en cuenta el tema general del sitio. puede editar y añadir a estos todo lo que quieras a un nivel de
pá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 se
han 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 a
ser breve para esta demostración.

Paso 5 - A continuación, debe especificar los menús (si existe) en el que desea mostrar un enlace a
esta 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 mapa
del sitio. Vamos a marcar esta casilla, en este ejemplo, para confirmar que desea mostrar esta página
en 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:



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 se
dará cuenta de que muy todo lo mucho que se ha establecido de acuerdo con la configuración que
acabamos de ingresar. Si desea cambiar alguna de sus páginas configuración en cualquier momento
futuro, 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.



Paso 1 - Asegúrese de que la página denominada Inicio se selecciona en la lista de la Página Web
de 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 a
la página siguiente se muestra. En la parte superior varios botones de barra de herramientas que le
permiten 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-



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 6 - Con el texto actual de manera segura en el portapapeles, ahora puede volver a XSitePro (al



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 copiado
anteriormente, 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



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 dos
primeras 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 de
fuente en la barra de herramientas (ver pantalla de abajo) y seleccionando



Nuevo en la lista desplegable Courier. A continuación, hacer el texto en negrita, como se muestra a
continuación:

Paso 10 - Vamos a destacar estas dos líneas. Haga clic en el botón de subrayar, a continuación, el
botó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 la
parte 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.



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 fila
hacia abajo, como se muestra a continuación:

Paso 13 - Ahora sólo vamos a negrita un texto más abajo en la copia. Buscar el siguiente texto en la
copia y hacer que negrita con el "Bold" botón, como se muestra en la ilustración de abajo:

"Hola Home Owner"

Haga lo mismo con el siguiente texto:

"Pete Stirling", y "Jefferson Robert"

Paso 14 - ¡Bien hecho! Cosas que se ven mucho mejor ahora. Usted puede obtener una mejor im-
presión, haga clic en la vista previa en la parte inferior de la página como se muestra a continua-
ción:



Esto abrirá la nueva página en el navegador web por defecto, que debe ser similar a la captura de
pantalla 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óxima
lección en cómo se puede acortar el proceso de creación de atractivas páginas usando una de las
muchas herramientas de gran alcance en XSitePro.

Lección 4 - Creación de Contenido Con QuickPages
Lo que va a hacer


1. Crear una página del artículo, utilizando QuickPages
2. Crear una página Detalles de contacto con QuickPages
3. Crear una página de Privacidad con QuickPages
4. páginas de la organización

El tiempo aproximado para completar: 20 Minutos



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 copiar
de los directorios de artículos libres.

En este ejemplo, vamos a utilizar la herramienta QuickPages la creación de dos páginas del artículo
diferente.

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 el
panel de vista previa, a la derecha de la lista de plantillas



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, visite
www.carpetcentral.org

En el cuadro Acerca de, escriba:

Alfombras central ha estado operando desde 1987 y
es un empleado orgulloso de 16 funcionarios en sus tres
tiendas. Hemos estado involucrados en las alfombras por
36 años y desempeñar un papel activo en la alfombra
Asociación de los minoristas.

En el cuadro Fuente, escriba:

www.carpetcentral.org

Así que, después de haber introducido esta información en las casillas correspondientes, la pantalla
se 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 puede
utilizar. Para ver este texto, escriba el URL a continuación, en el navegador de Internet.

http://www.xsitepro.com/article1.txt



Paso 8 - Una vez que la página se haya cargado, seleccione el menú "Edición", en el navegador, co-


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 el
ratón y luego, en el menú que aparece, seleccione "Pegar" para pegar el texto copiado anteriormen-
te, en este espacio.



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"

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 los
valores predeterminados.



Haga clic en "Crear página", se muestra a continuación, para completar el asistente QuickPage y en
realidad 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 otra
pá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-14
anteriores 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 paso
6), 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 puede
usar 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 web
rico 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 a
cada artículo nuevo que añadir a su sitio.



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-

Paso 2 - Al hacer clic en la "Página Añadir", como se describió anteriormente se carga la "Nueva
Pá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 crear
la 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 la
lista de páginas web a la izquierda de la página y utilizar la tecla de flecha hacia arriba como se
muestra abajo, para moverse que por encima de los dos artículos que entramos en la sección ante-
rior de esta lección.



Paso 5 - Una vez que haya hecho, haga clic en la página el artículo titulado "Crushmaster" y luego
pulsar la tecla "flecha derecha" botón, se muestra a continuación, para convertirlo en una subpágina
de la página de los artículos y luego hacer lo mismo para la página del artículo segundo que
que 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ágina
Crushmaster está seleccionado en la Web izquierda páginas de la lista, como se muestra a continua-
ción:



Ahora, en la "Descripción" cuadro de texto (en la pantalla de Configuración de página), escriba el
texto siguiente:

Alfombras central ha estado operando desde 1987 y es un empleado orgulloso de 16 funcionarios
en sus tres tiendas. Hemos estado involucrados en las alfombras por 36 años y desempeñar un 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ágina
web 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-



ción", en el navegador, como se muestra a continuación:



Paso 12 - De vuelta en la ventana del diseñador, haga clic dentro del área de la página en blanco con
el 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:



Paso 13 - Una vez que haya pegado el texto, la ventana de diseño de página debe verse como la
ilustració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 tecla
Enter, en el teclado.

Paso 15 - Haga clic derecho con el ratón, en esta posición del cursor, y en el menú contextual que
aparece, seleccione "Insertar enlaces a todas las subpáginas", a continuación, seleccione "Lista con
viñ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ón
aparecerá, como se muestra a continuación:



Sólo vamos a aceptar el texto por defecto la lista de estilos, por lo que simplemente haga clic en el
botó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,

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:



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 es
que una vez que haya configurado la página de los artículos centrales de esta manera, se puede
seguir 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 una
e-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. En
la lista de carpetas que necesita para ampliar el carpeta llamada "Declaración de privacidad" para
mostrar los estilos QuickPage diferentes dentro del mismo. - Como se muestra a continuación:



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 de
vista 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", se
muestra 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 con
hacer clic en "Crear página" para completar el asistente QuickPage y generar la página. La siguiente
ilustració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ía
con cualquier otra página en su sitio.



Lección 5 - Mapas de sitio y las páginas de enlaces
Lo que va a hacer


1. Activar el mapa del sitio y cambiar la configuración Mapa del Sitio
2. Vista previa del Mapa del sitio


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 este
momento.

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)



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



Paso 6 - En esta pantalla con pestañas, el único cambio que hará es cambiar el texto del título las
palabras "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 realidad
la 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 izquierda
de la pantalla, verá una nueva página llamada "Mapa de sitio", que se muestra en la siguiente ima-
gen:



Paso 2 - Para ver este sitio Mapa, seleccione la página Mapa del sitio en la lista de páginas Web y
haga clic en el botón "Preview" en la la esquina inferior izquierda de la pantalla, como se muestra a
continuación:

Paso 3 - Este se carga su página web en el sitio web de reciente creación, que muestra las páginas
que figuran en su sitio, perfectamente en la lista. La página se parecerá a la siguiente captura de
pantalla



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


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.


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áficos
complejos en tan sólo unos minutos. nosotros
se 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



Paso 3 - Con la página "Inicio" seleccionada, mirar a la pantalla Configuración de página, se mues-

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 que
figuran en su sitio actual.

Asegúrese de que las dos primeras casillas están marcadas. Esto se asegurará de que estas páginas
se muestran en la barra de navegación los menús de nuestro sitio. Las casillas de verificación, debe
verse 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 en
nuestro sitio Web. Ahora tenemos que asegurarse de que las otras páginas se establecen a parecer
demasiado. Así, en primer lugar, seleccionar la página siguiente en su lista de páginas Web, como



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én
marcadas) 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 de
que el menú de dos casillas de verificación se comprueban antes de pasar en la página siguiente en
la 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 los
menú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áficos
complejos 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.



Paso 1 - Seleccione la pestaña Diseño de página. Una vez seleccionado, el panel de vista previa se
parecerá 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 clic
en 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:



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 vea
el estilo llamado "Real". Seleccione la estilo haciendo clic en el nombre, en la lista. La pantalla de-
be parecerse a la siguiente ilustración:



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 de
menú, 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ú se
ajusta 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 muestra
a continuación:



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


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:



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:





El cuadro de color de fondo se actualizará para reflejar el nuevo color que haya especificado. Ahora
la 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 donde
es::

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



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

Paso 16 - Ya hemos terminado de realizar cambios en el diseño de nuestro menú de hoy, así que
adelante, 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 en
XSitePro

Eso es todo ...

Ahora, todas las páginas de su nuevo adoptará este gran estilo buscando menú gráfico, haciendo que
su 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:



Trabajar con menús horizontales
Al igual que con nuestro menú de navegación hacia la izquierda, si queremos podemos añadir un
menú 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 de
pá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:



Paso 2 En el lado izquierdo de la pantalla, ampliar las opciones de la barra de información haciendo
clic 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ño
WYSIWYG aparece, listo para nosotros para modificar el panel de barra de información, como una
parte de nuestro diseño Diseño de página.



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:



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

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


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 efecto
perjudicial 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 realmente
elementos obvios página. La buena noticia es que XSitePro hace que sea sencillo para averiguar lo
que hay que hacer y se puede incluso producir una lista con casillas de verificación que se puede
imprimir 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 las
tareas 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 hacer
la lista" seleccionar, como se muestra a continuación:



Paso 2 - Después de unos momentos, el sitio para hacer informe aparecerá en la pantalla, como se
muestra a continuación:

Paso 3 - Desde los detalles del informe se puede ver exactamente lo que hay que hacer en este sitio
web, 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



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

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 esta
pantalla.

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 cuenta
de que no hay ninguna descripción introducida, sólo como el informe nos dijo.

La pantalla será similar a la imagen de abajo:



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 informativo
artículos y características - todo acerca de cómo cuidar de su suelo, y cómo evitar comunes
errores de cuidado.

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


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

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

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (18)

Andere mochten auch

Andere mochten auch (20)

Ähnlich wie Tutorial en-castellano-no-oficial-de-xsite-pro

Ähnlich wie Tutorial en-castellano-no-oficial-de-xsite-pro (20)

Mehr von Complethost Soluciones Internet

Mehr von Complethost Soluciones Internet (20)

Kürzlich hochgeladen

Kürzlich hochgeladen (13)

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