1 A continuación se redacta todo lo que el alumno/a, debe de tener

PROYECTO FINAL CURSO DISEÑO WEB – UNIVERSIDAD POPULAR DE CAMPO DE CRIPTANA 2014/15
A continuación se redacta todo lo que el alumno/a, debe de tener en su página web para demostrar al formador lo
aprendido durante la asistencia a clase, la información sustraída de los documentos, tutoriales y video tutoriales que
se han dejado en el servicio de Dropbox y lo trabajado fuera del aula.
1.- Registro en una plataforma gratuita de servicio de dominio y hosting (www.freehostingeu.com).
2.- Una vez registrado saber utilizar los servicios de FTP (subida de ficheros), Base de datos (creación, modificación y
eliminación, así como de gestionar el nombre de la base de datos, usuario y contraseña.
3. –Utilizar el gestor de ficheros para. En nuestro caso para borrar el contenido de las carpetas de joomla para una
nueva instalación del sistema.
3.-Utilizar el instalador Zacky para una instalación de un sistema gestor de contenidos (en nuestro caso joomla),
sabiendo utilizar y rellenar los campos del asistente hasta completar la instalación de joomla. Este instalador se
utiliza para instalar un Joomla automatizado con datos de ejemplo y con plantillas que nos ofrezca.
4.- Saber instalar gestor de Ficheros FTP de un ordenador como el Filezilla donde accedemos al servidor viendo
nuestra carpeta de instalación de joomla. Para acceder a él necesitamos nombre del servidor (nombre de nuestra
web), usuario y contraseña (esto se crea o modifica en el gestor FTP de nuestro servidor, del cual hablamos en el
punto 2)
5.- Descargar un Pack completo en español desde la web www.joomlaspanish.org de la versión 2.5. Subirla al
servidor a través del programa Filezilla para proceder a pasar a la instalación del gestor de contenidos que se
describe en el siguiente punto.
6.- Instalar el gestor de contenidos Joomla 2.5 a través del asistente de instalación en español. En dicho asistente nos
pedirá credenciales de acceso a la base de datos que se tiene que crear. Dicha base de datos se comenta en el punto
nº 2.
7.- Utilizar el backend de Joomla con lo aprendido en clase donde se especificarán los siguientes puntos a tratar:
- Instalación y desinstalación de plantillas compatibles con la versión de joomla 2.5
- Configuración y acceso a la vista previa de la plantilla activando la opción necesaria donde podremos ver las
posiciones de los menús y los módulos que vayamos a crear.
-Cambiar las plantillas de modo que se vean por defecto.
-Creación de Menús e Items/elementos de menú y posicionándolos en el módulo que se quiera.
-Creación de Submenús.
-Enlazar dichos menús y submenús a contenidos internos de la plantilla como artículos, artículos, enlaces
internos/externos, etc.
-Creación/eliminación y administración de artículos.
-Creación/eliminación y administración de categorías de artículos.
-Creación/eliminación/administración de Módulos.
-Creación de usuarios de acceso al contenido de la web (Backend y Frontend).
-Uso de la configuración global del sistema.
-Modificación y uso del editor TinyMCE.
-Gestor de Idiomas.
-Instalación de módulos adicionales de Joomla para mejora del mismo. Ej: exTplorer.
8.- Posicionamiento de la web (SEO) en el buscador Google.
9.- Creación de una cuenta de GMAIL exclusiva para la gestión de nuestra web.
10.- Gestionar las visitas de nuestra web a través del Google analytics.
11.- Utilizar recursos gráficos para Enriquecer la apariencia de nuestra web a través del Programa principal
Photoshop CS4 y otros.
12.- Utilización de un servicio de Mailing
13.- Gestión de un correo electrónico utilizando Firmas personalizadas publicitando nuestra web.
1
PROYECTO FINAL CURSO DISEÑO WEB – UNIVERSIDAD POPULAR DE CAMPO DE CRIPTANA 2014/15
14.- Modificación de líneas de código para cambiar tipos de fuente y colores.
15.- Utilización de las redes sociales para interactuar con nuestro portal web.
16.-Utilización del servicio DROPBOX para compartir archivos con los visitantes a la web.
Deberás elegir una temática lo primero.
Para que la página web esté con los contenidos mínimos exigidos deberá tener lo siguiente:
-
-
-
-
-
-
Una plantilla atractiva y manejable por el usuario.
Slides (Imágenes en movimiento) creados íntegramente por nosotros desde 0.
Logotipo principal de acceso al inicio de la web creado por nosotros.
Creación de un menú con al menos 5 elementos de menú de los cuales algún elemento deberá tener
también submenús. Dicho menú deberá aparecer en la parte superior de la web, en un lateral. Como
opcional también puede estar accesible en la parte de abajo (footer).
Creación de al menos 5 artículos de cosecha propia o con información obtenida y modificada por nosotros
que tengan texto, imágenes e hipervínculos. Los artículos se mostrarán en formato blog con su elemento de
menú que nos de acceso a visualizar los artículos. Los artículos deberán tener un botón de “Leer mas”. Al
menos uno de los artículos deberá tener en su contenido un video de youtube.
Inserción de un módulo donde tengamos acceso a colocar anunciantes y logotipos con imágenes y texto. Se
exige al menos un módulo horizontal y otro vertical. Estos módulos deberán ser estáticos.
Inserción de un módulo dinámico que haga exactamente lo mismo que el anterior pero con imágenes en
movimiento. Tanto el módulo estático como el dinámico deben tener al menos 1 hipervínculo a un artículo
interno de nuestra web y un enlace externo a una URL externa. Otra imagen deberá abrir una ventana pop
up con la misma imagen de la miniatura en grande.
Formulario de contacto.
Formulario de suscripción a boletines.
Una encuesta.
Un apartado de donde la gente pueda descargar los siguientes programas: VLC Player, Atube Carcher, CD
Burner XP, winrar, Adobe Reader, Java, un antivirus gratuito y un antivirus de pago de prueba.
Un footer donde aparezcan datos del diseñador web, un enlace al portal de facebook de la universidad
Popular. Un enlace a la web www.campodecriptana.info y otro a www.campodecriptana.es.
Logotipos de redes sociales tanto en la parte superior como inferior de la web. Cada logotipo deberá
mandar directamente al usuario a la página principal de Facebook, Twitter, Flickr, Skype, y Itunes.
Un apartado de Inicio de sesión de usuario y Registro a la web.
Un botón que de “Subir arriba”
Un mapa de localización.
Un módulo de Facebook y uno de Twitter.
Una galería fotográfica.
Una galería de videos.
Un video tutorial realizado por nosotros con la aplicación Atube Catcher . Dicho video deberá contener al
menos 2 minutos explicando cualquier consejo sobre joomla. El video se subirá a Youtube y deberá aparecer
en algún apartado de la web.
Un video tutorial realizado por nosotros con la aplicación Atube Catcher . Dicho video deberá contener al
menos 2 minutos explicando cualquier ténica de photoshop. El video se subirá a Youtube y deberá aparecer
en algún apartado de la web.
Alta de nuestra web en Google.
2
PROYECTO FINAL CURSO DISEÑO WEB – UNIVERSIDAD POPULAR DE CAMPO DE CRIPTANA 2014/15
-
Creación de una firma personalizada en nuestra cuenta de Gmail (siteX.upcriptana.gmail.com), donde
aparecerá un enlace a nuestra web.
-
Una caja de búsqueda de contenido de información interna de la web.
Enlaces a las webs de:
o www.terra.es
o www.msn.com
o www.yahoo.com
o www.bing.com
-
Un calendario tipo widget.
Un widget del tiempo.
Una marquesina vertical y otra horizontal en alguna parte de la web con texto.
Un módulo de cookies.
Una URL embebida de otra página web.
Un módulo de número de visitantes que hay conectados actualmente.
Instalación de un módulo de copias de seguridad y realizar una copia completa de la web al completarla.
Todo ello deberá quedar terminando con suficiente tiempo de antelación antes de la fecha de acabar el curso que
sería el 27 de Mayo.
Todas las páginas web quedarán introducidas a la página web que el profe está creando de la Universidad Popular y
serán informadas de su existencia en el perfil de Facebook www.facebook.com/upcriptana .
La web deberá tener una temática diferente a la que elijáis para vuestra afición, empresa, etc. Con lo aprendido en
el curso podrá tú utilizar los recursos para en un futuro una web.
Para lo que necesitéis tenéis a mano el enlace de dropbox que a continuación se adjunta. También tenéis al profe,
pero recordar que tenéis más compañeros y que no se puede abusar de su ayuda, cuando todo está documentado
en el Dropbox. Se trata de que cuando estéis en casa o en una empresa “solos”, utilizando la información y la
asistencia a clase seáis capaces de construir vuestro portal.
Dropbox: https://www.dropbox.com/sh/sv6lea6jt37jga0/AADyuT-KWoy_KRCqwjwa1aA3a?dl=0
Acceso al servidor: https://secure.freehostingeu.com/login-page.php (Pide correo y contraseña)
Páginas de plantillas: http://www.joomlaperfect.com/
3