[Curso Desarrollo Web] Capítulo 1: HTML5: una breve explicación

Comments: 10

¡Muy buenas!

Queda inaugurado este blog. Aún está en fase de pruebas así que no será raro que de vez en cuando surja algún que otro imprevisto.

Si tenés cualquier duda podéis responder en este mismo artículo. Si hay algo que se me haya escapado o alguna cuestión que necesite una explicación más a fondo, decidmelo y escribiré un artículo al respecto para que pueda leerlo todo el mundo. Creo que esto es mucho más práctico que andar respondiendo e-mails individuales y así de paso aporto mi pequeño grano de arena al mundillo de la autoformación en el desarrollo web, al que le debo casi todo lo que sé.

Como indico al principio de los apuntes, el curso girará entorno a la construcción de nuestro blog personal. Asi que, mientras tanto, para facilitar el estudio he subido a mi servidor todas las versiones que he ido sacando más o menos por cada apartado. Aqui tenéis un resumen de todas las que he subido hasta ahora:

  1. Comenzando a escribir HTML: ¡Hola Mundo!
    http://www.eduardocasas.com/curso/1/index.html

  2. Principales etiquetas: títulos de encabezado
    http://www.eduardocasas.com/curso/2/index.html

  3. Principales etiquetas: párrafos
    http://www.eduardocasas.com/curso/3/index.html

  4. Principales etiquetas: contenedores a nivel de bloque
    http://www.eduardocasas.com/curso/4/index.html

  5. Principales etiquetas: enlaces
    http://www.eduardocasas.com/curso/5/index.html

  6. Principales etiquetas: imágenes
    http://www.eduardocasas.com/curso/ 6/index.html

  7. Principales etiquetas: saltos de línea
    http://www.eduardocasas.com/curso/7/index.html

  8. Principales etiquetas: énfasis fuerte
    http://www.eduardocasas.com/curso/8/index.html

  9. Principales etiquetas: énfasis
    http://www.eduardocasas.com/curso/9/index.html

  10. Principales etiquetas: listas
    http://www.eduardocasas.com/curso/10/index.html

  11. Principales etiquetas: tablas
    http://www.eduardocasas.com/curso/11/index.html

  12. Principales etiquetas: formularios
    http://www. neduardocasas.com/curso/12index.html

  13. Etiquetas HTML5
    http://www.eduardocasas.com/curso/13/index.html

  14. Estilos en línea
    http://www.eduardocasas.com/curso/14/index.html

Comments

You must sing in to post a comment.

Manolo

Hola Edu,

Quería comentarte que he empezado a leer la documentación que nos has mandado. En el punto 4 (comenzando a escribir ya me surgen dudas), también es verdad que yo estoy poco familiarizado con este lenguaje. He empezado ha realizar lo de la página en html y me surgen dudas con lo del editor Gedit, esto viene ya instalado o lo tenemos que instalar, pues no encuentro esto en mi ordenador...

Manolo

Eduardo Casas Eduardo Casas

Buenas Manu,

¿Que Sistema Operativo estás utilizando?

En Ubuntu, Gedit viene instalado por defecto. Tal vez no lo veas porque suelen llamarlo directamente "Editor de textos".

Si estás trabajando con Windows, puedes descargar la última versión de Gedit aquí:
http://ftp.gnome.org/pub/GNOME/binaries/win32/gedit/2.30/gedit-setup-2.30.1-1.exe

Para Windows también tienes el Notepad++, que está muy bien y además es libre. De todas formas, como ya os dije, lo ideal sería que todos trabajaramos con el mismo editor, al menos al principio...

Manolo

Gracias Edu, de momento estoy utilizando windows, pues estoy practicando en el trabajo y es lo que tienen, me aprovecho de papa estado, que me da ordenador, internet...que en casa no tengo...por cierto, hay una errata en mi texto anterior, lo de "he empezado ha realizar" llama un poco la atención...

Manolo

dani

buenas edu.. he estado mirando lo que has enviado y tenía un error recurrente cuando metía el codigo en el enlace de verificación. Y me he dado cuenta que el error es por un error en el texto que has enviado. En la página 10 del documento que nos enviastes no está cerrada una etiqueta </div> que si lo está en el código de tu web (justo sobre el pié de página), y al validarlo ahora si que me resulta. Eso por ahora.. muy interesante todo esto por cierto... salud!

dani

como no está online el capítulo css teconsulto acá... no me queda del todo claro lo de los "selectores", cuáles son los nombre posibles y tal.. si lo pudieras explicar un poco más estaría guay.. gracias

dani

otra consulta... dices "debemos tener en cuenta que la mayoría de las propiedades de CSS3 no son soportadas por los navegadores antiguos".. entonces mi duda es, en caso que el navegador no soporte una propiedad que hemos usado, cómo se ve en esos casos? o sea, qué ocurre en esos casos?

Eduardo Casas Eduardo Casas

Voy a escribir un artículo con lo primero que me dices, de mientras respondo a tu último comentario.

Hay dos formas de saberlo, o bien acudir a las listas de propiedades para ver en que navegadores son soportadas, como las de w3schools ( http://www.w3schools.com/cssref/default.asp ), o bien mediante el método ensayo error. :P

Para saber lo que ocurre en caso negativo este último método es la mejor opción. :P

Algunas propiedades son fundamentales, como las que definen la estructura básica de la página (por ejemplo, la propiedad "float"), y debemos asegurarnos de que son interpretadas correctamente por todos los navegadores. Otras no son tan importantes y podemos dejarlo pasar como, por ejemplo, las propiedades de sombras, bordes redondeados, etc. Si el usuario quiere ver páginas modernas tendrá que emplear navegadores modernos.

Por lo tanto, debemos buscar un equilibrio entre garantizar la compatibilidad cross-

nbrowser y hacer el juego a ciertos navegadores privativos, antiguos y que además ignoran los estándares web. ¡El tiempo es oro!

This comment has been edited on
Eduardo Casas Eduardo Casas

Ups... Me he dado cuenta de que no había entendido bien tu pregunta. Básicamente... los navegadores omiten las propiedades que no pueden interpretar. Es decir, es como si no existieran.

dani

ok.. muchas gracias