# Un cordial saludo a todos los usuarios de **Hive** y *Estudiantes* de nuestra academia. Seguimos con todo este interesante tema de los códigos **HTML** y la creación de nuestras publicaciones, esta vez vamos a hablar un poco acerca de *”Qué es una diagramación?”* y aprenderemos cual es la importancia de esto y como pueden empezar a diagramar ustedes mismo .Espero que disfruten de la clase. > A warm greeting to all **Hive** users and *Students* of our academy. We continue with all this interesting topic of **HTML** codes and the creation of our publications, this time we are going to talk a little bit about *"What is a layout?"* and we will learn what is the importance of this and how you can start to layout yourselves. I hope you enjoy the class. # | Módulo 4 | Module 4 | |-|-| |√ ¿Qué son los códigos HTML?| √ What are HTML codes? | |√ ¿Cómo funcionan los códigos HTML?| √ How do HTML codes work? | |√ Tipos de códigos|√ Types of codes | |√ ¿Qué es una diagramación? | √ What is a layout? | | ¿Cómo usar los códigos en una publicación?| How to use codes in a publication? | # # **Módulo 4 – Clase 4** >## **Module 4 – Class 4** # #

>## # La diagramación, es un oficio del diseño editorial que se encarga de organizar en un espacio contenidos escritos, visuales y en algunos casos audiovisuales *(multimedia).* Estos elementos pueden estar en medios impresos y electrónicos, como libros, diarios y revistas. Estrictamente, el acto de maquetar tan solo se relaciona con la distribución de los elementos en un espacio determinado de la página, mientras que el diseño editorial incluye fases más amplias del proceso, desde el proyecto gráfico, hasta los procesos de producción denominados pre-prensa *(preparación para impresión)*, prensa *(impresión)* y post-prensa *(acabados)*. Sin embargo, usualmente todo el aspecto gráfico de la actividad editorial y periodística se conoce por el término de diagramación o maquetación. # > Layout design is an editorial design profession that is responsible for organising written, visual and, in some cases, audiovisual *(multimedia)* content in a space. > These elements can be in printed and electronic media, such as books, newspapers and magazines. Strictly speaking, the act of layout is only related to the distribution of the elements in a given space on the page, while editorial design includes broader phases of the process, from the graphic project, to the production processes called pre-press *(preparation for printing)*, press *(printing)* and post-press *(finishing)*. However, usually the whole graphic aspect of publishing and journalistic activity is known by the term layout. # #  #  #  # --- # Clases del ***"Modulo 1"*** >##### Classes of the ***"Module 1"*** # # --- #  # --- # Clases del ***"Modulo 2"*** >##### Classes of the ***"Module 2"*** # # --- #  # --- # Clases del ***"Modulo 3"*** >##### Classes of the ***"Module 3"*** # # # |
| |-| --- #  # # Próxima clase >## Next class # En la próxima clase aprenderos acerca de *“¿Cómo usar los códigos HTML en una publicación”?*, llegando a nuestra última clase de nuestro curso y llegando a lo más esperado, la elaboración de nuestras publicaciones, esta clase será dirigida por el instructor @magdiel7 y en ella se incluirá un material de apoyo para todos los estudiantes de nuestro academia, pero este material de apoyo solo lo podrán encontrar en nuestro **Discord**. > In the next class you will learn about *"How to use HTML codes in a publication?"*, arriving to our last class of our course and arriving to the most expected, the elaboration of our publications, this class will be lead by the instructor @magdiel7 and it will include a support material for all the students of our academy, but this support material can only be found in our **Discord**. #  # ##### Te recomendamos leer nuestro pensum académico para que te vayas instruyendo junto a nosotros y te mantengas al tanto de cada una de las clases y del contenido que vamos a estar enseñando. >###### We recommend you to read our academic syllabus so you can learn along with us and keep up to date with each of the classes and the content we will be teaching. #  # _{[***Descargar Pensum***](https://drive.google.com/file/d/1VdOvfti1t8rk8Wh_t-3aoK1QIn2GaJRh/view?usp=sharing)} >## _{[***Download curriculum***](https://drive.google.com/file/d/1VdOvfti1t8rk8Wh_t-3aoK1QIn2GaJRh/view?usp=sharing)} #  # ## ***Gracias por su atención, nos vemos en una próxima clase*** >### ***Thank you for your attention, see you in a future class*** #  #  # # *"Síguenos en nuestras redes sociales"* >## *"Follow us on our social networks"* # |
|
|
| |-|-|-| # # Únete a nuestro servidor de **Discord** y a nuestro canal de **Telegram** >## Join our **Discord** server and **Telegram** channel # ---  # --- #  #  #