SlideShare una empresa de Scribd logo
1 de 21
Descargar para leer sin conexión
UNIVERSIDAD TÉCNICA DE AMBATO
CIENCIAS HUMANAS Y DE LA EDUCACION
DOCENCIA EN INFORMATICA
Modulo
Programación Web 1
Estudiante
Diana Vivanco
Séptimo Semestre
Que es Joomla
 Joomla es un gestor de contenidos
o CMS que nos permite crear un
portal web de una forma sencilla y
rápida pero que a su vez dispone
de los complementos suficientes
como para poder ampliar la
plataforma y utilizarla para diversos
fines como publicación de blogs,
foros, gestor de noticias
Que es Joomla
 Joomla es una herramienta que
necesita de un servidor Apache con
PHP y acceso a bases de datos
MySQL. Los servidores web de los
planes de alojamiento de Hostinet
son LAMP (Linux, Apche, MySQL, y
PHP), por lo que cumplen con los
requerimientos de Joomla.
Cómo instalar Joomla 1.5.15
 Para poder instalar la última
versión estable de Joomla, que en
estos momentos es Joomla 1.5.15
podemos acceder a la web oficial
en castellano ded la herramienta
Joomla Spanish.
 Desde la misma portada de la web
podremos descargar un archivo con
la instalación de Joomla.
 A continuación deberemos extraer el contenido de ese archivo comprimido en
nuestro ordenador y veremos cómo se crea un directorio con el siguiente
nombre: Joomla_1.5.15-Spanish-pack_completo
 Debemos subir el contenido de ese directorio o carpeta a nuestro alojamiento
a través de FTP. Podremos subirlo tanto al directorio "public_html" de nuestro
alojamiento, como a una carpeta creada a tal efecto. En el primer caso,
Joomla se mostrará en Internet nada más acceder a nuestro dominio. Para
poder subir nuestra instalación de Joomla por FTP podemos usar un cliente de
FTP libre y gratuito como Filezilla
¿Cómo subir archivos por FTP a través de
Filezilla?
 FileZilla es uno de los clientes FTP
más extendidos entre la comunidad
de Internet puesto que es gratuito,
libre y de código abierto. A
continuación, explicaremos el
funcionamiento de Filezilla para
poder subir y descargar archivos en
una página web.
 En primer lugar, debes descargar
FileZilla desde su web oficial e
instalarlo en tu ordenador personal.
 Rellena los datos necesarios para
poder acceder a tu sitio en remoto.
 servidor / host - El nombre de tu
dominio, sin www ni http:// por
delante.
usuario – El nombre de usuario de tu
alojamiento
contraseña – La contraseña de tu
alojamiento.
 Si introduces los datos
correctamente y pulsas Intro o el
botón "Conectar" o "Connect" podrás
acceder a la estructura de tu
ordenador en el área de la izquierda
de la pantalla y la de tu servidor en
el área de la derecha.
Conectando al servidor
 En este momento, bastará con que
selecciones los archivos o carpetas
que deseas subir a tu alojamiento.
Pulsando con el botón derecho sobre
ello, selecciona la opción que más te
interese para esos archivos: "Upload"
(Subir), "Download" (descargar),
"Delete" (eliminar), "Rename"
(renombrar), entre otras muchas.
 Es muy importante recordar que si
quieres que tu página web se
visualice correctamente cuando
teclees el nombre de tu dominio en
un navegador de Internet, deberás
alojar los archivos de tu web dentro
del directorio "public_html" de tu
alojamiento. De otro modo, no
conseguirás visualizar nada bajo tu
dominio.
 Accede a la carpeta en la que se
deben modificarse los archivos que
desees.
Configurando Joomla
 Una vez subidos todos los archivos
procederemos al incio de la
instalación de Joomla. Deberemos
introducir nuestro dominio en la
barra de direcciones de nuestro
navegador web (Internet Explorer,
Mozilla Firefox…), y de este modo
arrancará la instalación guiada de la
plataforma.
 En el primer paso se nos pide el
idioma que deseamos utilizar durante
la instalación: "Escoja el idioma que
desea utilizar durante la instalación"
 Después Joomla realizará una
comprobación previa de nuestro
servidor: "Si alguno de estos
elementos está marcado en rojo,
debe corregirse".
 En el segundo campo de valores
recomendados, son simples
recomendaciones por loq eu
podremos continuar adelante
aunque haya algún mensaje en
rojo.
 En el siguiente paso deberemos
aprobar la licencia GNU/GPL de
Joomla para la distribución de este
software. Al tratarse de una
licencia libre el derecho de
distribución no es muy restricitivo
por lo que podremos aprobar este
paso sin problemas.
 El siguiente paso es probablemente el más importante de toda la
instalación puesto que deberemos indicar los datos de conexión de la base
de datos MySQL de nuestro servidor con la herramienta Joomla. Antes de
nada deberemos acceder al panel de control cPanel y crear una base de
datos MySQL con su correspondiente usuario:
Cómo crear una base de datos MySQL
desde el cPanel
 Una vez creada nuestra base de datos desde cPanel
deberemos introducir los datos resultantes en este
proceso de la instalación:
 Tipo de la bas de datos: MySQL
 Nombre del servidor: localhost
 Nombre de usuario: (el usaurio de la base de datos que
hemos creado en cPanel)
 Contraseña: (la contraseña que le hemos dado a ese
usuario)
 Nombre de la base de datos: (el nombre de la base de
datos que hemos creado en cPanel)
 En el siguiente paso debemos comprobar
la configuración de FTP y la información
que tendremos que introducir es la que ya
tendremos en nuestro email de activación
de servicios de Hostinet.
 Nombre de usuario: (el usuario de nuestro
FTP / cPanel)
 Contraseña de FTP: (la contraseá de
nuestro FTP / cPanel)
 Ruta a la carpeta de Joomla desde la raíz
FTP: (el directorio de publicación, por
defecto será public_html)
 Estamos acercándonos al final de la
instalación de Joomla y en este
paso lo que deberemos configurar
es el acceso a la administración de
la plataforma. Tendremos que
introducir el nombre de nuestra
web, un email de administración y
la contraseña de acceso.
 Hemos finalizado la instalación de
Joomla! En este momento ya
hemos terminado de instalar la
plataforma, pero aún debemos
realizar una pequeña
comprobación para garantizar la
seguridad de nuestra instalación.
Deberemos eliminar por FTP el
directorio de instalación llamado
installation. De no ser así no
podremos acceder a la
adminsitración de Joomla.
Accediendo a Joomla
 Si accedemos a nuestro dominio podremos
ver cómo se presenta la portada por
defecto de Joomla obviamente esta
apariencia irá cambiando si subimos
nuevos diseños y si escribimos nuevas
entradas en nuestra web. Para tal fin esta
a disposición el panel de administración
de Joomla desde donde podremos
gestionar la herramienta.
 Para poder conocer de un modo mejor
cómo empezar a utilizar el editor de
noticias, cómo poder cambiar el diseño de
nuestra web o cómo gestionar ese panel
de administración podemos dirigirnos a la
web oficial de Joomla en español, donde
encontraremos toda la documentación
necesaria.
 El acceso al panel de
administración siempre será la
dirección de la instalación de
Joomla seguida de
/administrator/.
¿Cómo cambiar la plantilla o diseño de
nuestro Joomla! ?
 En primer lugar deberemos acceder a
nuestro panel de administración del gestor
de contenidos:
 http://midominio.es/administrator
(sustituyendo midominio.es pro el nombre de
nuestro dominio)
 A continuación acudimos a la sección
Extensiones / Gestor de Plantillas
 En esta sección Estilos que aparece marcada
en la imagen, encontraremos un listado de
las plantillas o diseños instalados en nuestro
Joomla, por defecto podemos encontrar
algunos que llevan por nombre Beez3,
Hathor, Isis o Protostar. Mediante las
funciones de esta sección podremos, de
manera sencilla, cambiar la apariencia total
de nuestro sitio y nuestro panel de
administración con tan solo un par de clicks
de ratón y sin utilizar ni una sola línea de
código.
 Hay que diferenciar en plantillas de Sitio y
plantillas de Administración. Las primeras
modifican la apariencia de nuestra web y las
segundas modifican la apariencia de nuestro
panel de administración.
 Para cambiar el estilo de nuestro Joomla,
seleccionamos aquel que queramos usar y
marcamos la opción Establecer por defecto.
¿Cómo crear nuestro primer artículo en
Joomla?
 En primer lugar debemos acceder
a nuestro panel de administración
del gestor de contenidos:
 http://midominio.es/administrator
(sustituyendo midominio.es pro el
nombre de nuestro dominio)
 A continuación acudimos a la
sección Contenido / Gestor de
Artículos / Añadir nuevo artículo
 Nos encontraremos con el menú de Detalles del Artículo, el más importante de todos, y podremos incluir estos elementos:
 Título: El título que va a llevar nuestro artículo y que lo va a definir y representar
 Categoría: Podemos agrupar nuestras noticias en Categorías para que los visitantes puedan consultar los temas que más les interesen.
 Editor visual: Podremos escribir el cuerpo de nuestro artículo y darle una composición con elementos usuales tales como negritas,
cursivas, enlaces o cualquier otro formato de texto enriquecido
 Imágenes y enlaces: Podemos completar nuestro artículo con imágenes a modo de galería o con enlaces para ofrecer más información
a los lectores.
 En la barra lateral derecha de esta sección podremos ver un menú llamado Detalles, que nos define elementos tan importantes de un
artículo como si por ejemplo será o no publicado.
 Estatus: Define si el artículo será Publicado o simplemente Archivado para su futura publicación
 Acceso: Podemos definir si será visible para todos los visitantes o si necesitará de un permiso especial para su visualización.
 Destacados: Si queremos que el artículo aparezca como destacado en nuestra web.
 Idioma: Podremos elegir el idioma al que corresponde el artículo.
 En paralelo nos encontramos con otras secciones avanzadas de edición. Es recomendable que poco a poco vayamos conociendo su
funcionamiento para optimizar el resultado de nuestras publicaciones aunque no son imprescindibles para comenzar con Joomla.
 Opciones de Publicación
 Opciones Artículo
 Configurar la pantalla de Edición
 Opciones Metadatos
 Permisos Artículos
 Si debemos prestar atención a la parte superior de la página en la que estamos y que nos ofrecerá la posibilidad de guardar el artículo
comenzado a modo de borrador mediante las opciones de Guardar & Cerrar y Guardar & Nuevo.
 Y por último, si queremos publicar el artículo deberemos usar el botón verde que lleva por nombre Aplicar.

Más contenido relacionado

La actualidad más candente

Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5Digital Pymes
 
Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5alfredorvr07
 
Manual de wordpress
Manual de wordpressManual de wordpress
Manual de wordpressJess Abad
 
Guia joomla 15
Guia joomla 15Guia joomla 15
Guia joomla 15Gonzalo S
 
Alfabetización Informática - 3. Navegador Web
Alfabetización Informática - 3. Navegador WebAlfabetización Informática - 3. Navegador Web
Alfabetización Informática - 3. Navegador WebAndy Juan Sarango Veliz
 
Guia de Instalación Moodle PLATAFORMAS E LEARNING
Guia de Instalación Moodle PLATAFORMAS E LEARNINGGuia de Instalación Moodle PLATAFORMAS E LEARNING
Guia de Instalación Moodle PLATAFORMAS E LEARNINGMefero90
 
Manual Admon Contenidos Joomla 1.5 V2 Gen
Manual Admon Contenidos Joomla 1.5 V2 GenManual Admon Contenidos Joomla 1.5 V2 Gen
Manual Admon Contenidos Joomla 1.5 V2 GenKnowldedge Factory
 
Presentacion de joomla_completa
Presentacion de joomla_completaPresentacion de joomla_completa
Presentacion de joomla_completaMjP86
 
05 Joomla. Consideraciones Globales
05 Joomla. Consideraciones Globales05 Joomla. Consideraciones Globales
05 Joomla. Consideraciones GlobalesJosé M. Padilla
 

La actualidad más candente (17)

Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5
 
Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5Guiadeiniciorapidoparaelusuariode joomla1.5
Guiadeiniciorapidoparaelusuariode joomla1.5
 
Joomla CMS
Joomla CMSJoomla CMS
Joomla CMS
 
A.3 bolaños.coronel.henry.g2.ppt
A.3 bolaños.coronel.henry.g2.pptA.3 bolaños.coronel.henry.g2.ppt
A.3 bolaños.coronel.henry.g2.ppt
 
Manual de wordpress
Manual de wordpressManual de wordpress
Manual de wordpress
 
Microsoft frontpage
Microsoft frontpageMicrosoft frontpage
Microsoft frontpage
 
Guia joomla 15
Guia joomla 15Guia joomla 15
Guia joomla 15
 
Alfabetización Informática - 3. Navegador Web
Alfabetización Informática - 3. Navegador WebAlfabetización Informática - 3. Navegador Web
Alfabetización Informática - 3. Navegador Web
 
2. wordpress.com
2. wordpress.com2. wordpress.com
2. wordpress.com
 
Guia de Instalación Moodle PLATAFORMAS E LEARNING
Guia de Instalación Moodle PLATAFORMAS E LEARNINGGuia de Instalación Moodle PLATAFORMAS E LEARNING
Guia de Instalación Moodle PLATAFORMAS E LEARNING
 
Manual de usuario
Manual de usuarioManual de usuario
Manual de usuario
 
Manual Admon Contenidos Joomla 1.5 V2 Gen
Manual Admon Contenidos Joomla 1.5 V2 GenManual Admon Contenidos Joomla 1.5 V2 Gen
Manual Admon Contenidos Joomla 1.5 V2 Gen
 
Cuestionario joomla
Cuestionario joomlaCuestionario joomla
Cuestionario joomla
 
Manual cms joomla
Manual cms joomlaManual cms joomla
Manual cms joomla
 
Presentacion de joomla_completa
Presentacion de joomla_completaPresentacion de joomla_completa
Presentacion de joomla_completa
 
05 Joomla. Consideraciones Globales
05 Joomla. Consideraciones Globales05 Joomla. Consideraciones Globales
05 Joomla. Consideraciones Globales
 
Guía de Uso de HelloTxt
Guía de Uso de HelloTxtGuía de Uso de HelloTxt
Guía de Uso de HelloTxt
 

Destacado

Ejercicio Del Capitulo 18
Ejercicio Del Capitulo 18Ejercicio Del Capitulo 18
Ejercicio Del Capitulo 18Ewing Ma
 
Tweaking your Template: Joomla Day Boston 2014 Barb Ackemann
Tweaking your Template: Joomla Day Boston 2014 Barb AckemannTweaking your Template: Joomla Day Boston 2014 Barb Ackemann
Tweaking your Template: Joomla Day Boston 2014 Barb AckemannBarb Ackemann
 
JoomlaDay Brazil 2014 Joomla! Template With Bootstrap 3
JoomlaDay Brazil 2014   Joomla! Template With Bootstrap 3JoomlaDay Brazil 2014   Joomla! Template With Bootstrap 3
JoomlaDay Brazil 2014 Joomla! Template With Bootstrap 3Saurabh Shah
 
Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013
Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013 Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013
Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013 Saurabh Shah
 
Cambio apariencia a menu joomla con css
Cambio apariencia a menu joomla con cssCambio apariencia a menu joomla con css
Cambio apariencia a menu joomla con csshuelva_Es
 
Bootstrap 3 in Joomla!
Bootstrap 3 in Joomla!Bootstrap 3 in Joomla!
Bootstrap 3 in Joomla!Hans Kuijpers
 

Destacado (9)

Introduccion a Joomla
Introduccion a JoomlaIntroduccion a Joomla
Introduccion a Joomla
 
Ejercicio Del Capitulo 18
Ejercicio Del Capitulo 18Ejercicio Del Capitulo 18
Ejercicio Del Capitulo 18
 
Tweaking your Template: Joomla Day Boston 2014 Barb Ackemann
Tweaking your Template: Joomla Day Boston 2014 Barb AckemannTweaking your Template: Joomla Day Boston 2014 Barb Ackemann
Tweaking your Template: Joomla Day Boston 2014 Barb Ackemann
 
JoomlaDay Brazil 2014 Joomla! Template With Bootstrap 3
JoomlaDay Brazil 2014   Joomla! Template With Bootstrap 3JoomlaDay Brazil 2014   Joomla! Template With Bootstrap 3
JoomlaDay Brazil 2014 Joomla! Template With Bootstrap 3
 
Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013
Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013 Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013
Joomla! Template with Bootstrap 3 - Joomla!Day Spain 2013
 
Cambio apariencia a menu joomla con css
Cambio apariencia a menu joomla con cssCambio apariencia a menu joomla con css
Cambio apariencia a menu joomla con css
 
Protostar como framework
Protostar como frameworkProtostar como framework
Protostar como framework
 
Joomla & Bootstrap 3
Joomla & Bootstrap 3Joomla & Bootstrap 3
Joomla & Bootstrap 3
 
Bootstrap 3 in Joomla!
Bootstrap 3 in Joomla!Bootstrap 3 in Joomla!
Bootstrap 3 in Joomla!
 

Similar a Producto 4 programacion web

cargar un website en la red social
cargar un website en la red socialcargar un website en la red social
cargar un website en la red socialJonathan Chuquilla
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembrejomyto
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso NoviembreÁngel Puente
 
Joomla! Curso Noviembre
Joomla! Curso NoviembreJoomla! Curso Noviembre
Joomla! Curso NoviembreÁngel Puente
 
Alojar un dominio en servidor propio e instalar Wordpress
Alojar un dominio en servidor propio e instalar WordpressAlojar un dominio en servidor propio e instalar Wordpress
Alojar un dominio en servidor propio e instalar WordpressMJ Cachón Yáñez
 
Practica profesional walter_cuenca
Practica profesional walter_cuencaPractica profesional walter_cuenca
Practica profesional walter_cuencaCuenca Fernando
 
Curso C M S 03
Curso  C M S 03Curso  C M S 03
Curso C M S 03Jose Ponce
 
10 Joomla. Instalacion De Joomla En Un Servidor Remoto
10 Joomla. Instalacion De Joomla En Un Servidor Remoto10 Joomla. Instalacion De Joomla En Un Servidor Remoto
10 Joomla. Instalacion De Joomla En Un Servidor RemotoJosé M. Padilla
 
PresentacióN Joomla
PresentacióN JoomlaPresentacióN Joomla
PresentacióN JoomlaRaysa Jimenez
 
Qué es y como se instala Joomla
Qué es y como se instala JoomlaQué es y como se instala Joomla
Qué es y como se instala JoomlaJorge García
 
ExposicionSeminarioJoomla
ExposicionSeminarioJoomlaExposicionSeminarioJoomla
ExposicionSeminarioJoomlaJuanMercedes
 
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezManual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezBrox Technology
 

Similar a Producto 4 programacion web (20)

Joomla y wordpress
Joomla y wordpressJoomla y wordpress
Joomla y wordpress
 
Que es joomla
Que es joomlaQue es joomla
Que es joomla
 
cargar un website en la red social
cargar un website en la red socialcargar un website en la red social
cargar un website en la red social
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembre
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembre
 
Joomla! Curso Noviembre
Joomla! Curso NoviembreJoomla! Curso Noviembre
Joomla! Curso Noviembre
 
Joomla
JoomlaJoomla
Joomla
 
Joomla
JoomlaJoomla
Joomla
 
Capi 10 aloj_web_grat
Capi 10 aloj_web_gratCapi 10 aloj_web_grat
Capi 10 aloj_web_grat
 
Alojar un dominio en servidor propio e instalar Wordpress
Alojar un dominio en servidor propio e instalar WordpressAlojar un dominio en servidor propio e instalar Wordpress
Alojar un dominio en servidor propio e instalar Wordpress
 
Mod 03 servidor remoto
Mod 03 servidor remotoMod 03 servidor remoto
Mod 03 servidor remoto
 
Practica profesional walter_cuenca
Practica profesional walter_cuencaPractica profesional walter_cuenca
Practica profesional walter_cuenca
 
Curso C M S 03
Curso  C M S 03Curso  C M S 03
Curso C M S 03
 
10 Joomla. Instalacion De Joomla En Un Servidor Remoto
10 Joomla. Instalacion De Joomla En Un Servidor Remoto10 Joomla. Instalacion De Joomla En Un Servidor Remoto
10 Joomla. Instalacion De Joomla En Un Servidor Remoto
 
PresentacióN Joomla
PresentacióN JoomlaPresentacióN Joomla
PresentacióN Joomla
 
Joomla 2
Joomla 2Joomla 2
Joomla 2
 
Manual de cofiguracion cliente ftp filezilla
Manual de cofiguracion cliente ftp filezillaManual de cofiguracion cliente ftp filezilla
Manual de cofiguracion cliente ftp filezilla
 
Qué es y como se instala Joomla
Qué es y como se instala JoomlaQué es y como se instala Joomla
Qué es y como se instala Joomla
 
ExposicionSeminarioJoomla
ExposicionSeminarioJoomlaExposicionSeminarioJoomla
ExposicionSeminarioJoomla
 
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezManual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
 

Más de Edgar Chacha

Más de Edgar Chacha (6)

Mi primer juego
Mi primer juegoMi primer juego
Mi primer juego
 
Elemto 3
Elemto 3Elemto 3
Elemto 3
 
Elemento 4
Elemento 4Elemento 4
Elemento 4
 
Elemento 4
Elemento 4Elemento 4
Elemento 4
 
Elemento 3
Elemento 3Elemento 3
Elemento 3
 
Roblemas de aprendizaje
Roblemas de aprendizajeRoblemas de aprendizaje
Roblemas de aprendizaje
 

Último

ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...AlanCedillo9
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricKeyla Dolores Méndez
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx241521559
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafiosFundación YOD YOD
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan JosephBRAYANJOSEPHPEREZGOM
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIAWilbisVega
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadMiguelAngelVillanuev48
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 

Último (20)

ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
Instrumentación Hoy_ INTERPRETAR EL DIAGRAMA UNIFILAR GENERAL DE UNA PLANTA I...
 
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft FabricGlobal Azure Lima 2024 - Integración de Datos con Microsoft Fabric
Global Azure Lima 2024 - Integración de Datos con Microsoft Fabric
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Proyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptxProyecto integrador. Las TIC en la sociedad S4.pptx
Proyecto integrador. Las TIC en la sociedad S4.pptx
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
La era de la educación digital y sus desafios
La era de la educación digital y sus desafiosLa era de la educación digital y sus desafios
La era de la educación digital y sus desafios
 
guía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Josephguía de registro de slideshare por Brayan Joseph
guía de registro de slideshare por Brayan Joseph
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE  DE TECNOLOGIA E INFORMATICA PRIMARIACLASE  DE TECNOLOGIA E INFORMATICA PRIMARIA
CLASE DE TECNOLOGIA E INFORMATICA PRIMARIA
 
Presentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidadPresentación inteligencia artificial en la actualidad
Presentación inteligencia artificial en la actualidad
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 

Producto 4 programacion web

  • 1. UNIVERSIDAD TÉCNICA DE AMBATO CIENCIAS HUMANAS Y DE LA EDUCACION DOCENCIA EN INFORMATICA Modulo Programación Web 1 Estudiante Diana Vivanco Séptimo Semestre
  • 2. Que es Joomla  Joomla es un gestor de contenidos o CMS que nos permite crear un portal web de una forma sencilla y rápida pero que a su vez dispone de los complementos suficientes como para poder ampliar la plataforma y utilizarla para diversos fines como publicación de blogs, foros, gestor de noticias
  • 3. Que es Joomla  Joomla es una herramienta que necesita de un servidor Apache con PHP y acceso a bases de datos MySQL. Los servidores web de los planes de alojamiento de Hostinet son LAMP (Linux, Apche, MySQL, y PHP), por lo que cumplen con los requerimientos de Joomla.
  • 4. Cómo instalar Joomla 1.5.15  Para poder instalar la última versión estable de Joomla, que en estos momentos es Joomla 1.5.15 podemos acceder a la web oficial en castellano ded la herramienta Joomla Spanish.  Desde la misma portada de la web podremos descargar un archivo con la instalación de Joomla.
  • 5.  A continuación deberemos extraer el contenido de ese archivo comprimido en nuestro ordenador y veremos cómo se crea un directorio con el siguiente nombre: Joomla_1.5.15-Spanish-pack_completo  Debemos subir el contenido de ese directorio o carpeta a nuestro alojamiento a través de FTP. Podremos subirlo tanto al directorio "public_html" de nuestro alojamiento, como a una carpeta creada a tal efecto. En el primer caso, Joomla se mostrará en Internet nada más acceder a nuestro dominio. Para poder subir nuestra instalación de Joomla por FTP podemos usar un cliente de FTP libre y gratuito como Filezilla
  • 6. ¿Cómo subir archivos por FTP a través de Filezilla?  FileZilla es uno de los clientes FTP más extendidos entre la comunidad de Internet puesto que es gratuito, libre y de código abierto. A continuación, explicaremos el funcionamiento de Filezilla para poder subir y descargar archivos en una página web.
  • 7.  En primer lugar, debes descargar FileZilla desde su web oficial e instalarlo en tu ordenador personal.  Rellena los datos necesarios para poder acceder a tu sitio en remoto.  servidor / host - El nombre de tu dominio, sin www ni http:// por delante. usuario – El nombre de usuario de tu alojamiento contraseña – La contraseña de tu alojamiento.  Si introduces los datos correctamente y pulsas Intro o el botón "Conectar" o "Connect" podrás acceder a la estructura de tu ordenador en el área de la izquierda de la pantalla y la de tu servidor en el área de la derecha. Conectando al servidor
  • 8.  En este momento, bastará con que selecciones los archivos o carpetas que deseas subir a tu alojamiento. Pulsando con el botón derecho sobre ello, selecciona la opción que más te interese para esos archivos: "Upload" (Subir), "Download" (descargar), "Delete" (eliminar), "Rename" (renombrar), entre otras muchas.  Es muy importante recordar que si quieres que tu página web se visualice correctamente cuando teclees el nombre de tu dominio en un navegador de Internet, deberás alojar los archivos de tu web dentro del directorio "public_html" de tu alojamiento. De otro modo, no conseguirás visualizar nada bajo tu dominio.  Accede a la carpeta en la que se deben modificarse los archivos que desees.
  • 9. Configurando Joomla  Una vez subidos todos los archivos procederemos al incio de la instalación de Joomla. Deberemos introducir nuestro dominio en la barra de direcciones de nuestro navegador web (Internet Explorer, Mozilla Firefox…), y de este modo arrancará la instalación guiada de la plataforma.  En el primer paso se nos pide el idioma que deseamos utilizar durante la instalación: "Escoja el idioma que desea utilizar durante la instalación"
  • 10.  Después Joomla realizará una comprobación previa de nuestro servidor: "Si alguno de estos elementos está marcado en rojo, debe corregirse".  En el segundo campo de valores recomendados, son simples recomendaciones por loq eu podremos continuar adelante aunque haya algún mensaje en rojo.
  • 11.  En el siguiente paso deberemos aprobar la licencia GNU/GPL de Joomla para la distribución de este software. Al tratarse de una licencia libre el derecho de distribución no es muy restricitivo por lo que podremos aprobar este paso sin problemas.
  • 12.  El siguiente paso es probablemente el más importante de toda la instalación puesto que deberemos indicar los datos de conexión de la base de datos MySQL de nuestro servidor con la herramienta Joomla. Antes de nada deberemos acceder al panel de control cPanel y crear una base de datos MySQL con su correspondiente usuario:
  • 13. Cómo crear una base de datos MySQL desde el cPanel  Una vez creada nuestra base de datos desde cPanel deberemos introducir los datos resultantes en este proceso de la instalación:  Tipo de la bas de datos: MySQL  Nombre del servidor: localhost  Nombre de usuario: (el usaurio de la base de datos que hemos creado en cPanel)  Contraseña: (la contraseña que le hemos dado a ese usuario)  Nombre de la base de datos: (el nombre de la base de datos que hemos creado en cPanel)
  • 14.  En el siguiente paso debemos comprobar la configuración de FTP y la información que tendremos que introducir es la que ya tendremos en nuestro email de activación de servicios de Hostinet.  Nombre de usuario: (el usuario de nuestro FTP / cPanel)  Contraseña de FTP: (la contraseá de nuestro FTP / cPanel)  Ruta a la carpeta de Joomla desde la raíz FTP: (el directorio de publicación, por defecto será public_html)
  • 15.  Estamos acercándonos al final de la instalación de Joomla y en este paso lo que deberemos configurar es el acceso a la administración de la plataforma. Tendremos que introducir el nombre de nuestra web, un email de administración y la contraseña de acceso.
  • 16.  Hemos finalizado la instalación de Joomla! En este momento ya hemos terminado de instalar la plataforma, pero aún debemos realizar una pequeña comprobación para garantizar la seguridad de nuestra instalación. Deberemos eliminar por FTP el directorio de instalación llamado installation. De no ser así no podremos acceder a la adminsitración de Joomla.
  • 17. Accediendo a Joomla  Si accedemos a nuestro dominio podremos ver cómo se presenta la portada por defecto de Joomla obviamente esta apariencia irá cambiando si subimos nuevos diseños y si escribimos nuevas entradas en nuestra web. Para tal fin esta a disposición el panel de administración de Joomla desde donde podremos gestionar la herramienta.  Para poder conocer de un modo mejor cómo empezar a utilizar el editor de noticias, cómo poder cambiar el diseño de nuestra web o cómo gestionar ese panel de administración podemos dirigirnos a la web oficial de Joomla en español, donde encontraremos toda la documentación necesaria.
  • 18.  El acceso al panel de administración siempre será la dirección de la instalación de Joomla seguida de /administrator/.
  • 19. ¿Cómo cambiar la plantilla o diseño de nuestro Joomla! ?  En primer lugar deberemos acceder a nuestro panel de administración del gestor de contenidos:  http://midominio.es/administrator (sustituyendo midominio.es pro el nombre de nuestro dominio)  A continuación acudimos a la sección Extensiones / Gestor de Plantillas  En esta sección Estilos que aparece marcada en la imagen, encontraremos un listado de las plantillas o diseños instalados en nuestro Joomla, por defecto podemos encontrar algunos que llevan por nombre Beez3, Hathor, Isis o Protostar. Mediante las funciones de esta sección podremos, de manera sencilla, cambiar la apariencia total de nuestro sitio y nuestro panel de administración con tan solo un par de clicks de ratón y sin utilizar ni una sola línea de código.  Hay que diferenciar en plantillas de Sitio y plantillas de Administración. Las primeras modifican la apariencia de nuestra web y las segundas modifican la apariencia de nuestro panel de administración.  Para cambiar el estilo de nuestro Joomla, seleccionamos aquel que queramos usar y marcamos la opción Establecer por defecto.
  • 20. ¿Cómo crear nuestro primer artículo en Joomla?  En primer lugar debemos acceder a nuestro panel de administración del gestor de contenidos:  http://midominio.es/administrator (sustituyendo midominio.es pro el nombre de nuestro dominio)  A continuación acudimos a la sección Contenido / Gestor de Artículos / Añadir nuevo artículo
  • 21.  Nos encontraremos con el menú de Detalles del Artículo, el más importante de todos, y podremos incluir estos elementos:  Título: El título que va a llevar nuestro artículo y que lo va a definir y representar  Categoría: Podemos agrupar nuestras noticias en Categorías para que los visitantes puedan consultar los temas que más les interesen.  Editor visual: Podremos escribir el cuerpo de nuestro artículo y darle una composición con elementos usuales tales como negritas, cursivas, enlaces o cualquier otro formato de texto enriquecido  Imágenes y enlaces: Podemos completar nuestro artículo con imágenes a modo de galería o con enlaces para ofrecer más información a los lectores.  En la barra lateral derecha de esta sección podremos ver un menú llamado Detalles, que nos define elementos tan importantes de un artículo como si por ejemplo será o no publicado.  Estatus: Define si el artículo será Publicado o simplemente Archivado para su futura publicación  Acceso: Podemos definir si será visible para todos los visitantes o si necesitará de un permiso especial para su visualización.  Destacados: Si queremos que el artículo aparezca como destacado en nuestra web.  Idioma: Podremos elegir el idioma al que corresponde el artículo.  En paralelo nos encontramos con otras secciones avanzadas de edición. Es recomendable que poco a poco vayamos conociendo su funcionamiento para optimizar el resultado de nuestras publicaciones aunque no son imprescindibles para comenzar con Joomla.  Opciones de Publicación  Opciones Artículo  Configurar la pantalla de Edición  Opciones Metadatos  Permisos Artículos  Si debemos prestar atención a la parte superior de la página en la que estamos y que nos ofrecerá la posibilidad de guardar el artículo comenzado a modo de borrador mediante las opciones de Guardar & Cerrar y Guardar & Nuevo.  Y por último, si queremos publicar el artículo deberemos usar el botón verde que lleva por nombre Aplicar.