PAGINAS WEB

Web colgada y funcionando el 8 de Mayo,

presentación 9 de Mayo (a las 11,45 de Altadill hasta Giró) o 14 de Mayo (todos los del grupo ) -16 de Mayo (de Gómez hasta Virgili) 

en el Aula L.I. 2.1  segun orden alfabético.

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.

Comprueba que tu sitio web esta OK, imprime esta checklist y verifica que cumple TODOS los puntos.

En las páginas no deben faltar los siguientes elementos:

- Texto:
    cambiar fuente, tamaño y color
    insertar líneas horizontales 

práctica 1

- 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. (se aconseja utilizar Picasa de Google)
  

Cuando se pongan en la misma página texto e imágenes se debe hacer siempre con tablas.

práctica 2

- Insertar un botón interactivo. (http://cooltext.com/)

- Insertar una marquesina. Esta página te puede ayudar.

- Poner un formulario con diferentes campos y que funcione.

práctica 3

Si se hace desde Tinet:

1- descargar este fichero (bnbform.cgi)

2 – Con Filezilla conectarse a Tinet y en la carpeta html crear (botón derecho del ratón) una carpeta llamada cgi-bin.

 Subir dentro de esta carpeta en modo transferencia ASCII el fichero bnbform.cgi

 Cambiar los atributos (botón derecho del ratón) del fichero bnbform.cgi a 755.

3 – Hacer el formulario con:

Mètode: POST

cambiando los nombres de los campos de forma que sean comprensibles.

4 - Insertar las linias siguientes justo antes del </form>

<input name="data_order" value="camp1, camp2" type="hidden">

<input name="submit_to" value=" Aquesta adreça electrònica s'està protegint contra robots de correu brossa. Necessiteu que el JavaScript estigui habilitat per a mostrar-la " type="hidden">

<input name="form_id" value="Formulari des de la web de tinet" type="hidden">

<input name="ok_url" value="../gracies.html" type="hidden">

En la primera linea cambiar los nombres de los campos por los que hemos puesto en nuestro formulario (mirar el comando “name=”, no equivocarse entre mayúsculas y minúsculas)

En la segunda linea poner entre las comillas vuestra dirección de email.

5 - Con el kompozer hacer una página de agradecimiento llamada gracies.html

6 - Con el Filezilla subir al servidor dentro de la carpeta html (no dentro de cgi-bin) el resto de archivos (gracies.html, formulario.html, index.html, etc)

7 - Comprobar con un explorador que todo funciona, después de rellenar el formulario nos ha de enviar a la página de agradecimiento y tenemos que recibir en nuestro correo un mensaje con la información que hemos puesto en el formulario.

- Crear un enlace a tu cibertienda. Para bajarse el programa aquí

ejemplos reales:

http://www.bodegasmoreno.com
http://www.luzdefiesta.com/
http://www.nazarenoderus.es/
http://www.elquintoas.com/
http://www.bolsitas.cl/
http://www.kitsdenavidad.com.ar
http://www.lenguasdefuego.com/
 

- video de You Tube (en el que aparezca el alumno en primer plano)

- Google Maps interactivo apuntando a una localización determinada

 - hacer una cuenta en facebook y otra en twitter, hacer el link desde la web.

- Hacer un link a: http://ecommerce.jaumegene.com

- La estructura del web:

 tiene que ser de árbol con páginas hijas y nietas
 tiene que tener un índice que facilite la navegación desde y hacia cualquier página. 

Para aprobar la asignatura ES NECESARIO que tu dirección web aparezcan en la tabla siguiente y la web funcione desde aquí y tenga TODOS los elementos mencionados más arriba (para estar más seguro compruébalo desde un ordenador que no sea el tuyo).