Diseño web o diseño de sitios web es el proceso de construcción y mantenimiento de sitios web . Esto incluye diferentes aspectos como la estructura metálica del sitio web , el diseño del sitio web , las combinaciones de colores , las fuentes , el diseño gráfico , las interacciones de la página web , etc.
Todos los sitios web en WWW están diseñados por Web Designer . Un frontend de compilación de Web Designer o parte de la interfaz de usuario de un sitio web. Front End incluye marcado de escritura, hoja de estilo , imágenes , contenido animado y el diseño de diseño .
Para aprender diseño web , necesitamos un editor de código y un navegador. Un editor de código se usa para escribir código, y el navegador se usa para ver la página web en vivo. Algunos editores de códigos famosos son notepad ++ , corchetes , dreamweaver , sublime text , atom , etc. Puede usar cualquiera de ellos. Excepto Dreamweaver , todos son de código abierto.
Contenido del curso de diseño web
- ¿Qué idioma debo estudiar para el diseño de aplicaciones?
- ¿Por qué el diseño no es subjetivo?
- En el dominio VLSI, ¿la verificación y las pruebas son más importantes que el diseño VLSI? ¿Cuál será un día típico de un ingeniero de diseño VLSI?
- ¿Cuál sería el peor diseño posible para una botella de agua?
- Para un estudiante de diseño industrial, que es mejor; ¿dibujo intuitivo, arte o 3D? ¿Esta tableta funcionará con bocetos / Illustrator / Photoshop para hacer bocetos?
Idioma
Forma completa / detalles
Usos
HTML
Lenguaje de marcado de hipertexto
Para crear estructura de página web. Tutorial HTML
CSS
Hoja estilo cascada
Para diseñar una página web. Tutorial CSS
Photoshop
Editor de imagen
Para crear y editar imágenes para una página web
Javascript
Secuencias de comandos del lado del cliente
Para validar los datos del formulario, manejar eventos, Agregar contenido dinámico y agregar funcionalidad. Tutorial Javascript
JQuery
Biblioteca Javascript
Página web interactiva con menos codificación, interacción ajax, manipulación DOM, etc. Tutorial de JQuery
HTML-5
Última versión de HTML
Crear una página web semántica con nuevas etiquetas, objetos multimedia, geolocalización, almacenamiento web y accesibilidad web. Tutorial HTML5
CSS-3
Lenguaje de hoja de estilo en cascada de la última versión.
Diseñar una página web con nuevas propiedades, nuevos selectores y crear un sitio web receptivo . Tutorial CSS3
Oreja
Marco de front-end popular
Bootstrap o Twitter Bootstrap es un marco basado en HTML5 y receptivo que se utiliza para crear sitios web receptivos rápidamente. Tutorial Bootstrap
Prueba de IU
Para probar la interfaz de usuario.
Para probar la interfaz de usuario en dispositivos táctiles y táctiles, problemas de navegador cruzado, validación w3c y prueba de dispositivos.
Técnicas SEO
Buscar optimización del motor
Para llevar su sitio web a la búsqueda de google, y otro motor de búsqueda. Para crear un mapa del sitio y cómo usar las herramientas de Google Webmaster y Google Analytics para mejorar la visibilidad de la búsqueda en el sitio web.