Cuando crea un sitio web estático básico, ¿dónde comienza en términos de codificación?

Guau. Las respuestas aquí son caóticas.

Entonces estás buscando codificar un sitio web, ¿eh? Esto es lo que haces:

Tenga una idea de cómo quiere que sea el diseño de su sitio. Esto no tiene que ser una representación perfecta del producto terminado, pero al menos debe saber a qué apunta en un sentido general.
Cuadrícula el diseño. Esto implica tomar papel y lápiz o Gimp o Photoshop o MS Paint y diseccionar el diseño en bloques, luego dividirlos en filas y columnas. Recuerde que los sitios web generalmente se dividen en 9 o 12 columnas (Bootstrap y la mayoría de los otros marcos principales usan 12 si no estaba seguro).
Escriba su marcado con la cuadrícula de diseño en mente. Siéntase libre de jugar con las cosas sobre la marcha, pero trate de ser solidario con su diseño original. Es bueno estar atento a las cosas para las que desea agregar interacción. Es posible que desee asignar un identificador de clase a algunos elementos para facilitar el diseño y el manejo de Javascript.
Comience a diseñar la página. Sea audaz y creativo pero consciente de la intención de las páginas. Por ejemplo, si su objetivo es tener un formulario de usuario rápido, es mejor no lanzar una tonelada de animación CSS solo porque puede hacerlo. Del mismo modo, mantenga el esquema de color consistente y asegúrese de que todo sea fácil de leer.
Dependiendo de cuán intensivo sea cualquier Javascript que pueda escribir para este sitio, puede ser un buen momento para agregar consultas de medios, imágenes srcset y ARIA antes de comenzar a codificar JavaScript. De lo contrario, haga lo contrario.
Pula todo. Ejecute algunas pruebas en el Javascript que se escribió, la capacidad de respuesta del sitio y tal vez pida las opiniones de algunas personas sobre el diseño y el esquema. No cambie por capricho de una sola persona, pero trate de ser hospitalario con los comentarios.
Enjuague y repita según sea necesario.

Aprender a programarDesarrolloDiseñoProgramación informáticaSitios webweb

¿Qué tema de WordPress para sitios web de negocios es compatible con dispositivos móviles?

¿Qué mejoras puedo hacer en mi sitio web http://zomical.com?

¿Cuál es la mejor fuente de ingresos de un sitio web?

¿Cuáles son los mejores sitios para ofertas de viajes reales?

Si tiene una idea sobre una función que mejorará cualquier sitio web, ¿debería hacer un complemento o su propio sitio web que contenga esa función?

¿Cuál es la diferencia entre una clase y una cadena en informática?

Respuesta simple, comienza construyendo la estructura con Html y CSS y luego agrega JavaScript para el manejo de formularios y cosas dinámicas.

Para organizarse y estructurarse, compruebe los marcos y los generadores de sitios estáticos, como bootstrap para html y CSS, jekyl, hexo, Hugo para construir sitios y angular o reaccionar para JavaScript. ¡Entonces comience a construir sus sitios JAMStack!

Prishna Vijay

Comience con HTML 5 y CSS3 y luego continúe con javascript. Luego puede aprender el marco de arranque y finalmente proceder al angular 2 o reaccionar marco para el front-end completo.

Feliz codificación 😉

Göran Svensson

¿Qué quiero decir con “plataforma”?

Bueno, en 2004, cuando comencé con el desarrollo web, la mayoría de los sitios se crearon utilizando HTML (código), CSS e incluso Flash. Tomaron mucho tiempo para aprender y fueron difíciles de dominar.

Es por eso que la mayoría de la gente todavía piensa que crear un sitio web desde cero es difícil o requiere muchas habilidades de codificación y diseño, ¡pero eso ya no es cierto!

En 2016, los sistemas de gestión de contenido (CMS) como WordPress han hecho que la creación de un sitio web sea accesible para todos.

En pocas palabras, un sistema de gestión de contenido (o plataforma de creación de sitios web) es una plataforma fácil de usar para crear sitios web y administrar su propio contenido en línea, en lugar de utilizar un montón de páginas HTML sueltas.

Lee mas

Vishal Gosain

Idealmente quieres un par de cosas;

Una plantilla: para páginas de aspecto universal

Metadatos – para SEO (optimización de motores de búsqueda)

Una buena estructura de carpetas (CSS, JScript, imágenes, etc.)

Comience creando el contenido en HTML y luego peinándolo en CSS. Esta parte es importante: primero debe ordenar su contenido HTML, luego puede usar CSS para diseñar todo y si realmente está en su juego, debe crear un diseño para usuarios con discapacidad visual y permitirles intercambiar CSS con un botón en el página.

Buena suerte.

Brian P. Hower

Aprendí HTML y CSS al revés. Empecé con iWeb. No sé cuál es el equivalente de eso ahora. Pero en algún momento, iWeb, esta aplicación WYSIWYG no pudo hacer lo que necesitaba, y abrí el capó. Entonces, al crear visualmente y luego analizar los archivos html y css, comencé a entender lo que estaba pasando. Eso me puso más curioso. Y luego entré en internet y tuve mucha hambre por cualquier respuesta que pudiera encontrar. Aprenda HTML primero. Entonces aprende CSS. Debes aprender esto juntos. Luego construye un sitio. Luego, pídale a alguien que le pida que haga algo más. Y descubre cómo hacerlo. Enjuague y repita.

Prishna Vijay

Hola,

Eso puede depender de su razón para preguntar. ¿Quieres aprender a codificar? En caso afirmativo, busque algunos tutoriales básicos en línea. Están por todas partes. Me he beneficiado enormemente de The Ultimate HTML Resource y http://www.lynda.com .

Si está buscando construir un negocio en Internet para usted, creo que el mejor lugar para aprender casi cualquier cosa que desee es Solo Build It! (¡OSE!) – Prueba de éxito.

Espero que sea un comienzo para ti.

Zak Frisch

HTML con CSS y luego algunos Javascript.

Simple como eso.

Las etiquetas de página web menos necesarias para una página .html son:

Zak Frisch

Realice la semántica en HTML y diseñe en CSS.

Prishna Vijay

Bueno, debe tener al menos algo de HTML para tener contenido y CSS para el estilo.

Zak Frisch

More Interesting

¿Cuáles son los requisitos para un sitio web?