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