¿Qué debo hacer para practicar y dominar CSS y HTML? ¿Dónde puedo encontrar pequeños proyectos y páginas web para practicar?

Quiero ser un desarrollador web yo mismo. Entonces, me inscribí en un curso en Udemy llamado “El curso completo para desarrolladores web” por Rob Perceival. Fue un curso basado en proyectos. En la sección de HTML y CSS, realicé un simulacro del sitio de la BBC y luego practiqué la codificación creando mis propios proyectos. Una de ellas era una página web para una cafetería donde pude diseñar la página y codificarla. Aprendí la importancia de los elementos HTML, como flotadores, divs y vanos, y la importancia de la fuente y muchas otras cosas. Todavía me quedo con Arial y Helvetica, por cierto.

Más tarde, aprendí un poco de bootstrap e hice un sitio de cartera para mí. Entonces, básicamente, sigo este patrón cada vez que aprendo aprendiendo algo nuevo porque me gusta aprender de esa manera.

Una vez que te sientas cómodo con tus habilidades. Piense en cualquier tienda local cerca de su hogar que pueda necesitar un sitio web. Puede que tenga que aprender una nueva habilidad para ello. No te preocupes. Aprende y luego vuelve y termina. Una vez que lo hayas hecho, muéstraselo al dueño de la tienda por sus comentarios. ¡Tal vez! Puede gustarle y comprárselo a usted. Ahora, tienes tu primer cliente.

También puede descargar plantillas como lo sugieren los caballeros en las publicaciones anteriores.

El punto es que te mantengas motivado y nada motive más que ver los frutos de tu trabajo.

Para divertirse mientras aprendes HTML y CSS, te sugiero que comiences con
http://www.codeschool.Com

Codechool da puntos por las cosas que hacemos.

Para un aprendizaje de calidad.
coursera está ofreciendo un curso de desarrollo de pila completa que contiene varios módulos, de los cuales el primer módulo contiene
HTML y CSS los videos son gratis.
Pero para presentar un proyecto creo que deberías pagar dinero por ellos.

Otros recursos son:
http://www.tutorialspoint.com
http://www.w3schools.com

Después de tener un buen conocimiento sobre estas tecnologías, aprenda otras tecnologías como
1) TWITTER BOOTSTRAP para un diseño sensible
2) Javascript, jquery
3) webix

¡TODO LO MEJOR!

Creo que falta JavaScript. Antes de comenzar a practicar en pequeños proyectos, te sugiero que aprendas JS (y luego jQuery).

Una cosa más que debes aprender es Photoshop. Las imágenes son parte de la página de inicio de cualquier sitio web como banners de desplazamiento. También el logo. Sin embargo hoy en día se utiliza svg en lugar de él.

Básicamente, estas 4 cosas, HTML, CSS, JS e imágenes son esenciales para el diseño interactivo y creativo del sitio web.

Entonces, como dijo un amigo arriba y lo promuevo, descargue PSD de código abierto y gratuito de diseño de sitios web e intente convertirlo en un sitio web.

Trate de usar marcos del lado del cliente como bootstrap y excelentes complementos de jQuery como jstree en su sitio web.

Y luego cree su propio diseño en Photoshop primero, conviértalo en diseño web, envíelo al mercado como themeforest y gane dinero $$.

Feliz compañero de diseño …

Cuando empecé, solo pensaba en ideas básicas de sitios web y comenzaba a construirlas. Pude comenzar con proyectos que disfruté y podría enfrentar los desafíos que enfrentan los desarrolladores reales. Yo recomiendo ese apporach.

Sin embargo, si necesita ideas para proyectos, visite http://freecodecamp.com y Aprenda Desarrollo Web gratis. Ambos tienen proyectos integrados en su plan de estudios HTML / CSS y una comunidad activa de miembros que trabajan en ellos y comparten el progreso.

Los desarrolladores de PS han estado votando en sus tutoriales de HTML / CSS favoritos en Manual | Los tutoriales más populares de HTML, CSS, Javascript en el planeta. ¡Revisa eso si necesitas más tutoriales!

Puede encontrar excelentes publicaciones de blog en sitepoint.com.

También puede buscar proyectos de código abierto en Github y solucionar problemas y realizar una solicitud de extracción.
github.com

W3Schools es también un buen sitio web, donde puedes aprender Paso a paso.

Pero no deberías arreglarte en Desarrollo de front-end con HTML y CSS. También deberías aprender PHP y otro más rápido.

Buena suerte con el aprendizaje
Daniel

(¿Necesita un sitio web?
thedcdesigns.com)

Si desea dominar en Css y HTML, le sugiero que intente hacer la copia de cualquier sitio web.
Abra la ventana de su navegador para buscar sitios web insipiracionales y vea y observe la estructura de las páginas web.
Prueba con cualquier sitio de noticias ya que tienen una estructura muy anidada de elementos para mostrar anuncios, gráficos, fotos, etc.
Trate de hacer un aspecto similar con HTML y CSS.
Usa Div y span y comienza con CSS en línea.
Dos páginas web que creaste exactamente buscando en otro sitio es suficiente.

No necesitas ir a ningún lado. Solo necesitas llevar tu propia vida diaria y uso a la web. Por ejemplo, puede crear su blog estático, sitio web, cartera para mostrar. Puedes crear el sitio web de tu ciudad natal (estático). Esto usará mucho conocimiento de HTML y CSS. Una vez hecho esto, puede actualizarlos moviéndose a JS y luego a backend, etc.

¡Todo lo mejor!

Durante sus etapas iniciales, recomendaría que tome simplemente inspiraciones de la World Wide Web. Vea cómo se crean los sitios web. Mejor aún, apunte a pequeñas porciones de una sola página web e intente producir lo mismo (si no al menos lo más cerca posible). Si ha pasado toda la parte de aprendizaje con HTML y CSS, solo imagine todo lo que pueda y simplemente cámbielo.

Cuanto más haga, mejor obtendrá. Pase de hacer pequeñas porciones de una página web a crear una página de inicio simulada. Luego pasar a una página de inicio y una segunda página. ¡Sigue presionando y llegarás allí!

Aclamaciones.

Sólo tienes que escribir plantillas web psd en google. Descarga uno de los psd gratis. Luego intente replicar ese psd como una página web en html y css. Así es como me entrené.

Consulta Aprende a codificar y ayuda a organizaciones sin ánimo de lucro.

Este sitio web consta de tutoriales, rompecabezas de programación y pequeños proyectos que está buscando.

Hola frnd! Como le interesa practicar CSS y HTML mejor, puede probar con CodePen. Aquí podrá escribir códigos y al mismo tiempo visualizar su trabajo.

En la medida en que los proyectos pequeños y las páginas web se consideran para la práctica, no hay necesidad de buscar. Solo puede tomar un ejemplo de cualquier sitio web y comenzar a desarrollar css y html para el mismo. Será una buena práctica para ti. Gracias

Algunos sitios de cursos de estudio ya han sido mencionados. Yo sugeriría recoger una plantilla html: estudie cómo cambiar qué causa la diferencia en el sitio, etc. y luego haga lo mismo con su comprensión y vea la diferencia. 🙂

La mejor manera de practicar es encontrar plantillas html gratuitas (obviamente, buscarlas en google) y descargar la plantilla y abrirla en el navegador. Trate de hacer la réplica exacta de esa página web. Puede obtener ayuda de sus archivos css y html si golpea en cualquier lugar.

espero que esto ayude

Comience con http://Codeacademy.com . Tienen algunos grandes recursos para los principiantes.
Después de terminar, construye tu propio sitio web. Luego, pregúntales a tus amigos algunas ideas para hacer un sitio web.

w3schools , es todo lo que necesitas!
Aprendí HTML y CSS de w3schools cuando tenía 15 años.
Buena suerte.

http://www.w3schools.com