Como veis ya va cogiendo forma pero en la cabecera hay un pequeño problema aparentemente; el abecedario no aparece completo según la resolución de la pantalla en la que se vea se ven mas o menos letras. Lógicamente al ser el menú en forma de lista y este marco solo abarca un 30% de la pantalla pues no cabe completo. Tendría que posicionarlo de forma horizontal pero eso lo haré usando el CSS (cascade style sheet). Por cierto, durante el curso apenas vemos nada de esto así que me permito recomendaros que busquéis algo de literatura sobre el tema que hay mucha, en internet en formato ebook o en cualquier biblioteca pública municipal tendréis seguro algún libro, en concreto el libro de Javier Eguiluz Perez "Introduccion a CSS" es muy bueno y podéis comprarlo por internet y seguro que si lo buscáis lo podéis encontrar gratis. Sin el CSS hoy en día saber HTML no sirve de mucho; y como muestra un botón.
Como véis el CSS marca la diferencia; en concreto esta hoja de estilos es de una plantilla Html gratuita (poned estas tres palabras en cualquier buscador y encontraréis muchas) que venía con su hoja CSS y la he modificado para la ocasión. El CSS tiene cierta complejidad pero la verdad es que es muy satisfactorio y como pasa con el Html si sabéis inglés lo aprenderéis mas o menos rápido.
Antes de subir los archivos al hosting sería recomendable validar el html para ver los errores que he podido cometer en el standard y ¡sorpresa! ¿Recordáis en el anterior post que os dije que había cometido un error? Pues la validación me muestra que tengo muchos errores menores y varios graves, pero sobre todo he hecho mal la declaración <!Doctype> y seguramente que está mal en todos los archivos, os recuerdo: uno para cada letra del abecedario.
El caso es que he puesto la declaración así:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
y era asi:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
Y por esas dos letras el validador no me reconoce siquiera el documento Html como XHTML Frameset sino como HTML Transitional, lo que en algunos navegadores puede provocar graves errores en la visualización como ya he comentado antes. Además también he planteado mal el etiquetado de los marcos:
 |
| ¿¿22 errores y 9 advertencias!! buff |
Después unos largos minutos de comprobación tras comprobación:
 |
| 2 errores y una advertencia, de momento nos conformamos. |
Bueno ahí va mi otro consejo de hoy: validad el html en cuanto terminéis las páginas principales del proyecto porque si vais copiapegando también iréis multiplicando los errores y será peor repararlos luego, además validar no es sólo útil para localizar errores, algunos navegadores intentan compensar la falta de destreza entre los desarrolladores web solucionando errores en el código HTML y mostrando las páginas como suponen que deberían visualizarse. Sin embargo, otros navegadores podrían intentar mostrarlas de forma diferente o no mostrarlas en absoluto. Validar puede servirte de gran ayuda para encontrar errores que ni siquiera sabías que existían. Y si: puede ser muy angustioso el proceso.
Y ahora tocaría subir los archivos a un servicio de host; pero para no alargar demasiado el post solo nos registraremos y crearemos el subdominio y dejamos la subida para el siguiente. Para este caso voy a elegir Hostinger porque está totalmente en castellano y es muy sencillo su funcionamiento.
 |
| Tras el registro elegimos la opcion "nuevo hosting" |
 |
| Elegimos la opcíon "gratis" |
 |
| Elegimos subdominio y contraseña |
¡Y listo!! ya lo tenemos, no os perdáis la siguiente entrada en la que subiré el Html al host y podréis probar la web. Hasta pronto.
2 comentarios:
Enhorabuena te ha quedado muy bien la web :)
Gracias, ahora estoy trabajando el formulario pero he encontrado varios problemas, no te pierdas el próximo post que saldrá algún día de estos.
Publicar un comentario