HTML: Manual para alojar las páginas.

1.) Nos creamos la cuenta en uno de los tres sitios propuestos "nixiweb.com" ó "ekiwi.es" ó "miarroba.com". Nos pedirán confirmación a través de nuestro correo o mensaje SMS.

2.) Creamos nuestra URL, nos saldrá un formulario como el que sigue:
 
3.) Una vez creado el sitio subimos  nuestras páginas y recursos. Para eso nos iremos al Panel de Control y en el apartado Website seleccionamos la opción que podéis ver marcada en la imagen siguiente.

Nos saldrá la siguiente ventana: 

Seleccionamos para subir el archivo comprimido con todo el contenido de la carpeta donde tengamos nuestra página web, es importante que os deis cuenta que el archivo comprimido lo generamos en la misma carpeta donde tenemos las páginas web, con eso evitaremos crear carpetas innecesarias en el servidor:

 
4.) Si el archivo se ha subido correctamente al visitar nuestra URL ( ejemplo "liceoinf.ekiwi.es") veremos la lista de archivos subidos:
 
Llegados a este punto si clicamos en cualquiera de nuestras páginas se debería mostrar correctamente.



5.) Para hacer esto lo haremos desde el Panel de Control apartado Files, la primera vez nos pedirá la contraseña. A continuación tenemos las imágenes de las pantallas que irán apareciendo, marcado donde debemos clicar para ir a la siguiente pantalla.
 



6.) Para conseguir que se muestre la que sea nuestra página de inicio al visitar la URL, tendremos que borrar o renombrar el archivo  "default.php" y renombrar como ("default.php")   la página que queremos que se vea como inicial al conectarnos a nuestra web. En la imagen de ejemplo renombramos el archivo original "default.php" a "default_ori.php" y nuestra página inicial la renombramos a "default.php".

9.) Finalmente sólo nos queda comprobar que al ir a nuestra URL se ve nuestra página inicial.

Especificaciones páginas web

Como ya hemos comentado vamos a comenzar a trabajar en nuestro propio mini portal web.

Estos son los requisitos que debe cumplir:

1. 4 páginas web, es decir 4 ficheros "html".
2. Páginas con imágenes y texto, personalizadas (color de fondo de página elegido por vosotros, tipo y color de letra también...).
3. Enlaces externos a otras páginas sobre una imagen.
4. Al menos una tabla con las celdas rellenas con texto.
5. Al menos una tabla con imágenes y sin que se vean los bordes de la tabla (muy utilizado para ordenar las imágenes )
6. La inclusión de un video como hemos visto en clase, en una de las páginas.
7. Una página inicial que será un índice, que enlace con el resto de páginas. 
8. Desde el resto de páginas que no son la inicial podremos ir a la inicial.

Consejos e indicaciones:

1. Las páginas pueden ser de diferentes temas siempre y cuando exista alguna relación en el conjunto.
2. Es importante primero crear las 7 páginas de contenido y por último la página del índice.
3. Para mantener y guardar de un día para otro en clase se recomienda comprimir la carpeta con los contenidos como hemos hecho en clase y subirla o envíarla por correo.
4. Recordad que si queréis poner algo que os guste de otra página tenéis la posibilidad de copiar el código fuente de la misma, pero ya sabéis con cuidado, manteniendo la etiquetas correctamente.
5. Ante dudas podéis ir consultando todos los ejercicios que hemos ido realizando y por supuesto preguntar.
6. Cada requisito que falte supondrá una bajada de 0,5 puntos de la nota global de la evaluación.
7. A trabajar...

HTML: ETIQUETAS GRUPALES

En esta entrada os dejo el ejercicio que hemos realizado en clase para las etiquetas y elementos grupales ( es decir que implican varias etiquetas para el mismo objeto).
Los ejemplos que vimos fueron las listas y las tablas.

Código fuente

Visualización en el navegador