INSTITUTO TECNOLGICO DE TUXTLA

GUTIRREZ

INGENIERA EN GESTIN EMPRESARIAL

MATERIA:
MERCADOTECNIA ELECTRNICA

TEMA:
PGINA WEB WEEBLY

7MO. SEMESTRE

EQUIPO:
ACERO NURIULU YAJAIRA KARINA
FUENTES CRUZ LUIS OMAR
MOLINA CAMACHO ERIKA NAYELI
 WEEBLY
Es una plataforma online.
Fue creada en 2007 por David Rusenko, Chris Fanini, y
Dan Veltri.
Es un servicio de alojamiento web con un constructor de
sitios web de arrastrar y soltar.
Compite con Webnode, Jimdo, Webs, uCoz, Wix y otras
pginas de creacin de webs genricas
 CARACTERSTICAS DE WEEBLY
Interfaz sencilla que permite arrastrar y soltar los distinto elementos
que compondrn la pgina.
Docenas de diseos profesionales.
Permite crear una pgina web o un blog de forma gratuita.
No se requieren habilidades tcnicas.
Alojamiento de dominio gratuito: aunque da la opcin de adherirte a
un dominio ms sencillo para el cliente en la versin de pago.
 CARACTERSTICAS
Facilidad de uso.
Variedad y flexibilidad de diseos (plantillas)
Libre de publicidad.
Niveles de navegacin
Widgets (herramientas que aaden
funcionalidad)
Comercio electrnico (E-commerce)
Formulario de contacto.
Proteccin con contrasea
Aadir cdigo HTML
Espacio de almacenaje( 500 MB en planes
gratuitos)
 PUNTOS IMPORTANTES ANTES DE
COMENZAR A REALIZAR TU PGINA WEB

1. Para crear una cuenta en Weebly necesitas

tener un correo electrnico activo.

Vamos a comenzar
WWW.WEEBLY.COM
 CREAR CUENTA EN WEEBLY

Debes registrarte en la plataforma, poniendo tu nombre, tu correo y

una contrasea. Tambin puedes iniciar sesin con Facebook
 SELECCIONE EL DISEO DE PGINA

Haga un CLICK sobre el diseo o plantilla que desea, luego haga un

CLICK en CHOOSE (ver cuadro).
ESCRIBA LA DIRECCIN (URL) PARA SU SITIO WEB

Escriba la direccin que desea para su sitio web en el encasillado verde.

Recuerde que debe ser familiar al titulo de la pgina y que sea fcil para su
recuperacin en los buscadores. Weebly le informar si esta disponible la
direccin. Luego de corroborar su disponibilidad haga un CLICK a CONTINUE.
 BIENVENIDO A WEEBLY

Haga un CLICK en BUILD MY SITE (Construir sitio) para comenzar aadir

elementos de pgina.
 ENCABEZAMIENTO O TTULO DE PGINA

Para poner en encabezado de tu Blog puedes escribir el nombre o poner un

logo si es el caso.
Haga un CLICK sobre el encabezamiento o titulo de pgina, escriba el titulo de
la pgina y luego haga un CLICK fuera del cuadro de titulo (ver cuadro).
 Para cambiar la
imagen haz click en
editar imagen

Haz click en add

image (aadir
Tambin
puedes imgen)
agregar la
imagen o
texto desde
el botn
lateral.
Tienes varias
opciones para En este caso
elegir la elegimos subir de
imagen la PC, da click en
elegir imagen

Elige la imagen,
click en abrir
 Espera que se
cargue la imagen

Puedes
modificar el Cuando hayas
tamao de la terminado de
imagen y modificar la
ponerle efectos imagen haz click
con la barra de en OK
imgenes
 Espera que se
guarden tus
Tambin cambios
puedes
agregar
texto

Para guardar tu
imagen haz click
en save
(guardar), save
to this page
only (guardar
solo esta
pagina)
 ELEMENTOS QUE PUEDES AGREGAR A TU
BLOG

TEXTO
TITULO

IMAGEN IMAGEN
Y
TEXTO

PRESENTACIN
GALERA

MAPA CONTACTO
 ESTRUCTURA

DIVISOR COLUMNAS

CUADRO DE BOTN
BSQUEDA
 MEDIA

VIDEO DE
DOCUMENTO YOUTUBE

CARPETA DE
CONTENIDO DOCUMENTOS
FLASH
 COMPLEMENTOS

CDIGO
CITA EN EL
EMBEBIDO
BLOG

ENCUESTAS
ICONOS DE
REDES SOCIALES

FORMULARIO DE ENCUESTAS
PREGUNTA PARA ENVIAR

NOTICIAS CONCRETAR
CITAS

FORO
AGREGAR LOS ELEMENTOS A TU BLOG

AGREGA TUS DATOS EN LA BARRA

IZQUIERDA PARA LLENAR TU BLOG.
AGREGA ELEMENTOS A TU PGINA DE
INICIO.
DEBES ARRASTRAR EL ELEMENTO QUE
VAYAS A UTILIZAR HACIA LA PARTE
EN BLANCO
 En este caso
elegimos agregar
un ttulo a la
pgina

Haz click para

modificar
 PUEDES MODIFICAR TU ENTRADA
CON LA BARRA DE HERRAMIENTAS
DE TEXTO
PUEDES AGREGAR TEXTOS E
IMGENES TAMBIN.
ARRASTRE EL CONO DE IMAGEN AL
ESPACIO EN BLANCO
DA CLICK EN EL BOTN VERDE PARA
ELEGIR LA IMAGEN
PUEDES MODIFICAR LA FOTO A TU
GUSTO
GUARDAR Y PUBLICAR
MI PGINA
Debemos publicar nuestra pgina para
que todo lo editado quede guardado.
1. Haga un CLICK en PUBLISH.
2. Espere la opcin de
PUBLISHING.
3. Aparecer un cuadro con la
direccin (url) de la pgina
debidamente guardada y
publicada.
4. Para volver a editar cierre la
ventana en la (X).
AADIR ELEMENTO DE TITULO
Para aadir un titulo a cualquier parte de
nuestra pgina vamos al panel de
elementos en la parte izquierda.
1. Haga un CLICK en el cuadro TITLE.
2. Haga un CLICK SOSTENIDO y
arrastre hasta el cuadro principal.
3. En el encasillado de TITULO escriba
la parte que corresponde al titulo.
4. Edite el texto utilizando la barra de
herramientas en la parte superior del
encasillado de titulo.
5. Haga un CLICK en la parte externa
del encasillado para cerrar el mismo.
AADIR UN ELEMENTO DE TEXTO

Para aadir un texto a cualquier parte de nuestra

pgina vamos al panel de elementos en la parte

izquierda.
1.Haga un CLICK en el cuadro TEXT.
2.Haga un CLICK SOSTENIDO y arrastre hasta el
cuadro principal.
3.En el encasillado de TEXT escriba la parte que
corresponde texto.
4.Edite el texto utilizando la barra de herramientas en la
parte superior del encasillado de TEXT.
5.Haga un CLICK en la parte externa del encasillado
para cerrar el mismo.
AADIR ELEMENTO DE IMAGEN
Para aadir una imagen o foto a cualquier parte de nuestra pgina
vamos al panel de elementos en la parte izquierda.

1.Haga un CLICK en el cuadro IMAGE.

2.Haga un CLICK SOSTENIDO y arrastre hasta el cuadro principal.
3.Escoja UPLOAD A PHOTO FROM COMPUTER.
4.Localice la foto de preferencia en el archivo de su computadora
y escoja la misma, luego haga un CLICK a OPEN.
5.Haga un CLICK a ADD IMAGE
6.Aparecer un cuadro indicando la descarga de la foto a Weebly.
7.Haga un CLICK en la parte externa del encasillado para cerrar el
mismo.
 Para aadir una imagen o foto a cualquier
parte de nuestra pgina vamos al panel de
elementos en la parte izquierda.
1. Localice la foto de preferencia en el
archivo de su computadora y escoja
la misma, luego haga un CLICK a
OPEN.
2. Aparecer un cuadro indicando la
descarga de la foto a Weebly.
3. Si la foto es demasiado grande puede
hacerla mas pequea arrastrando
cualquiera de los cuatro puntos de
las equinas del cuadro.
4. Aparecer un men para editar la
foto.
 GUARDAR Y
PUBLICAR MI PGINA

Debemos publicar nuestra pgina para

que todo lo editado quede guardado.
1. Haga un CLICK en PUBLISH.
2. Espere la opcin de
PUBLISHING.
3. Aparecer un cuadro con la
direccin (url) de la pgina
debidamente guardada y
publicada.
4. Para volver a editar cierre la
ventana en la (X).
 Da click en la
opcin pginas

Puedes cambiar el
nombre de tu pgina
principal
 Da click en aadir
pgina

Elige el tipo de
pgina que quieras
agregar, en este
caso pgina de blog
 Nombra tu
pgina,
aparecer en
el lado
derecho.

Click en
guardar y
editar
 Puedes poner sub
pginas, arrastrando
a la pgina sobre la
otra

Guarda y editar

Para cambiar el
orden de las pginas,
arrastra la pgina
hasta el lugar
deseado
 Para agregar contenido a tu pgina
estndar, arrastra el botn hasta la parte
blanca, en este caso vamos a agregar un
video de youtube
Escribe el URL del video que
deseas poner.
Publicar una entrada en la pgina de BLOG
AADIR PGINA ESTNDAR
Podemos aadir una pgina estndar a
nuestro sitio web y redactar textos,
aadir imgenes o enlazar artculos de
inters.
1. En el men superior principal
haga un CLICK a PAGES.
2. Haga un CLICK en ADD PAGE y
luego a STANDARD PAGE.
3. Escriba el titulo de la pgina
estndar y escoja el tipo de
plantilla que prefiere.
4. Haga un CLICK a SAVE+EDIT
para guardar la pgina.
Aadir elemento de columnas
a pgina estndar
Para aadir columnas a nuestra pgina vamos
al panel de elementos en la parte izquierda.
1. Haga un CLICK en el cuadro COLUMNS.
2. Haga un CLICK SOSTENIDO y arrastre
hasta el cuadro principal.
3. En el encasillado aparece la lnea divisora
para las columnas. Puede escoger el
numero de columnas que desee en el
men superior del encasillado.
4. Haga un CLICK en la primera columna y
arrastre la accin deseada del panel de
elementos a la izquierda.
5. Haga un CLICK en la parte externa del
encasillado para cerrar el mismo.
AADIR ELEMENTO DE IMAGEN Y
TEXTO

En la pgina estndar puedes aadir varios elementos del panel izquierdo. Una
de las opciones es la combinacin de imagen y texto. Haga un CLICK en
IMAGE+TEXT y arrastre hasta el cuadro. Luego haga un clic en texto y aada
el texto que desea para su cuadro. Luego aada la foto o imagen haciendo un
CLICK en UPLOAD IMAGE.
 AADIR ENLACE AL TEXTO EN
CUALQUIER ELEMENTO DE PGINA

Luego de aadir un elemento de TEXT o IMAGE+TEXT en cualquier pgina

estndar o de blog, escriba el texto. Haga un CLICK sostenido y sombree el
texto a enlazar. En el men superior del encasillado aparecer e smbolo de
enlace () y haga un CLICK. Luego copie la direccin (url) de la
pgina web en el encasillado color verde y haga un CLICK a SAVE.
 Las imgenes igualmente puede insertar enlaces. Una vez insertado el
enlace, las letras se activan con un color distinto. Haga un CLICK en el
texto enlazado para ir a la pgina web.
AADIR ELEMENTO DE GALERA

Para aadir galera de fotos a

nuestra pgina vamos al panel
de elementos en la parte
izquierda.
1. Aada una pgina estndar
para crear una galera de
fotos.
2. Haga un CLICK en el
cuadro SLIDESHOW.
3. Haga un CLICK
SOSTENIDO y arrastre
hasta el cuadro principal.
1. Escoja el tipo de SLIDESHOW que
desea.
2. Haga un CLICK SOSTENIDO y
arrastre hasta el cuadro principal.
3. Localice las fotos de preferencia en el
archivo de su computadora y escoja
la misma, puede escoger mas de una,
luego haga un CLICK a OPEN.
4. Espere que descargue cada una de
las fotos seleccionada.
5. Haga un CLICK a SAVE.
AADIR ELEMENTO DE CONTACTOS
Para aadir una forma de contactos a
vamos al panel de elementos en la parte
izquierda.
1. Aada una pgina estndar para
crear una pgina de contactos.
2. Haga un CLICK en el cuadro
CONTACT FORM.
3. Haga un CLICK SOSTENIDO y
arrastre hasta el cuadro principal.
4. Escriba en el titulo la informacin
deseada.
5. Haga un CLICK en FORM
OPTIONS para editar el mensaje a
confirmacin y otras opciones.
1. En CONFIRMATION escriba el
mensaje de confirmacin para
el contacto.
2. Luego haga CLICK fuera del
cuadro de opciones y haga un
CLICK en SAVE.
GUARDAR Y
PUBLICAR MI
PGINA
Debemos publicar nuestra pgina para
que todo lo editado quede guardado.
1. Haga un CLICK en PUBLISH.
2. Espere la opcin de
PUBLISHING.
3. Aparecer un cuadro con la
direccin (url) de la pgina
debidamente guardada y
publicada.
4. Para volver a editar cierre la
ventana en la (X).
AADIR UNA SUBPGINA

Para mejorar nuestra pgina weblog podemos insertar subpginas dentro de pginas
creadas. Esto ayuda a maximizar y organizar la informacin. Haga un CLICK en PAGES.
Luego aada una pgina en ADD PAGE. Escriba el nombre de la pgina. Luego haga un
CLICK sostenido en la subpgina creada en el men a la izquierda y arrastre debajo de la
pgina deseada colocndola un poco a la izquierdaa para que reconozca que ser una
subpgina dentro de otra. Luego haga un CLICK en SAVE+EDIT.
AADIR UN ELEMENTO
DE VDEO
Para aadir video de YOUTUBE vamos
al panel de elementos en la parte
izquierda.
1. Aada una pgina estndar para
crear una pgina de contactos.
2. Haga un CLICK en el cuadro
YOUTUBE.
3. Haga un CLICK SOSTENIDO y
arrastre hasta el cuadro principal.
4. Haga un CLICK para aadir un
vdeo en el cuadro de video que
sale aparece.
1. Localice en YOUTUBE el video
que desea enlazar.
2. Sombree la direccin (url) en la
parte superior de la pgina web.
3. Luego haga un RIGHT CLICK en
la direccin y escoja la opcin de
COPY.
4. Vuelva a Weebly y en el
encasillado haga un RIGHT CLICK
y escoja la opcin de PASTE.
5. Haga un CLICK externo para
activar el video.
GUARDAR Y
PUBLICAR MI
PGINA
Debemos publicar nuestra pgina para
que todo lo editado quede guardado.
1. Haga un CLICK en PUBLISH.
2. Espere la opcin de
PUBLISHING.
3. Aparecer un cuadro con la
direccin (url) de la pgina
debidamente guardada y
publicada.
4. Para volver a editar cierre la
ventana en la (X).
8.1.- DA CLICK EN PUBLICAR
8.2.- PON UN NUEVO NOMBRE O
CONSERVA EL QUE PUSISTE AL
PRINCIPIO Y DA CLICK EN CONTINUAR.
 8.3.- ELIGE LA
CATEGORA DE TU
BLOG.

8.4.- Click en
continuar.