DISEÑO DE SITIOS WEB CON WIX

57
SEMINARIO HERRAMIENTAS TIC’S Y SEGURIDAD DE LA INFORMACIÒN BAJO ESTANDARES DE CALIDAD LINEYIS ISENIA DÍAZ.. INGENIERA DE SISTEMAS. UNIVERSIDAD DE LA GUAJIRA.

Transcript of DISEÑO DE SITIOS WEB CON WIX

Page 1: DISEÑO DE SITIOS WEB CON WIX

SEMINARIOHERRAMIENTAS TIC’S Y SEGURIDAD DE LA

INFORMACIÒN BAJO ESTANDARES DE CALIDAD

LINEYIS ISENIA DÍAZ..INGENIERA DE SISTEMAS. UNIVERSIDAD DE LA GUAJIRA.

Page 2: DISEÑO DE SITIOS WEB CON WIX

PAGINAS Y SITIOS WEB

Page 3: DISEÑO DE SITIOS WEB CON WIX

Una página web es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados páginas web.

Asimismo, un Sitio Web es un conjunto de páginas web relacionadas entre sí (tanto por la temática: afines, como físicamente: hiperenlaces) alojadas generalmente en un mismo servidor. Puede incluir texto, gráficos, ficheros de audio y vídeo, entre otros.

Page 4: DISEÑO DE SITIOS WEB CON WIX

Cada sitio web tiene una página de inicio (home page) que es el primer documento que ve el usuario cuando entra en el sitio web poniendo el nombre del dominio (dirección URL) de ese sitio web en un navegador. Todos los sitios web públicamente accesibles constituyen la gigantesca World Wide Web (www) de información. De la misma forma, Documento componente de un sitio web de la www que se especifica por una dirección única o URL. Es multimedia (porque puede contener textos, imágenes, sonidos, animaciones) con hiperenlaces (vínculos que permiten acceder a otras páginas) Visualmente se muestra en la pantalla del ordenador como si fuera una página.

Cabe resaltar que Página Web y Sitio Web no son sinónimos. Una página web es parte de un sitio web y es un único archivo con un nombre de archivo asignado, mientras que un sitio web es un conjunto de archivos llamados páginas web.

Page 5: DISEÑO DE SITIOS WEB CON WIX
Page 6: DISEÑO DE SITIOS WEB CON WIX

www.eswix.com www.webnode.es

¿DONDE PUEDES CREAR TU PAGINA O SITIOS WEB?

Page 7: DISEÑO DE SITIOS WEB CON WIX

CREACIÓN DE PAGINAS Y SITIOS WEB CON WIX

Page 8: DISEÑO DE SITIOS WEB CON WIX

1. Entrar a la pagina:

Es.wix.com

Page 9: DISEÑO DE SITIOS WEB CON WIX

2. Dale un clic al botón comienza Ahora.

Page 10: DISEÑO DE SITIOS WEB CON WIX

3. Llena el formulario que te aparece, o puedes elegir la opción iniciar seccion con facebook o con google. En esta caso vamos a hacerlo normalmente:

Page 11: DISEÑO DE SITIOS WEB CON WIX

4. Cuando hayas terminado dale clic a Continuar.

Page 12: DISEÑO DE SITIOS WEB CON WIX

5. Vuelve a llenar los datos que te solicita de nuevo y dale de nuevo a Regístrate.

Page 13: DISEÑO DE SITIOS WEB CON WIX

Ahora deberás de elegir que tipo de sitio web deseas realizar:

6. Ahora debes de darle un clic a YA.

Page 14: DISEÑO DE SITIOS WEB CON WIX

Ahora elige la plantilla que mas te guste, dándole un clic en Editar:

Page 15: DISEÑO DE SITIOS WEB CON WIX

Espera que se cargue la plantilla que has elegido:

Page 16: DISEÑO DE SITIOS WEB CON WIX

Ya estamos en el Editor

Page 17: DISEÑO DE SITIOS WEB CON WIX

PAGINAS

Nos permite modificar el nombre y agregar nuevas

paginas a nuestro sitio web.

Page 18: DISEÑO DE SITIOS WEB CON WIX
Page 19: DISEÑO DE SITIOS WEB CON WIX

Si deseas eliminar la pagina debes de darle clic a la tuerquita de la pagina y buscas la opción eliminar.

Page 20: DISEÑO DE SITIOS WEB CON WIX

Le das clic a la tuerquita para poder modificar las propiedades de la pagina.

Page 21: DISEÑO DE SITIOS WEB CON WIX

Para agregar una nueva pagina, buscas la opción +agregar pagina, luego elige el diseño y nombra tu pagina, luego dale clic a ok.

Page 22: DISEÑO DE SITIOS WEB CON WIX
Page 23: DISEÑO DE SITIOS WEB CON WIX
Page 24: DISEÑO DE SITIOS WEB CON WIX
Page 25: DISEÑO DE SITIOS WEB CON WIX

Este es el sitio web con las nuevas paginas creadas.

Page 26: DISEÑO DE SITIOS WEB CON WIX

Para poder modificar el texto de la pagina, dale un clic y busca la opción editar texto.

Page 27: DISEÑO DE SITIOS WEB CON WIX

Así como en Word, podrás digitar el texto, cambiar los colores y el estilo

del texto.

Page 28: DISEÑO DE SITIOS WEB CON WIX

Además, podrás agregarle animación a los cuadros de texto, dándole clic derecho y buscando la opción animación, luego elige la animación que te guste le das clic y presionas ok.

Page 29: DISEÑO DE SITIOS WEB CON WIX
Page 30: DISEÑO DE SITIOS WEB CON WIX

Al darle un clic aparecen diferentes herramientas para que puedas modificar y agregarle estilo a los párrafos y títulos.

Page 31: DISEÑO DE SITIOS WEB CON WIX

Si quieres cambiar las fotos de la galería dale un clic a Galería Slideshow.

Page 32: DISEÑO DE SITIOS WEB CON WIX

Dale un clic en cargar imagen, para que puedas subir las imágenes que deseas que hagan parte de tu galería.

Page 33: DISEÑO DE SITIOS WEB CON WIX

Si quieres cambiar las fotos de la galería dale un clic a Galería Slideshow.

Page 34: DISEÑO DE SITIOS WEB CON WIX

De un clic en agregar imagen para subir las imágenes que desea a su galería. Luego, presione Ok.

Page 35: DISEÑO DE SITIOS WEB CON WIX

Si deseas eliminar cualquier elemento de la plantilla que selecciono le das un clic derecho y le das un clic a la opción Eliminar la cual es como una canequita.

Page 36: DISEÑO DE SITIOS WEB CON WIX

La Herramienta Brochita te permitirá agregarle un diseño a tu pagina, podrás cambiarle el fondo, los colores y la fuente de tu sitio Web.

Page 37: DISEÑO DE SITIOS WEB CON WIX

Le das un clic a la herramienta Fondo y podrás seleccionar cualquier fondo que esta en la galería o si quieres podrás cargar y personalizar el fondo a tu gusto.

Page 38: DISEÑO DE SITIOS WEB CON WIX

Con la herramienta Colores podrás seleccionar la gama de colores que quieres que tenga tu sitio Web.

Page 39: DISEÑO DE SITIOS WEB CON WIX

Con la herramienta Fuentes podrás seleccionar el tipo de letra que deseas que tenga tu Sitio Web.

Page 40: DISEÑO DE SITIOS WEB CON WIX

La herramienta Agregar te permite agregar diferentes tipos de objetos tu sitio Web entre ellos texto, imagen, galería, media, formas y líneas, botones y menús entre otros.

Page 41: DISEÑO DE SITIOS WEB CON WIX

Tiene 2 tipos de texto que puedes agregar a tu sitio Web “Titulo y Párrafo”. Seleccione el que desea agregar y empiezas a editar el texto como quieras.

Page 42: DISEÑO DE SITIOS WEB CON WIX

Cuando seleccione algunas de las dos herramientas te aparecerá un cuadrito como el siguiente, hay podrás empezar a editar el texto como quieras. Además, lo podrás mover hacia cualquier parte de la pagina que tu quieras.

Page 43: DISEÑO DE SITIOS WEB CON WIX
Page 44: DISEÑO DE SITIOS WEB CON WIX

Con la herramienta Imagen podrás seleccionar la herramienta que necesitas, si quieres una imagen, imagen sin marco o Clip Art (figuras y formas especiales). Le das un clic en este caso agregaremos una imagen.

Page 45: DISEÑO DE SITIOS WEB CON WIX

Ves a la opción Cargan imagen para agregar la imagen o imágenes que deseas a tu pagina web.

Page 46: DISEÑO DE SITIOS WEB CON WIX

Debes de esperar que se cargue tu imagen y que aparezca por completo en la ventana de carga de las imágenes.

Page 47: DISEÑO DE SITIOS WEB CON WIX

Listo ya se cargo selecciónalo y le das clic en Agregar Imágenes.

Page 48: DISEÑO DE SITIOS WEB CON WIX

Deberá de aparecer la imagen donde tu la has seleccionado, ahora la podrás mover la imagen donde tu quieras.

Page 49: DISEÑO DE SITIOS WEB CON WIX

En la herramienta Media podrás agregar a tu pagina video, documento, botón reproductor de audio entre otros. En este caso seleccionaremos la herramienta video. Aparecerá la herramienta video y lo agregas donde tu quieras, deberá de salir una ventanita así como en Youtube.

Page 50: DISEÑO DE SITIOS WEB CON WIX

Ahora configuraremos la dirección del video. El cual deseamos que aparezca en nuestra pagina Web. Dale un clic a opciones.

Page 51: DISEÑO DE SITIOS WEB CON WIX

Aquí te solicita la Url del Video, para que la puedas encontrar en Youtube ves y buscas el video que quieras en Youtube. Así que vamos a Youtube a buscar la Url del video que deseas colocar en tu pagina Web.

Page 52: DISEÑO DE SITIOS WEB CON WIX

Esta es la Url de tu video cópiala.

Page 53: DISEÑO DE SITIOS WEB CON WIX

Ahora da un clic derecho y pégala en el cuadro que te lo solicitan para poder mostrar tu video. Dale un clic a Actualizar. Ahora podrás configurar acerca de cómo quieres que se vea el video en tu pagina.

Page 54: DISEÑO DE SITIOS WEB CON WIX

Ahora vamos a publicar nuestro sitio web. Dale un clic a Publicar que esta en la parte de arriba de tu área de trabajo.

Page 55: DISEÑO DE SITIOS WEB CON WIX

Ahora deberás de colocarle un nombre a tu Sitio Web y le das un clic en Guardar. Esta va a hacer tu dirección para que otras personas puedan entrar a tu Sitio Web. Recuerda guardar tu dirección, puedes copiarla para luego pegarla en la barra de direcciones de tu navegador preferido.

Page 56: DISEÑO DE SITIOS WEB CON WIX
Page 57: DISEÑO DE SITIOS WEB CON WIX

LISTO!!! YA ESTA CREADO TU SITIO WEB.