Manual Completo SiteBuilder v. 2

WWW.SITIODESOPORTE.COM
Antes que todo Solicitar Activación de Usuario y
Clave para poder grabar directamente en su sitio
web y hacer ZOOM para ver detalles mejor.
Para Paquetes PHB y PHBP
1. Paso, ingresar en su explorador de Internet :
http://sitebuilder.ns3.dnscalifornia.net/sitelogin.php
Después aparecerá la siguiente pantalla:
Ingresar Identidad del sitio
en este caso es el Usuario
(administrativo)
y clave proporcionado por
su administrador del sitio
Después solo presionar
Login
WWW.SITIODESOPORTE.COM
Cuando aparezca esta pantalla ya podemos iniciar
con el paso 1, que es Diseño, presionar sobre Diseño
Como Primer paso Seleccionar el Diseño
deseado presionando sobre Selecc.
apariencia o buscar uno diferente
presionando sobre la sección de categoría o
seleccionando otra pagina para ver mas
opciones de diseños
WWW.SITIODESOPORTE.COM
Una vez seleccionado un diseño aparecerá en
color naranja su marco y botones.
Una vez seleccionado el diseño, seleccionar el
color de la plantilla presionando sobre Color
Plantilla.
El sistema presentara hasta 3 opciones para seleccionar el color de la plantilla
donde pondrá su marco y botones en color naranja para presentarlo como
seleccionado, las opciones en colores siempre serán diferentes de acuerdo al
diseño seleccionado, después solo presionar sobre SELEC. COLOR del color
en plantilla preferido de acuerdo a las 3 opciones, de igual forma lo presentará
con su marco y botones en color naranja presentándolo como seleccionado
WWW.SITIODESOPORTE.COM
Una vez seleccionado el color de plantilla preferido en este caso es el ultimo,
ahora seleccionar un banner superior presionando sobre el botón que dice
Banner Superior
El sistema presentará el banner preseleccionado con marco y botones color
naranja, y el sistema presentara hasta 3 opciones para seleccionar uno diferente,
los cuales siempre son diferentes de acuerdo al diseño seleccionado, para
seleccionar uno diferente solo presionar sobre SELEC. BANNER
WWW.SITIODESOPORTE.COM
Una vez Seleccionando el Banner superior que esta marcado con marco y
botones color naranja, pasamos a seleccionar el tipo de botón presionando
sobre Botones
El Sistema presentara 3 opciones de botones a seleccionar siempre
diferentes de acuerdo al diseño, donde presentara con marco y botones
color naranja el seleccionado, al presionar sobre SELEC. BOTON
podemos seleccionar un diseño de botón diferente
WWW.SITIODESOPORTE.COM
Una vez seleccionado el tipo de botón aparecerá su marco y botón con color
naranja presentándolo como el seleccionado, después presionar sobre
logotipo para subir nuestro propio logo
El logotipo deberá estar en formato
JPG y se recomienda una medida de
42X42 Pixeles, después solo
presionar sobre Browse y aparecerá la
pantalla siguiente para indicar la
ubicación y nombre del logo a subir,
después solo presionar sobre open , el
nombre de la imagen no puede
contener espacios ni caracteres
especiales
WWW.SITIODESOPORTE.COM
Después solo presionar sobre Cargar
Después aparecerá el logo ya cargado al sistema, después seleccionar
Intro Flash si se quiere agregar uno
WWW.SITIODESOPORTE.COM
Seleccionar Activar Introducción Flash para estar disponible,
después ingresar el Texto Cabecera y Texto Cuerpo Central,
seleccionar esquema de fondo y esquema de objeto los cuales
varían de acuerdo al tipo de flash intro seleccionado, el cual esta
marcado con marco color naranja, en la parte inferior izquierda
puede Previsualizar cual será el resultado final del intro y seleccionar Aplicar
Una vez terminado el flash intro seleccionar
información
WWW.SITIODESOPORTE.COM
Ingresar el lema de la empresa, nombre de quien serán los
derechos reservados, dirección del sitio y nombre de la empresa,
esta información se vera reflejada en la pagina de inicio, por
ultimo presionar sobre aplicar y posterior mente para ver como
va su diseño presionar sobre Previsualizar Web
Una vez terminado todas las 1er sección de Diseño presionar sobre Paginas
Presionar sobre Paginas para seguir con la creación
de las diferentes secciones, tales como misión,
visión, contacto etc.
WWW.SITIODESOPORTE.COM
De acuerdo al diseño el sistema
propone secciones que pueden
existir dentro del sitio web, los
cuales se pueden seleccionar al
presionar sobre su casilla y
posteriormente presionando sobre
Añadir Páginas Seleccionadas
Todo diseño tiene como primer
pagina la sección de Home a la cual
podemos cambiarle de nombre
seleccionándolo para que este en
azul y presionando sobre Editar
titulo de pagina, después solo
ingresar nuevo titulo o nombre de
sección y presionar OK
WWW.SITIODESOPORTE.COM
Si queremos agregar secciones nuevas
sólo presionar sobre Añadir Página e
ingresar nombre de la sección o
página y presionar sobre OK
Si esta creada una sección por
equivocación y queremos
borrarla, solo seleccionarla para
que este en azul como
seleccionada y presionar sobre
Eliminar Pagina , el sistema
preguntará si estamos seguros y
solo presionar obre OK y de
forma automática se borra
WWW.SITIODESOPORTE.COM
Si queremos tener un Segundo nivel
dentro de una sección en este caso dentro
de sección 3 tener subnivel 3-1 y 3-2 ,
seleccionar 1 por 1 para que este en azul
y presionar sobre Mover página al nivel
inferior, pero primero uno y luego el
siguiente con el mismo proceso
Si por alguna razón nos equivocamos y
queremos mover al nivel principal una
sección en este caso la sección 3-1 solo
seleccionar para que este en azul y
presionar sobre Mover página al nivel
superior
WWW.SITIODESOPORTE.COM
En caso de querer mover un nivel
de posición solo seleccionarlo hasta
que este de color azul y presionar
sobre Mover página hacia arriba
para subirla o Mover página Hacia
Abajo para bajarla en caso de que
existan más secciones después de
esta.
En este caso subimos de posición la
sección 4 que ala vez se puede bajar de
posición si esto se requiere.
Una vez que terminamos con la sección de
páginas tenemos que editarlas y para esto
seleccionar la opción de Editar
WWW.SITIODESOPORTE.COM
Una vez que entramos por primera vez a la sección
de editar por default inicia el sistema con la 1er
sección que en este caso es Inicio, para empezar a
ingresar texto solo posicionar cursor sobre el texto
que aparece e iniciar ingresando el texto deseado
seleccionando el tipo, tamaño, color y fondo del
texto, así como tipo, negritas, itálica o subrayada
En este caso seleccionamos un texto tipo
Arial, de tamaño 12 en color negro con
fondo verde, para modificar otra sección
seleccionar solo presionando sobre ella,
ejemplo sección 3
WWW.SITIODESOPORTE.COM
Cada vez que cambiamos de sección el sistema
preguntará si queremos aplicar cambio, siempre
seleccionar si, en caso de estar de acuerdo con los
cambios realizados.
En este caso seleccionamos la sección 3 que
a su vez cuenta con 2 subsecciones que
también se pueden modificar, por default el
sistema nos presentará primero la sección
principal para ser modificada
WWW.SITIODESOPORTE.COM
En este caso ya modificamos la sección
principal la cual es la sección 3 de igual
forma que se modificó la sección de
inicio en pasos anteriores, para editar una
subsección solo seleccionar en este caso
modificaremos a subnivel 3-1 ésto se
hace solo presionando sobre él, de igual
forma preguntará el sistema si queremos
grabar y siempre seleccionar SÍ
En este caso ya estamos en la seccion3 y
subnivel 3-1 los cuales se están señalando,
como podemos notar ya que estos cambian en
su apariencia.
WWW.SITIODESOPORTE.COM
En este caso se ingresa texto de
igual forma que en la sección de
inicio
Para ingresar una imagen solo
presionar sobre el icono presentado
WWW.SITIODESOPORTE.COM
Aparecerá la siguiente pantalla
donde el primer paso es
seleccionar la imagen
presionando sobre Browse
Indicar donde se encuentra la
imagen seleccionar en formato JPG
y presionar Open o abrir, según sea
el caso, el nombre de la imagen no
puede contener espacios ni
caracteres especiales o marcara
error
WWW.SITIODESOPORTE.COM
Después seleccionar si lo deseamos
cargado a la derecha, izquierda u otro,
así como el espacio horizontal y
vertical que por lo regular es 0.
En este caso seleccionamos cargado ala
izquierda con un borde de 5 que
ingresamos directamente, después solo
presionar sobre Cargar, si queremos
podemos ingresar un texto alterno de forma
directa
WWW.SITIODESOPORTE.COM
Una vez que presionamos sobre cargar la
imagen aparecerá en la parte inferior de la
sección Previsualizar y si estamos seguros de
cómo se presenta, solo presionar sobre Aceptar
para agregarla al sitio
En este caso ya se agregó la imagen y el
procedimiento es el mismo para agregar más
imágenes
WWW.SITIODESOPORTE.COM
En caso de equivocarnos con alguna imagen, solo
presionar sobre ella para que aparezca seleccionada
y presionar borrar o delete de nuestro teclado de PC
En este caso ya borramos la imagen y ahora
queremos agregar un link de web presionando
sobre el icono presentado
WWW.SITIODESOPORTE.COM
Aparecerá la siguiente ventana donde se ingresara
la dirección adonde se dirigirá el link, ejemplo
www.sitiodesoporte.com , después ingresar el
texto del link que aparecerá en el sitio , después si
este estará ligado dentro del mismo sitio y no a otra
pagina seleccionar la sección, después ingresar
titulo del link, después destino esto es si queremos
que aparezca en la misma pagina o que se abra una
nueva, después seleccionar decoración del texto
como puede ser línea inferior y por ultimo
seleccionar Aceptar
Después aparecerá el link en color azul
ya listo para ser usado, de igual forma
se pueden agregar mas links
Si no se quiere Agregar mas opciones Brincar al la pagina que dice Propiedades
De lo contrario continuar.
WWW.SITIODESOPORTE.COM
Para Agregar un Contador solo presionar sobre el Icono del
Contador.
Aparecerá la siguiente caja y
hacer doble Click sobre éste
para editar
WWW.SITIODESOPORTE.COM
Seleccionar el tipo de contador a usar
el cual estará señalado con un marco
color naranja como seleccionado,
después indicar en que numeración se
quiere empezar, se puede
Previsualizar el resultado presionando
sobre preview
Una vez previsualizado terminar el
proceso presionando sobre Apply
WWW.SITIODESOPORTE.COM
Una vez terminada la instalación del contador
se puede eliminar seleccionándolo y
presionando sobre, si no, sólo continuar
presionando sobre Propiedades
Seccion de Propiedades del sitio web
Ingresar el título del sitio y después
palabras claves hasta 360caracteres y
por ultimo descripción del sitio con
hasta 30 palabras, por ultimo
seleccionar aplicar, nunca seleccionar
contraseña ni cambiar que sin esta no
podremos ayudarlo con soporte.
Por ultimo seleccionar Publicar
WWW.SITIODESOPORTE.COM
Por ultimo solo presionar sobre Publicar Sitio Web para poder
ver el diseño en Internet del sitio y es todo, ya publicó su
primer sitio, preguntar por módulos adicionales que estarán
disponibles muy pronto. [email protected]
Por ultimo solo presionar sobre salir