Archivo de la categoría: Creación de página web

Publicación de página web


En una práctica anterior hemos creado una página web con el programa Kompozer.

Una vez confeccionado nuestro sitio web, si queremos que sea visible en la red, deberemos buscar un servidor donde alojarlo. Hay una oferta amplia de sitios que ofrecen alojamiento gratuito. De entre los que comprobado, me ha gustado Hostinger, ya que podemos publicar en poco tiempo nuestro trabajo y además no incluyen publicidad.

Una vez que entremos en la web de Hostinger tendremos que crear un nuevo usuario, seleccionando siempre el plan gratuito, con el que dispondremos de 2 GB de espacio.

Cuando ya tengamos un usuario, en nuestro tablero se podrá gestionar la subida de los archivos de nuestro sitio web. Hostinger ofrece un gestor de subida, pero no está disponible en el plan gratuito. Así, al hacer click en Acceso FTP nos proponen gestores FTP (File Tranfer Protocol), como FileZilla.

Al abrir FileZilla, hay que completar los datos de servidor, usuario, contraseña y puerto que nos muestra la pantalla de Acceso FTP de Hostinger.

Es muy importante que mantengamos en el servidor la estructura de carpetas configurada en nuestro equipo.

 

Protegido: Prueba de Kompozer


Este contenido está protegido por contraseña. Para verlo introduce tu contraseña a continuación:

Edición de páginas web. Kompozer


Kompozer es un editor de páginas web de código abierto WYSIWYG, es decir, what you see is what you get. Esto hace que sea muy sencillo e intuitivo elaborar una página web, puesto que trabajaremos como si estuviéramos ante un procesador de textos.

Para trabajar este programa seguiremos los apuntes propuestos por el IES María de Molina. En los siguientes enlaces se pueden descargar tanto el pdf como los documentos e imágenes para realizar las actividades.

APUNTES DE KOMPOZER

DEFINICIONES DE MECANISMOS PARA LAS ACTIVIDADES

IMÁGENES PARA LAS ACTIVIDADES

Por último, si no tenemos instalado en Linux el programa, tendremos que ejecutar las siguientes órdenes en el terminal:

sudo apt-get install libatk1.0-0 libc6 libcairo2 libfontconfig1 libfreetype6 libgdk-pixbuf2.0-0 libglib2.0-0 libgtk2.0-0  libidl0 libnspr4 libnss3 libpango1.0-0 libpng12-0 libstdc++6 libx11-6 libxft2 libxinerama1 libxrender1 libxt6 zlib1g

wget https://launchpad.net/ubuntu/+archive/primary/+files/kompozer-data_0.8%7Eb3.dfsg.1-0.1ubuntu2_all.deb

wget https://launchpad.net/ubuntu/+archive/primary/+files/kompozer_0.8%7Eb3.dfsg.1-0.1ubuntu2_i386.deb

sudo dpkg -i kompozer-data_0.8~b3.dfsg.1-0.1ubuntu2_all.deb

sudo dpkg -i kompozer_0.8~b3.dfsg.1-0.1ubuntu2_i386.deb

Para ponerlo en español hay que descargar este .xpi:
http://kompozer.sourceforge.net/l10n/langpacks/kompozer-0.8b3/
A continuación, abriendo KompoZer en inglés, en Tools, abrir Add-ons y allí eligimos el .xpi descargado.

Finalmente, para alojar gratuitamente nuestro sitio web podemos usar el servicio que ofrece www.hostinger.es,

El programa FileZilla nos servirá para subir los archivos que componen nuestro sitio web al servidor.

Creación de página web


El alumnado de 4º de Diversificación realizará esta práctica para evaluar su aprendizaje en la unidad didáctica dedicada a creación de páginas web. Se trabajará con el editor de páginas web NVU.

Así, deberéis hacer una web sobre cualquier tema con las siguientes condiciones:

a) La web tendrá como mínimo cinco páginas.

b) Cada página mostrará al menos una imagen.

c) La web incluirá tres hiperenlaces relacionados con el tema de la misma.

d) Las páginas de tu sitio web estarán enlazadas entre sí.

Recuerda que debes crear una carpeta que contenga todos los archivos html. Nombra esta carpeta como WEBAPELLIDOS. La página principal debe tener el nombre de index y te recomiendo que las imágenes las guardes en una subcarpeta de recursos. Una vez terminado, comprime la carpeta y envíala a la dirección de correo josempanadero@gmail.com

Los criterios de evaluación son los siguientes:

– Contenido (redacción propia y originalidad). 4 puntos.

– Formato……………………………………………….. 3 puntos.

– Inclusión de imágenes ……………………………. 1 punto.

– Enlaces externos……………………………………. 1 punto.

– Enlace entre páginas ………………………………. 1 punto.

Finalmente, si queréis publicar vuestra web, el siguiente enlace os puede ser de utilidad: http://www.awardspace.com

Editor de página web.


Para los alumnos y alumnas de 3º os propongo esta pequeña práctica de iniciación en creación de sitios web. Así, vamos a crear una web sobre Espejo siguiendo los pasos que expongo a continuación.

1º Crea en el escritorio una carpeta con el nombre apellidosweb.

2º Abre NVU.

3º Abre el menú Archivo y selecciona la opción Nuevo.

4º Activa la opción Un documento vacío y haz click sobre el botón Crear.

Inserta una tabla que tenga una anchura del 100% de la ventana y borde 0, con el objetivo de que te sirva para estructurar la información que vas a exponer.

6º Añade a esta página texto sobre la historia de Espejo, insertando al menos una imagen y encabezándola con un título. Selecciona los colores de fondo, de texto, así como todas las posibilidades que tiene el programa para que el diseño de la web sea atractivo. Recuerda que la imagen o imágenes que incluyas en la web debes incluirlas en la carpeta apellidosweb creada anteriormente.

7º Inserta un enlace o link a otra web que aborde la historia de Espejo.

8º Guarda la página creada con el título Historia de Espejo y con el nombre index en la carpeta apellidosweb.

9º Comprime la carpeta apellidosweb y envíala a mi mail a través del aula virtual.

Recursos.

http://espejo.egeneracion.info/index.php/mod.pags/mem.detalle/idpag.17/idmenu.117/chk.8cc53d7a57e6392c24d25ea55fea6710.html

http://es.wikipedia.org/wiki/Espejo_(C%C3%B3rdoba)

http://www.pueblos-espana.org/andalucia/cordoba/espejo/

http://www.ucubi.com/index.html


Alojamiento de página web.


En 4º de la ESO, el alumnado está elaborando su propia web. Una vez diseñada tendremos que alojarla en un servidor para que pueda visualizarse.

Para alojar una página web existen varias opciones en la red. Una de ellas es http://www.bravenet.com. Los pasos del proceso son los siguientes:

1. Entrar en www.bravenet.com.

2. Registrarse (JOIN BRAVENET).

3. Una vez nos hemos registrado seleccionar “GET FREE HOSTING”.

4. Activar la opción “BUILD A NEW WEBSITE” y “USE A SUBDOMAIN”.

5. Subir los archivos en “FILE MANAGER” seleccionando “UPLOAD FILES”.

6. En otras nuevas sesiones entramos en “WEBSITES” y “FILE MANAGER” para subir o gestionar otros archivos.

Práctica de creación de página web con NVU.


El alumnado de 4º de la ESO realizará esta práctica para evaluar su aprendizaje en la unidad didáctica dedicada a creación de páginas web.

Así, deberéis hacer una web sobre cualquier tema con las siguientes condiciones:

a) La web tendrá como mínimo cinco páginas.

b) Cada página tendrá enlaces internos para subir y bajar al inicio y al final de la página.

c) Cada página mostrará al menos una imagen (150 píxeles de ancho y alto).

d) La web incluirá tres hiperenlaces relacionados con el tema de la misma.

e) Las páginas de tu sitio web estarán enlazadas entre sí.

f) La web debe incluir un mapa de imagen.

g) La web tendrá al menos dos vídeos, insertando también enlaces a los mismos.

h) Deberás publicar la web en http://www.bravenet.com.

Todas las tablas tendrán de ancho 700 píxeles.

Los criterios de evaluación son los siguientes:

– Contenido (redacción propia y originalidad). 2 puntos.

– Formato……………………………………………….. 1 punto.

– Inclusión de imágenes ……………………………. 1 punto.

– Enlaces internos…………………………………….. 1 punto.

– Enlaces externos……………………………………. o´5 puntos.

– Enlace entre páginas ………………………………. 1 punto.

– Mapa de imagen …………………………………….. 1´5 puntos.

– Inclusión de vídeos ……………………………….. 1 punto.

– Publicación ………………………………………….. 1 punto.