Como se mencionó anteriormente, el tutorial HTML de W3Schools: Tutorial HTML y tutorial CSS: Tutorial CSS son excelentes recursos gratuitos. La invaluable función “Pruébelo usted mismo” en W3Schools le permite probar los conceptos que aprende en cada breve lección.
YouTube también es un gran recurso. Una búsqueda de ‘HTML CSS’ devuelve miles de videos tutoriales HTML y CSS: html css – YouTube
Lynda com: Los tutoriales y la capacitación en video en línea son uno de los recursos disponibles mejor pagados. Por una tarifa mensual, obtienes acceso a lecciones de video transcritas de instructores expertos, así como a todo el código necesario para completar el proyecto de cada lección.
- ¿Cuánto se paga por cada función agregada a una página web?
- ¿Qué hace un buen diseño de diseño web?
- ¿Dónde puedo arreglar mi sitio web?
- ¿Cuál se recomienda para desarrollar un nuevo sitio web, Laravel o Codelgniter?
- ¿Cuál es el beneficio de los diseños de página de inicio utilizados por Squarespace.com, SimplyMeasured.com y DevBootCamp.com?
Otra forma de agudizar sus habilidades es revisar el código escrito por otros. Acostúmbrese a hacer clic con el botón derecho en las páginas web del navegador y seleccionar ‘Ver fuente de página’. Al principio no entenderás mucho de lo que estás viendo. Sin embargo, la repetición genera familiaridad. Busque en la “fuente de la página” las palabras que ve en la página web para tener una idea de cómo se escribe el código para producir lo que ve. Tenga en cuenta que hay muchas tecnologías en funcionamiento en la web, por lo que puede estar viendo código fuera del alcance de HTML y CSS. Para un principiante, esta técnica es más útil en páginas web pequeñas y simples.
Descargue y aprenda a usar FireBug. Aquí hay un tutorial: Tutorial de Firebug – Herramientas de desarrollo web – w3resource. FireBug proporciona una forma de inspeccionar y modificar el CSS y HTML de las páginas web desde el navegador. Cargar una página y modificar el CSS y HTML puede ayudarlo a comprender las aplicaciones prácticas de los conceptos que aprende.
Crea tu propio proyecto. Elija un conjunto de características y dibuje un diagrama simple del proyecto de su sitio web. Haga que el sitio web sea pequeño y simple, no más de 3 a 5 páginas. Si las instrucciones para implementar una de las características de su proyecto no están disponibles en los recursos enumerados aquí, busque en Internet otros recursos. Agregue la palabra ‘ejemplos’ a sus búsquedas. El proceso de buscar ejemplos e intentar implementar varias técnicas ayudará a aclarar los conceptos. Esto es similar al flujo de trabajo de muchos desarrolladores web.