Arkadi Mochulsky:
Hola Sasha. Leí la última publicación en el canal y tengo una pregunta para ti. Me gustaría aprender un poco de frontend. ¿Dónde empezar? Sé HTML/CSS básico, JS muy básico.
Arkady, hola!
El conocimiento básico es bueno. Puedes empezar a escribir. En el proceso, llegará una comprensión de lo que falta en el conocimiento. Luego vas a leer artículos, libros, ver lecciones en video, tal vez deberías inscribirte en cursos.
¿Dónde empezar?
Mi relación con el diseño comenzó en el décimo grado. Se volvió interesante cómo se hacen los sitios web. Me registré en un alojamiento gratuito y comencé a construir un sitio web. En el camino, leo artículos sobre cómo implementar algo. Después de eso, comenzó a hacer sitios web para profesores por dinero.
Primero tienes que probar. ¿Apreciado? Puedes empezar a aprender.
Instale un editor de código como Atom. Probar:
- Diseña la página de inicio de tu sitio
En la nota, el profesional indicó enlaces a páginas de inicio interesantes, míralas - Proponga una idea para un pequeño servicio web y prográmelo usted mismo
Ver ejemplos: tomate temporizador, pesado. Mi primer proyecto fue un editor XSLT, facilitó la creación de nuevos archivos XSLT
Tan pronto como encuentre un problema, busque una solución en Internet. El 99% de sus problemas ya han sido resueltos y descritos en artículos. Se puede ver una descripción de las etiquetas HTML y las propiedades de estilo CSS en htmlbook.ru.
Aprenda a trabajar con un inspector web: vea y edite el diseño, los estilos y los scripts de depuración. Si le gusta el sitio de alguien, siéntase libre de mirar "bajo el capó" y ver cómo se hace todo allí.
A veces hay mensajes divertidos:
Si algo salió mal durante el proceso de diseño, abra el inspector y busque el error. Para aprender a trabajar con él, mire estos videos:
Cuando comience a sentirse seguro con el diseño, continúe aprendiendo JavaScript. Primero, comprenda las posibilidades del lenguaje y luego continúe con el aprendizaje de bibliotecas y marcos.
Te aconsejo que empieces a aprender el idioma con el libro de David Flanagan - "". El libro es grande, pero no se deje intimidar. No es necesario leer completo.
También puedes ver cursos en video, hay muchos en YouTube. Aquí hay un par de interesantes:
¿Que sigue?
Ilya Kantor tiene un screencast genial de Gulp
¿Te gustó escribir? Ahora puedes acelerar tu trabajo. Aprende algún preprocesador de estilo: SASS, LESS o Stylus. Automatice el ensamblaje de estilos y su procesamiento a través de
Hola, mi nombre es Alexander Zelenin y soy desarrollador web.
Muchas veces escuché la opinión de que el diseño es lo que les gusta a los principiantes. Aunque en realidad es la parte más importante de cualquier (casi) proyecto web. Esto es lo que los usuarios ven primero. Por el momento, el diseño de alta calidad (especialmente el diseño de bloques) en un proyecto grande requiere una gran cantidad de habilidades diferentes.
En este artículo presento un esquema para el desarrollo de un maquetador
[gran clic]
Por supuesto, este no es un esquema completo y único verdadero. También hay toda una montaña de habilidades relacionadas, tecnologías relevantes, etc. La calificación es subjetiva.
Quiero agregar de inmediato que no habrá enlaces específicos a materiales educativos en el artículo. Estaré encantado de añadir comentarios.
¿Qué esperamos?
En primer lugar, es necesario comprender qué esperamos de una persona en cada uno de los niveles. Sus expectativas pueden diferir.
Júnior- conoce las etiquetas principales, puede corregir el contenido en el sitio html terminado, sabe cómo formatear correctamente el texto, inserta un elemento incrustado sin ningún problema (video de YouTube, mapa de Yandex), trabaja a través del sistema de control de versiones solo para él ( maestro, 1 colaborador). Puede inventar algo simple desde cero, y ni siquiera funcionará (personalmente con él). En general, no es una unidad independiente y requiere orientación desde arriba.
Medio- unidad más o menos autónoma (o completamente autónoma para proyectos pequeños y medianos). Puede diseñar bien un sitio de tamaño mediano y se mostrará correctamente en todas las versiones actuales de los navegadores. Entiende cómo funcionan los motores de plantillas y puede usarlos (siempre que se proporcione el resto del código). Capaz de planificar y documentar su trabajo y estimar los plazos. Entiende la importancia de mantener el estilo del código. Entiende por qué hay sistemas de grillas y marcos css. Capaz de tomar toda la información necesaria de los diseños del diseñador. Puede interactuar con un equipo pequeño, crear ramas y solicitudes de extracción.
Sénior- puede diseñar un sistema de bloques para un proyecto grande. Sabe cómo evitar la repetición y las áreas problemáticas cuando otros desarrolladores usan su código. Capaz de descomponer tareas complejas y formular tareas correctamente. Capaz de aplicar al menos una metodología de desarrollo (por ejemplo, BEM). Puede hacer que el proyecto se abra lo más rápido posible. Entiende bien varios motores de plantillas populares. Capaz de escribir ensambladores y automatizar el proceso asociado con él. Puede realizar revisiones de código y supervisar a otros diseñadores de diseño.
Consideremos ahora un poco más específicamente qué incluye cada uno de los bloques en cada nivel.
Júnior
HTML- conocimiento de las principales etiquetas, atributos. Comprender cómo escribirlo en principio.
Tipografía- capacidad para dar formato al texto. El texto es la base de casi cualquier proyecto. Inserte espacios que no se rompan donde sea necesario, negrita, cursiva, abreviaturas, etc. Puede utilizar un tipógrafo o un servicio similar, pero ser capaz de comprender el resultado.
Semántica- entender que hay ciertas etiquetas para ciertas tareas. Ser capaz de elegir la etiqueta correcta.
Medios de comunicación- qué tipos de medios se pueden incrustar en la página.
iframe- incrustación de widgets de terceros (video, audio, mapas, etc.).
Audio Video- Puedes posponer el estudio, porque. parcialmente resuelto con iframe. Comprenda qué formatos puede reproducir el navegador, cómo diseñar el reproductor, etc.
Fotos- qué formatos gráficos y en qué forma percibe el navegador. Pros y contras de usar ciertos formatos.
Ráster-jpg, png, gif. Comprender la diferencia entre formatos y poder aplicar qué y dónde sea necesario.
SVG- Puedes posponer el estudio, porque. usado con menos frecuencia de lo que nos gustaría. Comprender los pros, los contras, las limitaciones, etc.
fuentes- puedes posponer el estudio. En realidad, es un tema bastante complejo y, en general, recomendaría a los principiantes que utilicen fuentes del sistema. Poder cargar fuentes, optimizar la visualización, minimizar el retraso de representación con fuentes personalizadas.
Diseño tabular- opcional. Para aquellos que quieran crear boletines de correo electrónico de alta calidad en el futuro.
css1- fuentes, colores, alineación, tamaños.
CSS 2.1- control de comportamiento de bloque, posicionamiento, diseño completo.
Selectores- selectores simples para etiqueta, clase, elemento anidado. Pseudo-selectores simples como :hover.
nombrando- cómo nombrar las clases para que no sea terriblemente doloroso.
diseño de bloque- dividir la imagen en bloques conscientes, incorporar los bloques en HTML, decorar con CSS.
navegadores- puedes posponer el estudio. Qué navegadores existen, cuál es su diferencia.
Herramientas de desarrollo- puedes posponer el estudio. Utilice las herramientas del navegador para solucionar problemas de visualización.
editores de texto- qué son los editores de texto para desarrolladores y por qué. SublimeText y Notepad++ son ejemplos que me resultan familiares. Ser capaz de configurar cosas básicas en ellos, como sangrías, saltos de línea, etc.
Sistemas de control de versiones- Personalmente considero muy importante la capacidad de usarlos al menos individualmente, personalmente para mí. Comprender por qué se crean estos sistemas y qué son.
git- comprender en términos generales la tarea y los principios del sistema de control de versiones más popular.
Github/bitbucket- ser capaz de usar una de las plataformas populares para git.
pagar/comprometer/empujar/tirar- operaciones básicas para uso personal.
Reserva- para guardar temporalmente datos innecesarios en este momento.
10 obras- realizar al menos 10 obras en diferentes diseños. Puedes probar, no importa. Es importante estar completo dentro de los conocimientos actuales.
Medio
CSS 3- gradación, sombras, suavizado, filtros, transformaciones.
Selectores avanzados- elementos que siguen al (+) especificado, especificados por recuento (nth-child), shadow-dom, before/after, etc.
animaciones- opcional. transición y animación. Transiciones suaves, animaciones. Comprender las limitaciones y desventajas.
Cuadrículas- por qué existen, cómo construirlos, qué son las soluciones preparadas. Por ejemplo, puedes mirar la grilla Flexbox o cualquier otra que puedas encontrar.
Marcos (CSS) Por qué son necesarios y cómo usarlos. Es recomendable aprender a usar al menos uno bien. Muy útil para prototipos. Mejora significativamente la calidad del proyecto en ausencia de un presupuesto de diseño (no único, pero utilizable).
preprocesadores CSS- puedes posponer el estudio. Optimización del trabajo, código más bonito y legible. Variables, mixins, etc. Trabaje con uno o más preprocesadores populares como SASS, LESS, Stylus.
Preguntas de los medios- puedes posponer el estudio. Muestre los estilos deseados según las condiciones (dispositivo, tamaño de pantalla, densidad de píxeles, versión de impresión, etc.).
Estilo de código- entender para qué sirven las convenciones de estilo, estudiar y empezar a aplicar cualquiera (recomiendo de AirBNB).
SECO/BESO/SÓLIDO- puedes posponer el estudio. Comprender principios de desarrollo importantes que simplifican significativamente el mantenimiento posterior del proyecto.
OOCSS- opcional. Comprender qué es CSS orientado a objetos y para qué sirve. De una forma u otra, se utiliza en muchos proyectos (aunque sin entender lo que es). Lo ideal es aprender a diseñar. Puede ser genial para grandes proyectos.
Documentación- entender qué y cómo documentar. Documento. Puede posponer, pero en el futuro, asegúrese de estudiar el marcado de rebajas.
Planificación- aprender a estimar los términos en una imagen y determinar la secuencia de trabajos.
Descomposición- puedes posponer el estudio. Aprenda a dividir una tarea en subtareas. Es más difícil de lo que parece :-)
Establecer metas- puedes posponer el estudio. Aprenda a describir claramente las tareas en el texto para que otros desarrolladores, incluidos aquellos con calificaciones menores, comprendan sin ambigüedades lo que se debe hacer para completarlas.
caja flexible- comprensión del modelo, la capacidad de aplicar plenamente.
Disposición de letras- opcional. En general, la habilidad no es superflua. Comprender las características de los sistemas de correo, mantener una buena apariencia y no caer en spam (si no es spam).
polifilos- descubra cómo usar las funciones de desarrollo más recientes mientras mantiene la compatibilidad con versiones anteriores. Comprender los pros y los contras de este enfoque.
Diseño multiplataforma- comprender lo que se debe hacer para que el proyecto se vea bien no solo en Windows, Linux y Mac, sino también en SmartTV o PS.
Diseño de navegador cruzado- Comprenda la diferencia en la representación del navegador y haga que se muestren de la misma manera. El sitio web de CanIUse es muy útil con esto.
diseño móvil- puedes posponer el estudio. Comprender las limitaciones de las plataformas móviles. Usa el espacio limitado sabiamente.
Mejoramiento- puedes posponer el estudio. Comprender el "precio" de ciertas técnicas. Comprender en qué fases consiste la visualización del sitio al usuario. - puedes posponer el estudio. Optimizaciones relacionadas con el tamaño, la memoria caché, la compresión, la agrupación de recursos, etc.
Representación- puedes posponer el estudio. Optimizaciones relacionadas con la velocidad de renderizado después de la carga.
SEO- puedes posponer el estudio. Al menos una comprensión básica de cómo funcionan los motores de búsqueda. La capacidad de "ayudar" al motor de búsqueda a determinar dónde buscar y qué es importante.
Motores de plantilla- comprender cómo puede reutilizar código, agrupar elementos y componer páginas. Es muy deseable aprender tanto la renderización del lado del servidor como la renderización del lado del cliente. Esto también incluye plantillas en un lenguaje "puro" (como inserciones simples de PHP). El trabajo “antes” (dataflow) del motor de plantillas no nos interesa.
PHP- puedes posponer el estudio. Comprender la sintaxis básica y ser capaz de realizar modificaciones menores relacionadas con el diseño de la página.
CMS- puedes posponer el estudio. Descubra qué CMS existen y por qué se crearon. Aprenda a escribir plantillas para al menos una (recomiendo Wordpress).
javascript- puedes posponer el estudio. Aprenda la sintaxis básica, comprenda cómo colgar los controladores más simples y haga un trabajo simple con el DOM.
jQuery- puedes posponer el estudio. Aprenda cómo ahorrar mucho tiempo para resolver tareas bastante típicas usando complementos para la biblioteca js más popular (después de vanilla.js, por supuesto).
NodoJS- puedes posponer el estudio. Comprenda cómo ejecutar un servidor simple, distribuir estática y renderizar en el lado del servidor. Puede usar Express o cualquier otro marco.
Asamblea- opcional. Aprenda a ensamblar un proyecto a partir de un montón de archivos CSS/HTML en lo que necesita. Le recomiendo que se familiarice con al menos gruñir y tragar, como representantes de campos "diferentes".
IDE- opcional. Aprenda por qué se necesitan los IDE y cómo usarlos. Cambie a usar algún IDE para ahorrar tiempo. Importante: aprender un IDE es comparable a aprender un lenguaje de programación completo, y puede que no se justifique invertir mucho tiempo en él. Personalmente, uso editores de texto (y solo enciendo el IDE para proyectos muy grandes).
derivación- aprender a administrar sucursales en git.
Unir- aprender a fusionar ramas con resolución de conflictos.
buscar/reorganizar- entender por qué se usan, cuándo usarlos y comenzar a usarlos según sea necesario.
Editor gráfico- para entender lo que son, para qué. ¿En qué se diferencian los vectores de los rásteres? Es importante comprender al editor al menos al nivel de "leer" el diseño del diseñador. Elija la fuente, el tamaño, el color, etc. correctos. No a la vista, pero seguro. Recomiendo trabajar con al menos 1 ráster (Photoshop) y 1 vector (Figma).
50 obras- al final de la etapa tienes alrededor de 50 trabajos diferentes que demuestran habilidades de las áreas estudiadas.
Sénior
Aunque este grupo parece pequeño en el diagrama, de hecho es el más grande. Porque en este punto, es necesario estudiar todo lo que se pospuso.
Diseño adaptativo/responsivo- comprender el nivel más alto y combinar todos los conocimientos adquiridos hasta el momento. El proyecto debe verse bien en todas partes y en todo (dentro de lo razonable).
Degradación Gradual / Mejora Progresiva- comprender qué es y por qué. Usar.
flujo de trabajo- ser capaz de explicar a otros desarrolladores cómo crear ramas, dónde fusionarlas, cómo poder revisar el código (diseños, por supuesto, no código).
BEM- opcional. Comprenda la metodología que le permite crear grandes proyectos ilimitados para que, con una sincronización mínima, los diferentes equipos puedan usar los bloques de los demás. Hay otras metodologías que no dan el peor resultado. En ese momento, sabrás sobre ellos de una forma u otra y podrás estudiarlos si lo deseas.
100 obras- disponer de un total de cien obras que demuestren las distintas competencias adquiridas. De hecho, todo es condicional. Es posible tener un trabajo (que consta de varias partes) en el portafolios, lo que ya demostrará que no le tienes miedo a nada.
Conclusión
De hecho, muchos de estos temas son pequeños. Sin embargo, tener en cuenta un montón de factores diferentes es muy difícil. Durante 15 años hablé con menos de diez maquetadores (y programadores en general), a los que catalogaría como Senior (había muchos más maquetadores, buenos programadores).
De improviso: es muy posible pasar un año en un estudio completo y practicar solo el diseño desde cero (y más, si se dedica al diseño de componentes).
Espero que para aquellos que están al comienzo del camino, el esquema les diga dónde aún pueden moverse, y que no es necesario inmediatamente (o no pueden moverse en absoluto) para encontrarse con la programación.
También planeo crear un curso gratuito completo con un examen detallado de cada uno de los temas del rectángulo del diagrama. Estaré encantado de ofrecer comentarios, deseos, etc.
El curso probablemente tendrá el formato de lecciones en video con texto completo y duplicación gráfica. Si funciona, agregaré enlaces en los comentarios en el futuro.
actualización
Hay muchos informes de que no se necesita un codificador sin conocimiento del marco. Esto está escrito principalmente por desarrolladores en grandes proyectos. Y, para ellos, es bastante cierto. Pero hay muchos más estudios que hacen landing pages, varias plantillas para WordPress y otros CMS. Este es un mercado bastante bueno y una oportunidad para ganar. Hay bastantes proyectos completamente pequeños, con requisitos mucho más pequeños, que el diseñador de diseño puede completar perfectamente.
El objetivo principal de los cursos de HTML y CSS es enseñar los conceptos básicos del diseño y la creación de páginas web. Para aquellos que comienzan una carrera en tecnologías de Internet, las habilidades de diseño son la base para un mayor desarrollo.
- Básicamente, los cursos y la capacitación en diseño HTML están destinados a diseñadores de diseño y diseñadores web principiantes. Son estos especialistas los que crean sitios web y actualmente tienen una gran demanda en el mercado laboral.
- Además de los programas básicos, también hay cursos de programación HTML 5 y desarrollo de aplicaciones web. Están diseñados para profesionales o programadores de Internet ya experimentados.
El formato de las clases es a tiempo completo ya distancia. La mayoría de las veces, la duración de la capacitación es estándar y es de aproximadamente 40 horas académicas, pero también hay programas más largos: 72 horas académicas.
Después del entrenamiento, podrá
Como regla general, tomar un curso básico de diseño y los conceptos básicos de HTML y CSS desde cero te enseñará:
- Crear páginas web.
- Desarrollar sitios web simples.
- Crear formularios de envío.
- Diseño funcional (para que luego fuera fácil hacer cambios).
La formación avanzada en programación HTML y CSS proporciona un conjunto de habilidades más complejas:
- Maquetación multinavegador y conocimiento de los estándares W3C.
- Fundamentos de usabilidad y conveniencia de los sitios.
- Características avanzadas de CSS.
- Diversos enfoques para el diseño.
- Creación de páginas web para smartphones y tablets.
También en el mercado se pueden encontrar formaciones más serias en el desarrollo de aplicaciones web en HTML5. Dichos programas de capacitación están dirigidos a programadores experimentados y brindan conocimientos sobre la administración de la velocidad de carga de la página, el almacenamiento de datos, el trabajo con JavaScript (API de archivos, API de geolocalización) y mucho más.
Para quien
Los programas básicos están diseñados para todos los que quieran aprender tecnologías web y dominar la profesión moderna de un programador o diseñador web. Los programas avanzados requieren habilidades seguras de diseño y creación de sitios web.
Certificados de Finalización
Todos los centros de formación emiten certificados de finalización en su propio nombre. Algunos centros emplean.
- www.youtube.com/user/agragregra- un canal muy interesante que te ayudará a tener en tus manos la creación de sitios web de diversa complejidad desde cero;
- www.youtube.com/user/ArtSorax- mucho material útil para principiantes. El énfasis está en CSS y JS;
- www.youtube.com/user/WebMagistersRu- Personalmente comencé a familiarizarme con el entorno de desarrollo web de este canal. Todo está contado en un lenguaje accesible y comprensible, base de lo básico, por así decirlo.
- www.youtube.com/user/loftblog- el equipo de LoftBlog entrevista a principiantes y profesionales y desarrolladores de TI establecidos, además de realizar capacitaciones en video;
- www.youtube.com/user/TheSWAT727- el canal de video contiene información y materiales de capacitación sobre desarrollo web en general, que abarcan revisiones de editores de texto, front-end y back-end y otra información útil para desarrolladores y diseñadores novatos.
recursos de Internet
- htmlbook.ru - un santuario para principiantes. Este recurso contiene una gran cantidad de información en un foro accesible y comprensible + foro. Aquí es donde te aconsejo que empieces a familiarizarte con HTML/CSS;
- webdesign-master.ru: un sitio informativo para un conocimiento más profundo del diseño y el diseño web;
- learn.javascript.ru: el nombre del sitio habla por sí mismo. Le aconsejo que comience a aprender después de familiarizarse con los conceptos básicos de HTML5/CSS3.
Servicios
- www.codecademy.com es un servicio en inglés donde puedes poner a prueba tus conocimientos en la práctica. Todo es intuitivo, no se requiere un conocimiento profundo del idioma inglés;
- htmlacademy.ru - Servicio en ruso, donde el énfasis está en la práctica + un poco de teoría. Recursos, cursos y tareas muy interesantes;
- jsfiddle.net es un "sandbox" para desarrolladores web, por así decirlo. Aquí, en línea, puede codificar e inmediatamente ver el resultado. El servicio le ayudará a indicar errores;
- validator.w3.org: aquí puede verificar la validez de su código para corregir sus errores o deficiencias en el código HTML;
- jigsaw.w3.org/css-validator es un servicio similar para validar código CSS.
Salir
Hay mucha información útil, correcta y necesaria en Internet, pero más inútil. Aprende, practica, codifica.
te interesa la pregunta cómo aprender el diseño del sitio web por su cuenta? Con la debida perseverancia, cualquiera puede aprender el diseño de los sitios.
Tema del post de hoy: ¿Por dónde empezar a aprender diseño? Esta pregunta está lejos de ser ociosa, y cada uno elige su propio camino por sí mismo. Te contaré cómo comencé yo mismo este fascinante viaje por el mundo. HTML y CSS. Espero que para algunos de ustedes esto se convierta, si no en una estrella guía, al menos en una guía hacia la meta.
Entonces que es diseño del sitio web? Quién aún no está en el tanque, escuche: el diseño en este caso no significa escribir un artículo nuevo en el periódico Iskra en letras de plomo, sino convertir un diseño de sitio dibujado en Photoshop directamente en un sitio de trabajo.
Para decirlo de otra manera, el diseño es codificación, escribir datos en HTML que cualquier navegador que se precie convertirá en un sitio hermoso y comprensible.
Para un visitante normal del sitio, este código permanecerá invisible, escondido detrás de la amplia parte posterior del navegador. Sin embargo, esto no significa en absoluto que pueda ser de todos modos. ¡El código debe ser hermoso, conveniente y correcto!
Entonces, ¿dónde empiezas a aprender HTML? Lo primero que viene a la mente es comprar un libro. Y cuanto más grueso, mejor. Quizás esto le sirva a alguien.
Pero personalmente, después de alguna experiencia con tales "ladrillos", desarrollé un claro reflejo de repulsión. Por la sencilla razón de que la información allí se suministra en exceso.
¿Recuerdas la escuela? El ciudadano medio no necesita saber química, física, anatomía, etc., en la medida en que están tratando de meter en su cerebro.
Así es aquí: en un libro grueso hay mucho superfluo, y cuando hay mucho, nubla los ojos, provoca bostezos y convierte el aprendizaje en 2-3 días de tormento, seguido de arrojar esta ciencia muy lejos. el horno. Y eso es todo.
Así que personalmente fui por el otro lado. Compré el libro. No gordo en absoluto. Y todavía no me canso de recomendarlo a mis alumnos, porque la relevancia del libro aún está fresca y en demanda. autor del libro artemy lomov, pero se llama "HTML, CSS, scripts: la práctica de crear sitios". Editorial "BHV-Petersburg".
En este libro, todo es moderado: hay un poco de historia web, un poco sobre estándares. Pero lo más importante, el material básico sobre HTML, CSS y JavaScript se presenta de forma muy inteligible y sencilla. Para que un principiante aprenda el diseño del sitio web, ¡es simplemente imprescindible!
Pero un libro no es suficiente. Mi método de estudio no es nuevo, pero al mismo tiempo es muy efectivo. No necesitamos un libro, sino varios. El truco aquí es que cada autor escribe un poco diferente. Cuando lee el mismo tema en diferentes variaciones, la imagen general se aclara mucho más rápido y se recuerda mucho mejor.
Mi segundo libro de este tipo fue una versión electrónica del tutorial de Macromedia Dreamweaver de Vladimir Dronov.
En general, para empezar es muy útil adquirir este programa. soñador es un editor visual que le permite ver tanto el lado externo como el interno del sitio. Es decir, su representación externa como para los visitantes e interna, directamente el código.
Una gran ventaja de este programa es la capacidad de ver (nuevamente en modo dual) cualquier sitio que exista en la red.
Por ejemplo, me gustó un sitio con una ubicación hermosa y conveniente de bloques, guardé toda la página con imágenes y luego lancé esta página en Dream. ¡Y voilá! Puedes ver todo, dónde y qué. Aunque al principio no todo es tan evidente como nos gustaría. Eso es solo el libro, solo un gran ayudante aquí.
Por supuesto, no he usado ningún editor visual durante mucho tiempo, pero me las arreglo con un editor de texto simple como PSPad. Pero se ha ganado mucha experiencia. Y lo más importante - versátil. Por qué el tema en sí encaja fácilmente y bastante estructurado en la cabeza.
Por cierto, la estructura es el factor más importante en el aprendizaje de cualquier idioma. Y HTML también es un lenguaje. Y hablaré de esta estructura la próxima vez.
Mientras tanto, consígase un par de libros útiles. Y lea mi blog Consejos web. Aquí también encontrará muchos consejos útiles sobre el diseño del sitio. Comience a aprender el diseño del sitio web con al menos .
UPD del 25/10/2012: Para los principiantes, recomiendo este artículo - El camino de un diseñador de maquetación. Allí todo está mucho más detallado, con enlaces y otras cosas útiles.
