Cómo crear fácilmente un sitio web atractivo si conoce la sintaxis básica de html, css, javascript y php de W3Schools

W3Schools no es un buen recurso para aprender desarrollo web. En el pasado, enseñaban información evidentemente incorrecta. Han mejorado un poco en los últimos años, pero no mucho. Ver w3fools.

Sin embargo, el problema que enfrenta es que saber cómo hacer que un sitio web se vea bien no es lo mismo que saber cómo escribir código. El diseño visual / UX es una disciplina muy diferente a la de escribir código.

De vez en cuando hay algunos cruces, por ejemplo, he conocido algunos diseñadores muy buenos que pueden escribir un poco de CSS, y tal vez un poco de jQuery. Pueden escribir algo que funcione, pero el código generalmente no es de muy alta calidad, y ciertamente no es de grado empresarial. Del mismo modo, he conocido algunos codificadores excelentes que pueden usar Photoshop para crear una interfaz básica que no se vea terrible. Pero nuevamente, en una inspección más profunda, probablemente habrá problemas sutiles con el diseño o la experiencia.

Me di cuenta de que los desarrolladores front-end suelen estar mejor o más dispuestos a considerar problemas de diseño. Incluso los desarrolladores de back-end que conocen JavaScript tienden a odiar o temer a CSS.

Existen marcos como Zurb Foundation, Html5Boilerplate, Bootstrap, etc. que pueden ayudarlo a construir rápidamente sitios web atractivos y con buena respuesta. Con pocas lecturas técnicas, puede ejecutar estos marcos. Pero el diseño en sí mismo es un arte, y hay todo un proceso y ciencia llamado diseño de interfaz de usuario. Estudíelos y sería lo suficientemente fuerte como para crear sitios web hermosos con o sin marcos.

W3 Schools es un buen comienzo, pero a veces no están de acuerdo con el diseño semántico. Además de ellos, vea revistas como Smashing, A Word Apart y Mashable para obtener algunos buenos tutoriales sobre color, plantillas, navegación y otros elementos del sitio web. Únase a un foro de desarrollo web como SitePoint o Digital Point para ayudarlo a mantenerse actualizado sobre los cambios tecnológicos.

Para los principiantes, no es realmente necesario comprender los lenguajes de programación web comunes. Hay tantos sistemas de administración de contenido amigables para el usuario, diseñados específicamente para usuarios que no entienden el código. Son un excelente lugar para comenzar, y a medida que comienzas a superar algunas de sus limitaciones, puedes comenzar a experimentar con el código para personalizarlo.

Desea un sitio web atractivo desde mi entendimiento. W3Schools no es un sitio web de diseño, por lo tanto, no le enseñará cómo convertirse en diseñador. Dado que conoce los conceptos básicos de HTML CSS, Javascript y PHP, ya puede crear cualquier sitio web que desee. Como está buscando más en un sitio web atractivo, todo lo que necesita son buenos ejemplos de sitios web que le gusten y con HTML CSS puede crear un sitio web atractivo.

Mira Show and tell para diseñadores

Obtenga inspiración de esas imágenes y comience a codificar utilizando los conceptos básicos de HTML CSS

*EDITAR*

Le recomendé que me sintiera cómodo con HTML y CSS al poder codificar desde cualquier computadora, en cualquier momento con cualquier editor, incluido un editor que no sea como el bloc de notas, si planea ser desarrollador web.

Después de conocer la sintaxis básica de html, css, javascript y php, lo primero que debe hacer es definir exactamente qué propósito desea de su sitio web. Después de esto, hay dos lados de cualquier sitio web de ‘Apuesto’. El front-end; estética y brillo del sitio web y el back-end; La funcionalidad del sitio web. Estos dos aspectos se entrelazan en muchos niveles, por lo que para tener un sitio web ‘Apuesto’ necesita dominar estas dos cosas. Ahora, esto puede parecer desalentador, pero puede comenzar fácilmente utilizando bibliotecas de código abierto en línea como bootstrap, html5 boilerplate. No es necesario que use marcos CSS como estos, aunque pueden resultar útiles para ahorrar horas a largo plazo en el desarrollo. Te recomendaría exponer exactamente lo que quieres lograr y luego llegar allí. Personalmente, después de conocer los conceptos básicos, comencé a leer libros y me metí en WordPress.

Bueno, si se siente cómodo con los lenguajes de codificación que citó, me informaría más sobre ellos estudiándolos en mayor detalle con sitios como Learn to code y para sitios similares, simplemente vaya al Mejor lugar para encontrar sitios web similares y escriba en “Aprender a codificar” sin las comillas, por supuesto. CodeAcademy ayudará inmensamente, sospecho y más allá de eso, sugeriría tomar un tema de WordPress GPL que sea muy básico (como “2012”) y configurarlo en un sitio de demostración y jugar con el código y solo ver lo que obtienes a medida que avanzas trabajar en ello. Así es como aprendí mucho, al configurar demo o sies “ficticios” con subdominios y sin SEO solo para experimentar con la codificación para poder aprender más.

No mi amigo. Estoy empezado como tú. Pero no entiendo nada. Como si conociera la sintaxis y sé que funcionan, pero no sé por dónde empezar. Entonces, uno de mis amigos me da Envato Tuts + Tutorial. Estoy viendo esto y practico a diario. Me doy un año. Este año solo practico y descargo plantillas. Veo el código de la plantilla. Luego escribo este código en mi editor. Así es como entiendo cómo está construido. Ahora estoy trabajando en el proyecto. Al principio, practique más. Si practica más, puede comprender fácilmente cómo crea su sitio web. Descargue la plantilla, vea su código, luego piense diferente y luego haga el suyo. Estoy 200% seguro de que esta vez serás el hombre más feliz del mundo.

Mi consejo es ir a html5boilerplate (la plantilla front-end más popular de la web) y usar esto como base para su página web, si la está programando desde cero.

html5boilerplate es una plantilla para el desarrollo web y contiene lo esencial de lo que necesita para que su página web sea uniforme (normalizar) entre los diferentes navegadores.

Puede comenzar aprendiendo cómo usar y elegir los marcos correctos.

Bootstrap es una buena opción para comenzar, ya que es ampliamente conocido y relativamente fácil de usar. Lee las documentaciones e intenta jugar. ¡Que te diviertas!

Si haces un buen sitio web, mira este enlace:
http: //webcache.googleuserconten
Obtiene todos los pasos para hacer un sitio web atractivo y receptivo.

El contenido de w3schools es bueno para comprender la sintaxis básica … si planea crear un sitio web atractivo … descargue algunas plantillas y avance a través del código …

utilizando herramientas de diseño web como XARA o Google Web Designer