SlideShare una empresa de Scribd logo
C A M I L A S A S T O Q U E
J O H N R A M Í R E Z
P A O L A C A Ñ A S
Como crear una página Web
usando CMS
¿Qué es una página web?
 Una página web, página electrónica o ciberpágina, es
un documento o información electrónica capaz de
contener textos, sonido, video, programas, enlaces,
imágenes, y muchas otras cosas, adaptada para la
llamada World Wide Web (www) y que puede ser
accedida mediante un navegador.
 Está información se encuentra generalmente en
formato HTML o XHTML, y puede proporcionar
navegación a otras páginas web mediante enlaces de
hipertexto.
Como crear una página web usando cms
¿Qué es un CMS?
 Un CMS son las siglas de Content Management
System, o lo que viene a ser un sistema de gestión de
contenidos. Un CMS es un programa desarrollado
para que cualquier usuario pueda administrar y
gestionar contenidos de una web con facilidad y sin
conocimientos de programación Web.
CMS (Sistema de Gestión de Contenidos)
 No todas las páginas Web son iguales, para ello hay
tantos CMS como tipos de Webs.
 Los hay para blogs, páginas corporativas,
inmobiliarias, noticias, contenidos multimedia, etc.
 Algunos CMS son desarrollados con licencia gratuita
y otros son de pago.
Plataformas gratuitas de creación Web
 Para la creación de paginas Web ya no se necesita
poseer conocimientos técnicos en programación o
informática.
 Para acceder a este recurso solamente es necesario
saber de las plataformas que existen en línea para
crear páginas Web fáciles y rápidas.
 Algunas de las páginas Web populares que existen en
el mercado y que permiten a los usuarios crear
páginas web son: wix, Weely, Yola, Jimbo y
YouPaginaWeb, entre muchas otras.
Crear tu página Web
 Estas plataformas están diseñadas para crear una
página web ya sea personal o profesional.
 A continuación, mostraremos por medio de una
herramienta como crear una página web con
YouPaginaWeb, una página web de aspecto
profesional.
Pasos a Seguir
 Antes de comenzar la creación de una página Web, lo
primero es poseer una cuenta de correo electrónico,
es el primer requisito que exigirán todas las
plataformas para la creación de páginas Web.
…
 Después de registrar el correo electrónico,
usualmente aparecerá un recuadro a completar para
dar información complementaria para el registro de
la información personal de cada usuario. Debe
registrar la información personal así como el nombre
de usuario que desea para su página web.
…
 Dando clic en siguiente, lo que usualmente suele
aparecer en todas las plataformas para la creación
web es el siguiente recuadro:
 Usualmente antes de validar la información debes
elegir entre las diferentes ofertas que disponen las
plataformas. Puede escoger entre la versión gratuita
o una versión de pago. Además, debe escoger el
nombre de tu página web, es muy importante que
piense en el nombre, ya que es el que aparecerá en
internet.
 Vamos a crear una cuenta gratuita.
Después de haber validado toda la información personal, los usuarios se
encontrarán con un panel de control, donde se encuentran todas las
pestañas que utilizara para diseñar la página web.
Etapa I
 Definir el tipo de página web que desea crear, en este
caso vamos a iniciar el proceso con una “página web
de presentación”.
Etapa II
 Escoger el título de la página web, es importante que
sea un nombre agradable que llame la atención de
los internautas. Una vez escrito el título dar clic en
guardar y continuar.
Etapa III
 Es la elección de un logo. Es decir, una imagen que
represente a su página web. En esta plataforma
ofrecen dos alternativas. Una opción es escoger entre
los logos que ellos tienen o puede adjuntar una
imagen desde su computador si ya posee una.
 Después de haber seleccionado una imagen
aparecerá el logo en el recuadro. Siguiente guardar y
continuar.
Etapa IV
 Escribe el nombre de las páginas que vayas a agregar
para su sitio. Luego de haber hecho esto, dar clic en
guardar y continuar.
Etapa V
 Activar los recursos que ofrecen, esto permite que los
usuarios puedan enviar mensajes directos a su
página, como ver la información personal del creador
de la página web. Una vez seleccionados, dar clic en
guardar y continuar.
Etapa VI
 El diseño general para su página web.
…
 Al dar clic en “elegir diseño” encontrará modelos que
ofrece la página web para su página web. Solo debe
seleccionar la plantilla de su preferencia.
 Una vez finalizado todas las etapas encontrará un
recuadro como el que aparece a continuación donde
puede completar la página web yendo a los enlaces
que se encuentra en el cuadro o haciendo uso a la
barra de herramientas que se encuentra en la parte
superior de color negro.
Contenido Página Web
 Una vez terminado las etapas de creación de la
página web, en el módulo de secciones que se
encuentra tanto en el centro de ayuda como en la
barra de herramientas, las páginas que había sido
creadas anteriormente en la etapa 4. aquí puede
completar con más detalle la información de cada
página.
 En el panel que aparece abajo, puede escribir,
modificar, renombrar las páginas cuantas veces sea
necesario.
Como crear una página web usando cms
Modificar Información de la Página Web
 Seleccionamos por ejemplo la “Página de inicio” y se
abrirá una nueva ventana donde aparecerá un editor
tipo Word. Tiene el mismo funcionamiento que
Microsoft Word, la herramienta que utiliza la
mayoría de las personas para redactar un
documento, así que no habrá mayores dificultades
para agregar el contenido de su página web.
 Tiene el mismo estilo, aparece las pestañas de
archivo, editar, ver, formato, entre otros que le
permiten sentirse más cómodo durante el proceso de
creación web.
Como crear una página web usando cms
Modificar Información de la Página Web
 En la sección de álbumes tiene el mismo formato que
“sección”. En el cuadro siguiente puede crear los
álbumes convenientes para la página web y realizar
los cambios necesarios haciendo clic en cada
pequeña imagen que se encuentra allí.
Modificar Información de la Página Web
 Haciendo clic en mi álbum se abrirá una ventana
donde podrás agregar imágenes. Dispone de una
barra de herramientas al lado izquierdo para que
modifique las fotos (eliminar, tamaño, cambiar,
desplazar, etc.)
Página Web Creada
 Para pre visualizar su página web, haciendo clic en el
nombre de la dirección que había puesto, cuando
comenzó el proceso de creación de la cuenta. Aquí,
un recordatorio de cual es la dirección de la página
web creada.
Página Web Creada
 Haciendo clic podrá ver una vista previa de su página
web. Observara algo como lo siguiente:
Conceptos
 HTML: hace referencia al lenguaje de marcado para
la elaboración de páginas web. Es un estándar que
sirve de referencia de sofware.
 XHTML: es más estricto a nivel técnico, pero esto
permite que posteriormente sea más fácil al hacer
cambios o buscar errores entre otros.
 HIPERTEXTO: es una herramienta con estructura
secuencial que permite crear, agregar, enlazar y
compartir información de diversas fuentes por medio
de enlaces asociativos.
Bibliografía
 http://www.youpaginaweb.com/
 http://www.monografias.com/trabajos101/aprender-
crear-pagina-web-cms/aprender-crear-pagina-web-
cms.shtml#ixzz418kEsMyI Autor: Luis Esteban Camargo
 http://www.departamentodeinternet.com/que-es-un-
cms-y-que-ventajas-tiene/
 https://es.wikipedia.org/wiki/P%C3%A1gina_web
 https://www.google.com.co/search?q=pagina+web&biw
=1440&bih=799&source=lnms&tbm=isch&sa=X&ved=0
ahUKEwi70KTo3ZXLAhXIJh4KHTbHA-
sQ_AUIBigB#imgrc=TFjXcVLtUZOZVM%3A
A D M I N I S T R A C I Ó N E N S A L U D O C U P A C I O N A L
S E M E S T R E I
G E S T I Ó N B Á S I C A D E L A I N F O R M A C I Ó N
P R O F E S O R W I L M E R H E R N A N D E Z
UNIMINUTO

Más contenido relacionado

PDF
Tutorial de wix.com
PPT
David alexander cano vallejo
PDF
Manual de wordpress.com 2012
DOCX
PPTX
oferta Sena
DOCX
Actividad de la 1 hasta la 5
PPTX
Diapositivas
RTF
Miprimerapagina
Tutorial de wix.com
David alexander cano vallejo
Manual de wordpress.com 2012
oferta Sena
Actividad de la 1 hasta la 5
Diapositivas
Miprimerapagina

La actualidad más candente (16)

ODP
Presentadión del blog
RTF
Mi primera pagina_web[1]
PPT
Leidy carolina
PDF
Tutorial Blog
PPTX
Manual de frontpage
DOCX
PPTX
Cristina gallego
PPTX
Como utilizar wix
PDF
Manual jimdo (1)
PPTX
Frontpage3
PPT
Daniel josue serna 903
PPTX
Presentación slideshare
PDF
Presentación sobre algunos recursos de la Web 2.0 como Netvibes, GoogleCalend...
PPTX
Miriam
PPTX
Unidad educativa(1)
Presentadión del blog
Mi primera pagina_web[1]
Leidy carolina
Tutorial Blog
Manual de frontpage
Cristina gallego
Como utilizar wix
Manual jimdo (1)
Frontpage3
Daniel josue serna 903
Presentación slideshare
Presentación sobre algunos recursos de la Web 2.0 como Netvibes, GoogleCalend...
Miriam
Unidad educativa(1)
Publicidad

Similar a Como crear una página web usando cms (20)

DOCX
Proyblog
PPTX
Páginas web (1)
RTF
Miprimerapagina
PPTX
Actividad uno
PPTX
Paginas web
PPTX
PPTX
ESTANDARES
PPTX
PPTX
Actividad uno
DOCX
Pagina wix módulo 1
DOCX
Pagina wix módulo 1
PDF
Issuu1 a.v.v.m
DOCX
Paginaweb
PPTX
Paginas web
PPTX
PPTX
DOCX
Primerperiodo
PPTX
Actividad uno
PDF
Robert primera informatica(1)
PDF
Proyblog
Páginas web (1)
Miprimerapagina
Actividad uno
Paginas web
ESTANDARES
Actividad uno
Pagina wix módulo 1
Pagina wix módulo 1
Issuu1 a.v.v.m
Paginaweb
Paginas web
Primerperiodo
Actividad uno
Robert primera informatica(1)
Publicidad

Último (11)

PDF
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
PPT
laser seguridad a la salud humana de piel y vision en laser clase 4
PDF
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN
PDF
Herramientaa de google google keep, maps.pdf
PPTX
Presentación de un estudio de empresa pp
PDF
Mesopotamia y Egipto.pptx.pdf historia universal
PPTX
FUNCIONES DE CLASSROOM EN EL FUNCIONAMIENTO ESCOLAR
PPTX
tema-2-interes-.pptx44444444444444444444
PDF
Frases de Fidel Castro. Compilación Norelys Morales Aguilera
PPTX
Guia de power bi de cero a avanzado detallado
PPTX
presentacion_energias_renovables_renovable_.pptx
[Ebook gratuito] Introducción a la IA Generativa, Instalación y Configuración...
laser seguridad a la salud humana de piel y vision en laser clase 4
CAPACITACIÓN MIPIG - MODELO INTEGRADO DE PLANEACIÓN Y GESTIÓN
Herramientaa de google google keep, maps.pdf
Presentación de un estudio de empresa pp
Mesopotamia y Egipto.pptx.pdf historia universal
FUNCIONES DE CLASSROOM EN EL FUNCIONAMIENTO ESCOLAR
tema-2-interes-.pptx44444444444444444444
Frases de Fidel Castro. Compilación Norelys Morales Aguilera
Guia de power bi de cero a avanzado detallado
presentacion_energias_renovables_renovable_.pptx

Como crear una página web usando cms

  • 1. C A M I L A S A S T O Q U E J O H N R A M Í R E Z P A O L A C A Ñ A S Como crear una página Web usando CMS
  • 2. ¿Qué es una página web?  Una página web, página electrónica o ciberpágina, es un documento o información electrónica capaz de contener textos, sonido, video, programas, enlaces, imágenes, y muchas otras cosas, adaptada para la llamada World Wide Web (www) y que puede ser accedida mediante un navegador.  Está información se encuentra generalmente en formato HTML o XHTML, y puede proporcionar navegación a otras páginas web mediante enlaces de hipertexto.
  • 4. ¿Qué es un CMS?  Un CMS son las siglas de Content Management System, o lo que viene a ser un sistema de gestión de contenidos. Un CMS es un programa desarrollado para que cualquier usuario pueda administrar y gestionar contenidos de una web con facilidad y sin conocimientos de programación Web.
  • 5. CMS (Sistema de Gestión de Contenidos)  No todas las páginas Web son iguales, para ello hay tantos CMS como tipos de Webs.  Los hay para blogs, páginas corporativas, inmobiliarias, noticias, contenidos multimedia, etc.  Algunos CMS son desarrollados con licencia gratuita y otros son de pago.
  • 6. Plataformas gratuitas de creación Web  Para la creación de paginas Web ya no se necesita poseer conocimientos técnicos en programación o informática.  Para acceder a este recurso solamente es necesario saber de las plataformas que existen en línea para crear páginas Web fáciles y rápidas.  Algunas de las páginas Web populares que existen en el mercado y que permiten a los usuarios crear páginas web son: wix, Weely, Yola, Jimbo y YouPaginaWeb, entre muchas otras.
  • 7. Crear tu página Web  Estas plataformas están diseñadas para crear una página web ya sea personal o profesional.  A continuación, mostraremos por medio de una herramienta como crear una página web con YouPaginaWeb, una página web de aspecto profesional.
  • 8. Pasos a Seguir  Antes de comenzar la creación de una página Web, lo primero es poseer una cuenta de correo electrónico, es el primer requisito que exigirán todas las plataformas para la creación de páginas Web.
  • 9. …  Después de registrar el correo electrónico, usualmente aparecerá un recuadro a completar para dar información complementaria para el registro de la información personal de cada usuario. Debe registrar la información personal así como el nombre de usuario que desea para su página web.
  • 10. …  Dando clic en siguiente, lo que usualmente suele aparecer en todas las plataformas para la creación web es el siguiente recuadro:  Usualmente antes de validar la información debes elegir entre las diferentes ofertas que disponen las plataformas. Puede escoger entre la versión gratuita o una versión de pago. Además, debe escoger el nombre de tu página web, es muy importante que piense en el nombre, ya que es el que aparecerá en internet.  Vamos a crear una cuenta gratuita.
  • 11. Después de haber validado toda la información personal, los usuarios se encontrarán con un panel de control, donde se encuentran todas las pestañas que utilizara para diseñar la página web.
  • 12. Etapa I  Definir el tipo de página web que desea crear, en este caso vamos a iniciar el proceso con una “página web de presentación”.
  • 13. Etapa II  Escoger el título de la página web, es importante que sea un nombre agradable que llame la atención de los internautas. Una vez escrito el título dar clic en guardar y continuar.
  • 14. Etapa III  Es la elección de un logo. Es decir, una imagen que represente a su página web. En esta plataforma ofrecen dos alternativas. Una opción es escoger entre los logos que ellos tienen o puede adjuntar una imagen desde su computador si ya posee una.
  • 15.  Después de haber seleccionado una imagen aparecerá el logo en el recuadro. Siguiente guardar y continuar.
  • 16. Etapa IV  Escribe el nombre de las páginas que vayas a agregar para su sitio. Luego de haber hecho esto, dar clic en guardar y continuar.
  • 17. Etapa V  Activar los recursos que ofrecen, esto permite que los usuarios puedan enviar mensajes directos a su página, como ver la información personal del creador de la página web. Una vez seleccionados, dar clic en guardar y continuar.
  • 18. Etapa VI  El diseño general para su página web.
  • 19. …  Al dar clic en “elegir diseño” encontrará modelos que ofrece la página web para su página web. Solo debe seleccionar la plantilla de su preferencia.
  • 20.  Una vez finalizado todas las etapas encontrará un recuadro como el que aparece a continuación donde puede completar la página web yendo a los enlaces que se encuentra en el cuadro o haciendo uso a la barra de herramientas que se encuentra en la parte superior de color negro.
  • 21. Contenido Página Web  Una vez terminado las etapas de creación de la página web, en el módulo de secciones que se encuentra tanto en el centro de ayuda como en la barra de herramientas, las páginas que había sido creadas anteriormente en la etapa 4. aquí puede completar con más detalle la información de cada página.  En el panel que aparece abajo, puede escribir, modificar, renombrar las páginas cuantas veces sea necesario.
  • 23. Modificar Información de la Página Web  Seleccionamos por ejemplo la “Página de inicio” y se abrirá una nueva ventana donde aparecerá un editor tipo Word. Tiene el mismo funcionamiento que Microsoft Word, la herramienta que utiliza la mayoría de las personas para redactar un documento, así que no habrá mayores dificultades para agregar el contenido de su página web.  Tiene el mismo estilo, aparece las pestañas de archivo, editar, ver, formato, entre otros que le permiten sentirse más cómodo durante el proceso de creación web.
  • 25. Modificar Información de la Página Web  En la sección de álbumes tiene el mismo formato que “sección”. En el cuadro siguiente puede crear los álbumes convenientes para la página web y realizar los cambios necesarios haciendo clic en cada pequeña imagen que se encuentra allí.
  • 26. Modificar Información de la Página Web  Haciendo clic en mi álbum se abrirá una ventana donde podrás agregar imágenes. Dispone de una barra de herramientas al lado izquierdo para que modifique las fotos (eliminar, tamaño, cambiar, desplazar, etc.)
  • 27. Página Web Creada  Para pre visualizar su página web, haciendo clic en el nombre de la dirección que había puesto, cuando comenzó el proceso de creación de la cuenta. Aquí, un recordatorio de cual es la dirección de la página web creada.
  • 28. Página Web Creada  Haciendo clic podrá ver una vista previa de su página web. Observara algo como lo siguiente:
  • 29. Conceptos  HTML: hace referencia al lenguaje de marcado para la elaboración de páginas web. Es un estándar que sirve de referencia de sofware.  XHTML: es más estricto a nivel técnico, pero esto permite que posteriormente sea más fácil al hacer cambios o buscar errores entre otros.  HIPERTEXTO: es una herramienta con estructura secuencial que permite crear, agregar, enlazar y compartir información de diversas fuentes por medio de enlaces asociativos.
  • 30. Bibliografía  http://www.youpaginaweb.com/  http://www.monografias.com/trabajos101/aprender- crear-pagina-web-cms/aprender-crear-pagina-web- cms.shtml#ixzz418kEsMyI Autor: Luis Esteban Camargo  http://www.departamentodeinternet.com/que-es-un- cms-y-que-ventajas-tiene/  https://es.wikipedia.org/wiki/P%C3%A1gina_web  https://www.google.com.co/search?q=pagina+web&biw =1440&bih=799&source=lnms&tbm=isch&sa=X&ved=0 ahUKEwi70KTo3ZXLAhXIJh4KHTbHA- sQ_AUIBigB#imgrc=TFjXcVLtUZOZVM%3A
  • 31. A D M I N I S T R A C I Ó N E N S A L U D O C U P A C I O N A L S E M E S T R E I G E S T I Ó N B Á S I C A D E L A I N F O R M A C I Ó N P R O F E S O R W I L M E R H E R N A N D E Z UNIMINUTO