crear un sitio web - uagm · html. herramientas para crear un sitio web •editores de páginas...
TRANSCRIPT
![Page 1: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/1.jpg)
Crear un Sitio Web
Crear un Sitio Web
Crear un Sitio Web
Yamil Natal Estela, MS
Profesor Conferenciante
Universidad del Este
![Page 2: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/2.jpg)
Objetivos
• ¿Qué es un Sitio Web?• Herramientas para crear un Sitio Web• Sistemas Manejadores de Contenido (CMS)• Weebly – CMS Gratis
Crear un Sitio Web
• Weebly – CMS Gratis– Crear cuenta– Crear páginas– Editar texto– Usar imágenes– Incluir encuestas– Mostrar videos
![Page 3: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/3.jpg)
¿Qué es un Sitio Web?
• Un Sitio Web es un conjunto de paginas Web
asociadas a una dirección de Internet.
www.suagm.edu
Crear un Sitio Web
www.endi.com
yamilnatal.weebly.com
![Page 4: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/4.jpg)
¿Qué es una página Web?
• Es un documento creado para Internet que puede contener:– Texto
– Imágenes
Crear un Sitio Web
– Imágenes
– Sonido
– Enlaces
– Programación
• Una de las extensiones más comunes es HTML.
![Page 5: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/5.jpg)
Herramientas para crear un Sitio Web
• Editores de páginas
– Adobe Dreamweaver
– Microsoft Expression Web
• Editores de fotos
Crear un Sitio Web
• Editores de fotos
– Adobe Photophop
• Sistemas Manejadores de Contenido (CMS)
– Joomla
– Weebly
![Page 6: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/6.jpg)
Sistemas Manejadores de Contenido
(CMS)
• Programas que permiten crear Sitios.
• Manejar grandes cantidades de páginas y archivos.
• Permiten a muchos usuarios trabajar en
Crear un Sitio Web
• Permiten a muchos usuarios trabajar en equipo y está basado en diferentes niveles de acceso.
• Proveen herramientas como membrecía, bases de datos y otros elementos de programación.
![Page 7: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/7.jpg)
Weebly.com – CMS Gratis
• Compañía dedicada a proveer servicios de hospedaje de Sitios Web.
Crear un Sitio Web
Sitios Web.
• Provee su propio CMS
• Servicios gratis y pagados.
![Page 8: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/8.jpg)
Crear una cuenta en Weebly.com
• Seleccione un nombre de usuario
• Una contraseña
Crear un Sitio Web
• Una contraseña
• Correo electrónico
![Page 9: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/9.jpg)
Seleccionar un título para el Sitio
Escribir el título para su Sitio Web.
Crear un Sitio Web
Si lo desea, puede cambiarlo luego.
![Page 10: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/10.jpg)
Seleccionar un Subdominio
El subdominio es parte de la
dirección de su Sitio
Crear un Sitio Web
dirección de su Sitio Web en Internet.
![Page 11: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/11.jpg)
Página en blanco
para contenido
DEM
OST
RA
CIÓ
NDesde este momento
puede
Crear un Sitio Web
DEM
OST
RA
CIÓ
N
puede comenzar a
crear el contenido de su Sitio Web.
![Page 12: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/12.jpg)
Ambiente de trabajo en Weebly.com
• Varias pestañas: Elementos, Diseño, Páginas y Configuración.
• Publicar página
• Ayuda Publicar
Terminar
Crear un Sitio Web
• Ayuda
• Terminar edición
Publicar
Página
![Page 13: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/13.jpg)
Elementos en las páginas
• Permiten crear espacios para texto, imágenes, videos, encuestas, entre otros.
Crear un Sitio Web
Categorías
![Page 14: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/14.jpg)
Elegir un diseño para la página
Crear un Sitio Web
![Page 15: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/15.jpg)
Editar elementos y el diseño
en las páginas
DEM
OST
RA
CIÓ
N
Arrastrar
Crear un Sitio Web
DEM
OST
RA
CIÓ
N
Arrastrar y editar
![Page 16: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/16.jpg)
Administrar y Crear páginas
Nombre de la página y opciones
Botón para crear una página nueva
Crear un Sitio Web
Páginas creadaspágina y opciones
![Page 17: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/17.jpg)
Configurar el Sitio Web
• Título, descripción, borrar sitio, etc.
• Algunas opciones
Crear un Sitio Web
• Algunas opciones solo están disponibles con el servicio de pago.
![Page 18: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/18.jpg)
Publicar el Sitio
http://nombresubdominio.weebly.com
DEM
OST
RA
CIÓ
N
Crear un Sitio Web
Publicar
Weebly le brinda a
opción de comprar un
dominio.
DEM
OST
RA
CIÓ
N
![Page 19: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/19.jpg)
Acceder a mi Sitio Web
Sitios Enlaces y
Crear un Sitio Web
Sitios creados en mi cuenta
Enlaces y sugerencias a servicios
![Page 20: Crear un Sitio Web - UAGM · HTML. Herramientas para crear un Sitio Web •Editores de páginas –Adobe Dreamweaver –Microsoft Expression Web •Editores de fotos ... Botón para](https://reader030.vdocuments.site/reader030/viewer/2022040202/5e7237d3c96a0c78f45aa431/html5/thumbnails/20.jpg)
Contacto
• Yamil Natal Estela, MS
Open Information Computer Systems
Profesor Conferenciante
Universidad del Este
Crear un Sitio Web
Universidad del Este
Campus Carolina
Tel. 787.257.7373 Ext. 2210