Guía del principiante a Weebly

Los ocho artículos en esta sección forman la Guía del principiante a Weebly. Si acaba de empezar, le recomendamos tomarse el tiempo para ir a través de cada uno de estos artículos cortos. En el momento en que haya terminado, usted estará listo para construir un primer sitio grande.

Primeros PasosWeebly es la forma más fácil de crear su propio sitio web. Pero eso no significa que usted no puede usar un poco de ayuda para llegar a saber cómo funciona todo.

Todo lo básico que necesita para armar su primera (y segunda, tercera, cuarta - incluso XVII) sitio se puede encontrar a través de estas páginas siguientes. Tómese unos minutos para leer esta guía y usted será un experto en aproximadamente el tiempo que se necesita para arreglar un buen desayuno. Tal vez uno que involucra panqueques.

Vamos a llegar a ella y construir una página web!

El título del sitio

Cada sitio debe tener un título, que es por eso que es la primera cosa que pedimos cuando se crea un nuevo sitio. Este título se puede cambiar fácilmente más tarde, así que no te preocupes demasiado por aquí.

La dirección Web

Cada sitio también debe tener una dirección (como www.weebly.com por ejemplo) para que sus visitantes puedan encontrar. Usted tiene tres opciones para elegir una dirección, y la dirección, como el título, se puede muy fácilmente cambiar en cualquier momento:

     Opción 1: utilizar un subdominio de Weebly.com - Esta es una dirección como yoursite.weebly.com. Completamente libre de utilizar.     Opción 2: Registrar un Nuevo Dominio - Si quieres tu propio dominio personal (como www.amazon.com o www.brookesbakery.com), se puede pagar para registrarse en esta opción.     Opción 3: Utilizar un dominio que ya posee - Si usted ya tiene un dominio que has comprado anteriormente a través de Weebly u otro proveedor, puede introducirlo aquí.

Si no estás seguro de lo que quieres hacer, sin embargo, simplemente debes introducir un libre sub-dominio a través de la opción A.Con estos primeros pasos realizados, el nuevo sitio debería ser muy similar a la imagen siguiente:

Ahora está listo para empezar a construir su sitio. En el proceso de construcción de su sitio (y la lectura de esta guía) que va a trabajar con:

Elementos

Los elementos son los bloques de construcción básicos de su sitio. Todo el contenido del sitio, ya sea texto, imágenes, videos o lo que sea, se añadió a través de un elemento.

paginasSu sitio puede tener tantas páginas y subpáginas como quieras, ya que no hay límite de páginas, ya sea para cuentas gratuitas o de pago. Estaremos agregando varias páginas (incluido un blog) en nuestro sitio de la prueba en esta guía.

Temas / DiseñoSe puede seleccionar entre uno cualquiera de un número de temas y cambiar a un tema diferente en cualquier momento. Esto afecta a la apariencia de su sitio. Todas sus páginas y elementos permanecen en el lugar, no importa qué el tema que usted elija. Vamos a cambiar los temas y tomar un vistazo de cerca a las opciones temáticas (como cambiar las fuentes) hacia el final de la guía.

Con los fundamentos hecho esto, el siguiente paso es aprender cómo Agregar sus primeros elementos a un sitio.

Primeros elementos: Agregar texto de su sitio

Como se indica en la página anterior, los elementos son los bloques de construcción de su sitio. Todo su contenido (aparte de unas pocas excepciones, como la imagen de cabecera, que trataremos más adelante) se añadió a través de un elemento. Vamos a explorar algunos de estos elementos y agregarlos a la primera página de nuestro sitio de ejemplo.

Elementos de texto

Agregar un elemento a un sitio es tan simple como hacer clic en ese elemento y arrastrarlo al área de contenido de una página. Vamos a arrastrar el elemento más básico - el elemento de párrafo - a este sitio de la muestra.

El elemento de párrafo es exactamente lo que suena - un elemento para la escritura de texto. Usted puede escribir una palabra, una frase o varios párrafos en un solo elemento. Basta con hacer clic en el elemento para iniciar la edición.

A medida que escribe el texto, tomar nota de la barra azul en la parte superior del editor. Cada elemento tiene su propia barra de herramientas con funciones específicas para ese elemento.

La barra de herramientas de texto que permite a (de izquierda a derecha) en negrita, cursiva, subrayado, cambiar el color, aumentar el tamaño y reducir el tamaño del texto seleccionado. También puede crear un enlace (vamos a echar un vistazo más de cerca a esto un poco más tarde) a otro sitio, una página dentro de su propio sitio, una dirección de correo electrónico o un archivo cargado.

Más allá de que se puede alinear todo el texto de un elemento a la izquierda, centro o derecha, crear dos listas con viñetas y listas numeradas, así como deshacer / rehacer los cambios.

Una cosa que usted puede notar que no podemos hacer es cambiar las fuentes. Eso es porque la fuente es controlada a través del tema del sitio y no en elementos individuales. Puede cambiar la fuente predeterminada para diferentes áreas de su sitio a través de la pestaña Diseño, y vamos a echar un vistazo más de cerca a esto un poco más adelante en la guía.

Vamos a añadir un poco de texto en nuestro sitio de ejemplo:

Para añadir más texto del que podríamos seguir escribiendo en este mismo elemento, agregar otro elemento de párrafo de la página, o utilizar uno de los tres otros elementos de texto:

Título - Se usa para agregar títulos / encabezados de una página. Párrafo w / Título - Un elemento de párrafo con un punto por el título ya construido adentro Párrafo w / Picture - Un elemento de párrafo con un espacio para un título y una imagen construido adentro

Cada uno de estos elementos utilizar la barra de herramientas de edición de texto mismo vimos anteriormente y se pueden apilar como muchos de ellos como quiera en una página.

Ahora, ¿cómo añadir imágenes a la página? Pasar a nuestros primeros elementos: Agregar página Pictures para obtener más información.

Primeros elementos: Agregar fotos Su Sitio

Hay cuatro elementos que se pueden utilizar para añadir imágenes a un sitio:

El párrafo anterior con elemento de imagen. El elemento de imagen - cargar una imagen por elemento. El elemento de la galería de fotos - subir tantas fotos como desee para crear una galería de

imágenes puede hacer clic. El elemento de diapositivas - subir tantas fotos como desee para crear una presentación de diapositivas de imágenes.

Adición de cualquier elemento de la imagen a su sitio funciona de la misma manera que la adición de un elemento de texto - sólo arrastrarlo a la página.

Cargar una imagen en un elemento de la imagen es tan sencillo como hacer clic en la imagen de muestra grande azul.

Se abrirá un cuadro de diálogo donde se selecciona cómo quieres subir tu imagen. Usted puede:

     Cargar una imagen desde tu ordenador.     Seleccione uno de libre Flickr, la biblioteca de búsqueda de imágenes de Creative commons licencia. Con esta opción, se agregará una atribución de copyright pequeño al pie de página de su sitio de enlace para el fotógrafo que tomó la imagen.     Introduzca la dirección de una imagen desde fuera en el Internet. Sólo debe utilizar esta tercera opción si usted ya tiene la imagen que está incrustando.

En este ejemplo he seleccionado la opción Mi PC y haga clic en Seleccionar archivo. Si lo hace, se abre un explorador de archivos en el ordenador a través del cual se puede seleccionar una imagen.

Hay un número de maneras diferentes de cambiar y editar una imagen cargada. El primero que notarás es el el pequeño pop-over menú que aparece encima de la imagen cuando se desplaza sobre ella. Con esto usted puede:

     Vincular la imagen al sitio, página dirección de correo electrónico o un archivo.     Agregar un título a la imagen.     Eliminar la imagen.

La segunda es la barra de herramientas azul que aparece en la parte superior de la pantalla cuando se hace clic directamente en la imagen. Utilice esta barra de herramientas (de izquierda a derecha) a:

Reemplazar la imagen actual con una nueva. Establecer un tamaño de borde (o ninguna frontera en absoluto).

Seleccione un borde gris o negro Coloque la imagen a la izquierda / centro / derecha del elemento (también puede arrastrar la imagen dentro del elemento para hacer esto). Utilice la opción avanzada para ajustar los márgenes alrededor de la imagen y entrar en Texto alternativo si es necesario (si usted no sabe lo que es Alt Text entonces no te preocupes acerca de su uso).

El tercero es el botón Editar que aparece en la parte superior izquierda de la imagen cuando pase el cursor sobre ella.

Esto nos lleva a nuestro editor ImagePerfect. Usted puede usar esto para recortar, rotar y añadir efectos a la imagen. También puede añadir más imágenes a este elemento de la imagen, pero esto es mucho más limitado que el uso de nuestra presentación de diapositivas o las opciones de Galería.

Tamaño Re-imagen haciendo clic y arrastrando el cuadro se encuentra en la esquina inferior derecha de cada esquina.Y eso es lo básico de trabajar con una imagen. Si usted desea aprender cómo usar específicamente una galería o presentación de diapositivas, ir a sus respectivas páginas de ayuda en esta sección de nuestro sitio de ayuda para leer sobre ellos.

Nuestro sitio ahora se ve así:

Como puedes ver, cada elemento que hemos añadido es apilado encima o por debajo de otro elemento como una columna de bloques de construcción. Elementos apilar uno encima del otro de forma predeterminada en el editor.

Pero lo que si queremos colocar dos o más elementos de lado a lado? Para ello, vaya al siguiente paso y aprender a alterar su diseño.

Modifique el diseño de una página con el elemento de la columna 2

Por defecto, el área de contenido de una página le permite sólo para apilar elementos uno encima

de otro. No importa cuántas veces lo intente arrastrar un elemento junto a otro elemento, siempre va a terminar por encima o por debajo de ese elemento. Esto funciona muy bien, a menos que desee alinear algunos de sus elementos de lado a lado en varias columnas. Ahí es donde el diseño de columna Dos entra en juego

El elemento de diseño de dos columnas funciona como cualquier otro elemento: simplemente arrastra a una página. Se apilan encima o por debajo de cualesquiera otros elementos ya ha colocado en esa página y está literalmente compone de dos columnas vacías separadas por una barra azul.

Esta barra azul se puede hacer clic y arrastrar hacia la derecha o hacia la izquierda para aumentar / disminuir el tamaño de una columna. Tenga en cuenta que esta barra no aparece en su sitio publicado, por lo que su contenido hermoso no será estropeado por una barra azul corriendo por el medio.

Adición de contenido a una de las columnas es tan simple como arrastrar ese contenido en la columna.

Movimiento de un elemento es tan simple clic y arrastrando en la barra azul en la parte superior del elemento.

El contenido de texto e imagen que subido anteriormente ahora se ha colocado en el elemento de la columna dos.

Una columna puede contener más de un elemento - se puede poner tantos elementos como desee en cada columna. También puede colocar otros elementos por encima o por debajo del diseño de dos columnas. Dale una oportunidad!

Ahora que ya hemos configurado una página de inicio básico, vamos a hacer algunos cambios a nuestro tema.

Cambiar temas y editar fuentesAhora que nuestro sitio está progresando, esto parece un buen momento para decidir qué tema va a utilizar para el diseño. Un tema puede ser seleccionado en cualquier momento (ya sea al principio, mitad o final del proceso de creación del sitio) y la selección de un tema nuevo, no se elimina o modifica el contenido de su sitio.

Para cambiar el tema, vaya a la pestaña Diseño:

Lo primero que vemos aquí es el "Favoritos", donde presentamos algunos de nuestros temas favoritos. Aquí es también donde sus temas favoritos propias aparecerá cuando se seleccionan.

Si se desplaza sobre un tema en el área de favoritos, verás cómo tu sitio se verá si selecciona ese tema. Si se desplaza fuera del tema, podrás ver el tema original de nuevo. Para seleccionar un tema, haga clic en él.

Si vas a la sección Todos los Temas de la ficha Diseño, vas a ver todos los temas. Estos pueden ser vistos como un grupo grande o mirando a través de diferentes categorías, como negocio o de la boda. No se sienta limitado por las categorías - cualquier tema puede ser utilizado por cualquier persona o empresa para crear un sitio bonito.

Cuando ves a un tema que le guste, desplazarse sobre ella y haga clic en el botón Vista previa para ver cómo se ve tu sitio web con este tema.

Así es como se ve nuestro sitio de ejemplo con el tema que hemos elegido para la vista previa.

Haga clic en Usar tema para utilizar el tema de su sitio, haga clic en Favoritos para agregar a su lista de Favoritos o en Cancelar para mirar a través de más temas.

Después de seleccionar un tema, utilice la sección Opciones de diseño para establecer los tipos de letra por defecto para ese tema.

Puede modificar los tipos de letra para el título del sitio, los títulos de párrafo, texto de párrafo (esta es la mayor parte del texto en su sitio) y por sus enlaces.

Tenemos aproximadamente cien diferentes tipos de letra para elegir. Usemos Josefin Sans estándar para este sitio.

Con un nuevo tema y tipo de letra elegido, vamos a ver cómo editar la imagen de un tema Encabezado.

Editar el encabezadoMuchos de nuestros temas incluyen un área de una imagen de cabecera (usted sabrá que su tema incluye esto si hay una imagen predeterminada en la parte superior del tema). Como es dudoso que usted desea utilizar la imagen por defecto en cualquiera de sus páginas, hemos creado una herramienta fácil de usar encabezado creación llamada ImagePerfect para que pueda hacer su propio encabezado.

Tenga en cuenta que si el tema no tiene una imagen de cabecera por defecto, no podrá utilizar esta función si no se selecciona otro tema.

Para empezar, desplazarse sobre la imagen de encabezado y haga clic en el botón Editar imagen:

Después de hacer esto, usted probablemente querrá seguir adelante y borrar la imagen predeterminada. Haga clic en la imagen y luego haga clic en la X roja en la esquina de hacerlo.

Para agregar una imagen para el encabezado, haga clic en el botón Agregar Imagen en la parte superior derecha.

Esto le da la opción de elegir su propia imagen ...

O elegir una Creative Commons con licencia foto de Flickr. Usted puede utilizar el campo correspondiente para buscar una imagen adecuada para su sitio.

Una vez que usted suba o seleccionar una imagen, se puede editar. Esta imagen es demasiado grande para la cabecera de la página.

Las imágenes pueden ser re-dimensionadas usando las pequeñas burbujas en cada esquina y lateral de la imagen.

Y una imagen puede ser arrastrado por clic en cualquier lugar en él y arrastrándolo.

Utilice las herramientas proporcionadas en la parte superior de la página para editar y añadir texto / efectos a la imagen según sea necesario.

Cuando estés satisfecho con la imagen, seleccione el botón Guardar para guardarlo. Puede utilizar la flecha a la derecha del botón Guardar para elegir si desea guardar la imagen en cada página del sitio, sólo la página de este o para seleccionar sólo ciertas páginas para guardarlo. De esta manera usted puede tener diferentes encabezados en diferentes páginas si lo desea.

Y así es como se ve la página con la imagen guardada. Puede desplazarse hacia atrás sobre un encabezado guardado para editarlo un poco más.

Tenga en cuenta que las imágenes múltiples se pueden agregar al encabezado del mismo con sólo seguir añadiendo imágenes utilizando el botón Añadir imagen.

Una vez hecho esto, vamos a seguir adelante y añadir más páginas al sitio.

Crear más páginas para su sitioSi usted es un usuario gratis o un suscriptor de nuestro servicio Pro, su sitio puede tener tantas páginas y subpáginas, según sea necesario. Ponemos sin límites de ningún tipo sobre el número de páginas que se pueden agregar a un sitio. Creación de una nueva página es tan simple como ir a la pestaña de páginas y haga clic en el botón Agregar página.

Hay una opción para agregar una página o agregar un Blog. Por ahora vamos a centrarnos en sólo la creación de nuevas páginas.

Al hacer clic en el botón Añadir página agrega una nueva página a su lista.

Trabajo de arriba a abajo, puede:

     Edita la página (que le llevará de vuelta a la zona de elementos del editor que hemos estado viendo anteriormente)     Copie la página para utilizarla como base de una nueva página     Eliminar la página     Cambie el nombre de la página     Ocultar la página en el menú de navegación. Si no está marcada la página es accesible a través de la navegación del sitio. Si la casilla está desactivada, la página está oculto a la navegación (aunque usted puede crear fácilmente sus propios enlaces a páginas ocultas)     Protección con contraseña de esta página, que requiere una suscripción a nuestro servicio Pro     Enlace a la página de un sitio externo (la creación de un vínculo de navegación que conduce a otro sitio totalmente).     Ajustar la Configuración avanzada.

Las opciones avanzadas de cada página son útiles para mejorar la optimización de su sitio web en buscadores. Si usted no sabe lo que es esto, simplemente lo ignoran por el momento. Usted puede aprender más acerca de SEO a través de la sección correspondiente de nuestro sitio de ayuda (una vez que esté más familiarizado con poner un sitio juntos).

Vamos a añadir varias nuevas páginas al sitio de ejemplo (click Agregar página volverá a añadir otra página y guardar los cambios a la página que estaba trabajando): una página para dulces horneados, una página para Savory hornea, una sobre Nuestros Chefs una página , un Escribanos página de un formulario de contacto, una tienda Visita nuestra página para proporcionar la dirección, las direcciones y un mapa.

Puede volver a organizar el orden de las páginas haciendo clic y arrastrándolos hacia arriba y hacia abajo en la lista. Al arrastrar una página a la parte superior de la lista hará que su página de inicio, que se indica con el icono de la casa a la extrema derecha del nombre de la página. La página de inicio puede tener cualquier nombre que desea que tenga - el nombre de inicio de este sitio ha sido cambiado a Welcome.

Vamos a crear una sub-página arrastrando la página Escribanos debajo ya la derecha de la Visita nuestra página Shop. Los sub-páginas aparecen en el menú de navegación del sitio como parte de

un menú desplegable por cualquier página que estés conectado con (bueno ver cómo se ve en un momento).

Para crear un sub-páginas, sólo tienes que arrastrar una página debajo de otra página y arrastre hacia la derecha hasta que vea cada uno conectado a la página principal a través de una línea de puntos. Usted puede tener tantas subpáginas de una página principal que desee.Ahora, el menú de navegación de nuestro sitio de la muestra (que anteriormente sólo mostraron un vínculo to Home) incluye enlaces a todas las páginas que hemos creado.

Y si nos desplazamos a través del enlace de cartera con el puntero del ratón, aparecerá un menú desplegable aparece con un enlace a cada una de las sub-páginas que hemos creado.

Para editar el contenido de una página basta con hacer clic en su enlace en el menú de navegación o ir a la pestaña de páginas, seleccione la página de la lista y haga clic en el botón Editar página.

Ahora echemos un vistazo a cómo añadir un blog a un sitio.

Comenzar un nuevo Blog

Para crear un blog, vaya a la pestaña Páginas del editor y haga clic en el botón Nuevo Blog

Esto agregará el blog a tu lista de páginas.

Dar el blog un nombre y haga clic en Editar página para empezar a añadir contenido.

Un nuevo blog comienza con una entrada de prueba (que se puede editar o borrar) y una barra lateral con un poco de contenido predeterminado que se puede cambiar fácilmente.

Para crear una nueva entrada en su blog, utilice el botón Publicar nuevo en la parte superior de la propia blog.

Su entrada en el blog tiene un título y un área de contenido. El título debe ser generalmente corto - no más de una frase larga o así. El área de contenido incluye un elemento básico párrafo que puedes editar o borrar.

Adición de contenido a un blog funciona de la misma manera que la adición de contenido a una página regular - sólo tienes que arrastrar elementos en el poste y editarlas para agregar contenido.

Una vez que haya añadido su contenido se puede categorizar el post - esta categoría aparecerá en la barra lateral, por lo que es más fácil para los visitantes a su blog para encontrar mensajes que cubren ciertos temas. Las categorías pueden ser lo que quieras y no es necesario su uso.

Ahora usted puede publicar el mensaje en su sitio vivo (lo que hará disponible al instante) o Guardar en borradores para editar / publicar más tarde.

Si guarda el mensaje como un borrador, que será accesible a través de una zona de corrientes de aire en la parte superior de la página del blog desde el editor (junto con cualquier otro borradores que has guardado). Haz clic en el enlace a la entrada de esta zona borradores para editarlo y además Guardar / Publicar.

Cada nueva entrada Publica tú aparecerá en la parte superior de la página, empujando las entradas más antiguas al final de la página. Después de agregar siete u ocho mensajes en la página, las entradas más antiguas se moverán fuera de la página principal a las páginas de archivo todavía accesibles.

Ahora que ya has aprendido lo básico, vamos a ver los pasos a seguir.

Publicar su sitio y próximos pasos

Ahora que ha añadido algunos contenidos básicos a su sitio, este es un buen momento de su publicación. Para ello, sólo tiene que utilizar el botón Publicar en la esquina superior derecha del editor.

Con ello se abre un cuadro de verificación, que le permite saber que su sitio ha sido publicado.

Puede hacer clic en la dirección publicada para ver su sitio (también se puede dar a esta dirección de modo que otras personas puedan usarla para visitar su sitio web), el uso de Facebook y Twitter botones para vincular a sus amigos y seguidores, ya sea proveedor para su sitio, y haga clic en la "x" en la esquina del cuadro para cerrar la caja y seguir editando su sitio.

Por supuesto, usted probablemente no está hecho con su sitio en este momento, y eso está bien. Puede seguir añadiendo contenido a través del editor cuando lo desee y haga clic en el botón Publicar para empujar el contenido a su sitio vivo. También puede anular la publicación de su sitio (si es necesario), vaya a Configuración> No publicar.

Otros temas de interés

Vea cómo configurar un formulario de contacto para que los visitantes a su sitio puede llegar a usted. Aprenda cómo funciona SEO para que pueda mejorar el ranking de su sitio en los motores de búsqueda como Google.

Ver cómo utilizar nuestros Comercio Electrónico elementos para crear una tienda en línea. Lea cómo añadir vídeo y audio contenido en el sitio. Aprenda a configurar un dominio personal y crear Correo electrónico para ese dominio. Utilice nuestro Búsqueda Ayuda para encontrar cualquier tema que quieren aprender más acerca de.