Free Web Hosting

Voy a ir añadiendo algunos enlaces para que podáis subir las páginas web que estáis haciendo con NVU o Kompozer y que de momento sólo están funcionando en modo local. Para empezar:

• http://www.000webhost.com/, en inglés, 1,5 GB de espacio, 100 GB de transferencia al mes, soporte PHP y MySQL. Este es el que recomiendo.He preparado unos breves manuales que están en esta wiki para que podáis daros de alta sin problemas.
• http://www.freehostia.com/, en inglés, 250 MB de espacio.
• http://gnomio.com/, en inglés. Para los que estén pensando en usar Moodle. Piden que permitas la apertura de pop-ups de tu navegador al entrar en el sitio pues financian con publicidad el alojamiento gratuito.
• http://www.zobyhost.com/, en español, 1 GB de espacio, 30 GB de transferencia, soporte PHP y MySQL, sin publicidad forzada.
• http://web.iespana.es/, en español, ofrece además servicios de correo electrónico y blog gratuitos.
• http://eshost.es/, en español, sin publicidad, PHP y MySQL.
• http://www.conectatunegocio.es/, en español, ofrecen durante un año de forma gratuita, no renovable automáticamente:
• Herramienta de creación web durante un año
• Alojamiento web durante un año
• Un dominio .es durante un año
• 25 cuentas de email @tudominio.es
• Asesoramiento y soporte
• Publicidad en Google

Espero que vosotros mismos aprovechéis que podéis añadir comentarios para poner otras URLs.

Además vais a necesitar un cliente de ftp para acceder al servidor y poder subir los archivos que forman vuestra página web. NVU y Kompozer integran unos sencillos clientes de ftp, por lo que os recomiendo FileZilla, que es más completo. Este es el enlace para descarga. La documentación (en inglés) la tenéis en la propia página del proyecto.
He encontrado un mini manual en castellano de una versión previa de FileZilla aquí. Podéis descargarlo también de la wiki. Y sería muy interesante y muy recomendable que visitarais este otro enlace en el que aclara qué es ftp y cómo usar FileZilla.

En la wiki de informática de 4º podéis encontrar los manuales breves que he escrito para que os resulte sencillo daros de alta en http://www.000webhost.com/, subir los ficheros con FileZilla, y configurar tanto FileZilla como KompoZer para que queden operativos en vuestro ordenador.

El trabajo con NVU y Google Sites debe estar funcionando en la Web para el viernes 27 de mayo.

Estructura de una web

Antes de empezar a construir nuestro sitio web debemos tener en cuenta dos cosas:

1. ¿A qué vamos a dedicar nuestra web? No es lo mismo un sitio para una tienda on-line que una página con apuntes de nuestras asignaturas, un blog o un fotoblog, por poner sólo unos cuantos ejemplos. Así que, antes que nada vamos a decidir qué es lo que queremos publicar. Más sobre este tema en este enlace.
2. ¿Qué estructura de web elijo? La estructura son los planos del invento. Se puede escoger entre la tradicional estructura jerárquica y otras que encontraréis aquí. Os pongo algunos sitios más para empezar:
• http://www.lawebera.es/de0/organizar-pagina-web.php
• Aquí podéis encontrar un gráfico con la estructura típica de una web empresarial.
• Este otro enlace es interesante porque habla de un elemento presente en versiones previas de HTML, los marcos (frames): http://www.joseacortes.com/recursosweb/8pasos/estructura.htm, sin embargo, hay que tener en cuenta que HTML 5 los elimina; así que, aunque los navegadores seguirán interpretando esta estructura durante algún tiempo, ya no es apropiado usar frames. En su lugar es preferible emplear referencias con el atributo @target y ventanas en las que mostrar la información, por ejemplo:

<A href="inicio.html" target="ventana_principal">
inicio</A>
<A href="temas.html" target="ventana_secundaria">
temas</A>
<A href="indice.html" target="ventana_principal">
indice</A>

Mi recomendación es que empecéis con algo sencillo, como una web de apuntes con una estructura lineal jerarquizada. Además deberéis introducir enlaces que apunten a lugares dentro de una misma página web.
Aquí os dejo algún enlace más para empezar con HTML:

• Una introducción muy sucinta: Para ver on-line y para descargar Manual de HTML5 en español.pdf
• Una página con todo tipo de manuales: http://www.jesusda.com/docs/ebooks/. Nos interesan Dive into HTML 5, que aunque está en inglés se puede entender muy bien; e Introducción a CSS, este sí, en castellano.

Y aquí una web con un libro on-line. Fijaos en el aspecto sencillo del sitio, con enlaces en el margen izquierdo, un par de imágenes y un mapa del sitio a base de hiperenlaces. Acceded al libro y observad los botones que permiten al lector en todo momento avanzar, retroceder, regresar al índice, subir al nivel superior y consultar el índice

RECORDATORIO: El viernes 8 de abril debéis tener el sitio de Google Sites funcionando mínimamente y una primera versión del trabajo con Nvu/Kompozer en marcha, al menos a nivel local (en el disco duro o pendrive).

Creación de páginas web con NVU y Google Sites

La próxima práctica se va a hacer también en grupo, e igualmente consistirá en comparar diferentes alternativas que se nos ofrecen para llevar a cabo la creación de una página web.

Por un lado está el servicio Google Sites, al que podéis acceder todos por el simple hecho de tener una cuenta de Gmail.

Por otro tenemos la creación más tradicional, usando un editor de páginas web en nuestro propio ordenador, en el que se construye la estructura que posteriormente habrá que subir a un proveedor gratuito de hosting.

Tenéis varias cosas que investigar, por lo que sería interesante que os repartáis el trabajo por parejas o grupos de 2+1, a saber:

1. Google Sites. Cómo empezar, configuración básica y avanzada, manejo de las diversas páginas del sitio, subida de ficheros, un lugar para ofrecer servicios y enlazar otros espacios nuestros, descarga de documentos, etc.
2. Lugares que ofrezcan hosting gratuito. Características: espacio, ofrecido, limitaciones, herramientas para el manejo del sitio, posibilidad de tener varios usuarios.
3. HTML. Tenéis que aprender algo de HTML básico para entender lo que vais a hacer, más allá de que los editores WYSIWYG oculten los detalles. En particular, debéis centraros en la última versión de HTML, la 5, y revisar las novedades que aporta frente a la anterior.
4. CSS. Con HTML 5 las hojas de estilo nos permiten separar de manera eficaz la información de la representación en pantalla. Os animo a que visitéis css Zen Garden para comprobarlo. También lo hay en castellano.
5. NVU y sus derivados Kompozer y BlueGriffon. Se trata de editores web. Nvu dejó de desarrollarse hace tiempo, pero sigue siendo un programa perfectamente válido para nuestros propósitos.

Aquí os enlazo un manual de NVU de la Universidad de Málaga, manual sencillo de Kompozer y un artículo sobre BlueGriffon.

También os pueden resultar de interés alguno de los siguientes vídeos:

... Y para el Google Sites:

El viernes 8 de abril debéis tener el sitio de Google Sites funcionando mínimamente y una primera versión del trabajo con NVU en marcha, al menos a nivel local (en el disco duro).

Web 2.0. Productos y servicios

En los próximos días vamos a trabajar sobre lo que significa Web 2.0, las nuevas características que nos ofrece y realizar una comparativa. Entre los puntos a tratar:

• Historia de la web.
• Servicios ofrecidos por la web en sus inicios.
• Evolución hacia la versión 2.0.
• Productos y servicios:
• Blogs y wikis. ¿Qué son? Comparativa entre ambos. Proveedores de blogs y wikis en Internet: WordPress, Blogger, Blogspot.es, OverBlog, etc. Wikispaces, WetPaint, WikiOle, WikiLearning, NireWiki, etc. Estaría muy bien que presentarais una tabla comparativa entre distintos proveedores de blogs y otra entre distintos proveedores de wikis, la facilidad de crear cuentas, espacio que nos proporcionan, posibilidad de gestionar usuarios, permisos, versiones gratuitas, educativas y profesionales...
• Multimedia. Fotos, audio y vídeo. Proveedores y servicios.
• Redes sociales. Interacción con otros elementos (correo, contactos, otras redes sociales, etc.). Comparativa de ofertas disponibles (¿qué nos ofrece cada proveedor?).
• Cualquier otro elemento catalogado o catalogable como servicio web 2.0. En este enlace podéis encontrar incluso un mapa mental de lo que es web 2.0.
• Licencias de uso y protección de datos. Responsabilidades del proveedor y del usuario.
• Participación en la web: normas éticas y netiqueta.
• Previsiones para la futura Web 3.0. Aquí os dejo un enlace relacionado con ese posible futuro, no os perdáis los comentarios.
Y el vídeo:

El trabajo se realizará por grupos de cuatro personas (podrán ser tres o cinco en algún caso, pero no más de cinco).

Emplearemos una wiki como medio de coordinación del trabajo. Simultáneamente mantendremos el documento en Google Docs (otro de los miembros del grupo) y compararemos el modo de trabajo con wiki y con Docs, ventajas e inconvenientes que hayáis encontrado. Habrá una página de la wiki que funcione como portada, ahí deben aparecer los nombres de los componentes del grupo y la inicial del apellido. También habrá una página para que se pueda descargar la información completa en un formato de documento conocido: .doc, .docx, .odt o .pdf. Si queréis podéis subir el documento en los cuatro formatos y que sea el visitante el que decida cómo lo prefiere.

El documento final se presentará siguiendo el modelo que utilizamos en los trabajos de la primera evaluación. Se entregará una copia impresa al profesor por cada grupo, que contendrá el texto, tabla, etc. Se incluirá una presentación con diapositivas (enviada por correo electrónico, junto con el documento del procesador de textos). Además haremos una valoración del trabajo de los miembros del grupo y el nuestro propio, en la próxima actualización del blog os añadiré una hoja con la tabla que deberéis seguir.

Todos los documentos deben estar disponibles en la wiki y en Docs para que puedan ser revisados por el profesor en cualquier momento.

Deberemos enlazar la wiki desde nuestro blog, un buen sitio para hacerlo sería una de las páginas que os pedí que insertarais.

En dos semanas, para el 29 de febrero, ya debería estar casi acabado.