INSTRUCCIONES
2ª CONVOCATORIA
La web debe estar en completo funcionamiento el dia 19 de junio de 2016.
Presentación al profesor el 20 de junio a las 17 horas en el Laboratorio de Infomática 2.2
Comprueba que tu sitio web esta OK: imprime esta checklist y verifica desde un ordenador que no sea el tuyo que cumple TODOS los puntos.
Cada página tiene que tener un menú que facilite la navegación.
Tu web debe figurar en la tabla del final de esta página.
Kompozer
Este año trabajamos con Kompozer:
– te lo puedes descargar desde Proyecto Nave y de SoftCatala.
– busca manuales en google o sino este de Juan Pablo Rodriguez Valentin es interesante, aunque no cubre todo lo que se explica en clase.
Primeros pasos
En las páginas no deben faltar los siguientes elementos:
– Texto:
cambiar fuente, tamaño y color
insertar líneas horizontales
– Paginas con varias columnas (2 ó 3).
– Alguna página con fondo de color.
– Poner hipervínculos a:
marcador o ancla
páginas de la web
webs externas
correo electrónico
archivo pdf
– Insertar imágenes
fotos
dibujos estáticos
dibujos con movimiento (gif)
presentación (carrusel) de fotografías. En clase vemos wow slider
Cuando se pongan en la misma página texto e imágenes se debe hacer siempre con tablas.
– Insertar un botón interactivo. (cooltext.com) (dabuttonfactory.com) (buttongenerator.com)
– Insertar una marquesina. Esta página te puede ayudar.
– Poner un formulario con diferentes campos y que funcione.
Para que funcione podemos utilizar los servicios de melodysoft
Si no te aclaras con melodysoft, puedes probar Foxyform
Script
Este señor lo explica muy bien norfiPC
Se pueden encontrar algunos ejemplos en Efectos Javascript aunque no todos funcionan
Más efectos, el más interesante es el rotador
MOVIL
Script para separar móviles de PC’s (poner en el HEAD):
(menor que)script language=”javascript“> if ( screen.width <= 600) document.location = "indexmobil.html"; (menor que)/script>
en indexmobil.html hacer una tabla de 300px, centrarla y poner en el HEAD:
(menor que)meta name=”viewport” content=”width=device-width“>
Es interesante utilizar un código QR que se puede obtener del Generador de Códigos QR
META TAGS
Las etiquetas “meta” van en el HEAD debidamente cumplimentadas:
“<"title> “<"/title>
“<"meta name=”description” content=” “>
“<"meta name=”keywords” content=” , , “>
SOCIAL MEDIA MARKETING
– video de You Tube (en el que aparezca el alumno en primer plano)
– Google Maps interactivo apuntando a una localización determinada
– Para hacer una página de la empresa en facebook
para hacer una encuesta opinionpolls
para hacer una promocion esaypromos
para hacer una web estática Static HTML
para añadir pestañas de twitter, instagram, pinterest, youtube, etc. woobox
– Crear una cuenta en twitter, hacer una entrada.
– Blog en wordpress.com