w3schools tricks example code html css html5 css3 web-standards

tricks - Aprendiendo HTML5 y CSS3



w3schools html basic (4)

Imagínese que alguien hoy, 1 de marzo de 2011, nunca ha escrito una página web y le gustaría saber qué deben leer para comenzar a crear páginas web hoy. No les importa la compatibilidad con versiones anteriores, pero quieren construir con estándares web para que sean portátiles entre tantos navegadores como sea posible (Sí, estoy diciendo que no me importa si mis páginas web no funcionan con IE 4). 8, Opera, Netscape, Mozilla, etc., realmente no me importa, porque nunca los he usado, y eso es probablemente cierto para aquellos que usarán las herramientas que estoy construyendo).

Esta persona tiene cero sesgos o malos hábitos porque nunca lo ha hecho antes. También son hiperactivos, por lo que si tienen que leer 200 páginas sobre "por qué usar los estándares web" o "por qué los estándares web son mejores que" la forma antigua ", se desanimarán y distraerán y tirarán el libro. , y ir a nadar. Hablando de eso, mi pelo está mojado.

Están buscando referencias que sean atractivas y concisas. No son estúpidos, esta persona es un ingeniero de vida real que ha hecho un poco de desarrollo, una década o dos en administración de sistemas, e incluso ha creado una o dos compañías exitosas. Simplemente no fueron a la universidad porque realmente no son aprendices de libros, y son mejores aplicando el aprendizaje práctico que absorbiendo montones de datos inútiles para llegar a las dos o tres cosas que realmente necesitan.

Teniendo en cuenta todos los datos sobre el individuo, y sé que es mucho sobre ese individuo (este individuo soy yo, por supuesto), ¿qué libros o recursos recomendaría?

(Los libros de Zeldman están agotados porque ya los tiré y luego fui a nadar hoy).

Algunos buenos recursos para comenzar:

Además, no utilice las escuelas W3 . Por favor vea a W3 Fools para una larga lista de razones. Las escuelas W3 a menudo aparecerán en la parte superior de los resultados de búsqueda, pero por favor, resista la tentación de usarlo.

Autodidacta diseño web y desarrollo, y tengo experiencia en ingeniería. Te sientes cómodo con las computadoras, por lo que estás en buena forma. Para comenzar, tomé algunos cursos en línea de http://www.hwg.org/ . Los cursos son a su propio ritmo pero moderados, y obtienes mucha experiencia práctica de inmediato y obtienes una comunidad en línea para ayudarte a compartir ideas.

Tomé el curso de HTML, casi todos los cursos de CSS y algunos JavaScript. Una vez que obtenga algo de experiencia básica y aprenda los aspectos básicos, puede decidir la cantidad de otras cosas que necesita, por ejemplo, PHP / MySQL, o si necesita algunos cursos de diseño para hacer las cosas más bonitas.

Diría que necesitas dedicar alrededor de 80 horas de práctica para dominar los conceptos básicos, así que date un mes de autoaprendizaje para llegar a ese punto. La razón para llegar a ese punto es que será lo suficientemente fluido como para hacer buenas preguntas que lo llevarán a un nivel más alto.

Acerca de los libros, vaya a su biblioteca local y hojee algunos libros, encuentre uno que le guste, cómprelo, hojéelo y omita las partes que no le gusten.

Finalmente, si realmente desea aprender cómo crear páginas web, obtenga un buen editor de texto y codifique manualmente su HTML y CSS. A largo plazo, la codificación manual es más eficiente y se ahorra bastante dinero al no comprar herramientas costosas como Dreamweaver. Sin embargo, tenga en cuenta que las herramientas como Dreamweaver suelen ser utilizadas por profesionales y tienen un buen propósito en los entornos de producción que suelen encontrarse en las empresas comerciales de diseño web. De hecho, uso Dreamweaver en la vista de código donde codifico manualmente mis páginas, pero tengo algunos otros editores que uso según el proyecto.

Los mejores deseos mientras te aventuras en un campo nuevo y emocionante, ¡y recuerda divertirte!

Para alguien que nunca ha codificado una página web, asegúrate de no quedar atrapado en el bombo de HTML5 y CSS3 todavía. Aunque tienen excelentes características, todos asumen que tienen un poco de conocimiento de las versiones anteriores y todas las "vistas previas" le mostrarán fragmentos relacionados con la interactividad mejorada en lugar de elementos estructurales compatibles.

Siga aprendiendo CSS2.1 y HTML4.01 / XHTML, lo que le dará una buena base sobre la cual puede aplicar las nuevas cosas más adelante.

Estoy seguro de que la gente le dará a esta respuesta algunos comentarios negativos, pero si necesita un fragmento de código JS al inicio de su código para habilitar los nuevos elementos HTML5 en uno de los principales navegadores de flujo, debe ser utilizado con fines comerciales todavía.