User Tools

Site Tools


web_design:letter

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
web_design:letter [2021/10/04 15:43]
mag [Activities]
web_design:letter [2023/08/16 09:33] (current)
Line 1: Line 1:
-====== Web Development: Letter ====== +====== Desarrollo web ====== 
-===== Objective ===== +===== Lección 2 - Carta =====
-In this lesson you will: +
-  - learn about HTML tags +
-  - create a document with basic styling +
-  - create a simple Javascript program +
-  - use jsfiddle to test HTML, CSS and JS code+
  
-===== Prerequisites ===== +===== Objetivo ===== 
-  * Basic computer skills+En esta lección podrás: 
 +  - Aprender acerca de las etiquetas HTML  
 +  - Crear un documento con estilo básico 
 +  - Crear un programa JavaScript simple 
 +  - Usar jsfiddle para probar código HTML, CSS y JS
  
-==== Activities ==== +===== Prerrequisitos ===== 
-  - Open [[https://jsfiddle.net/|jsfiddle]] in your browser. +  * Conocimientos informáticos básicos
-  - Pegar el text abajo en HTML de jsfiddle. Change 'Jane' to your name.<code>+
  
-Medellin, Date +===== Revisar ===== 
-Name +[[https://view.genial.ly/615c4d18abd9fd0db611312b/interactive-content-teclado-ninja-quiz|Teclado Ninja Prueba]]
-  +
-Estimados Senor, +
-Soy estudiante del penúltimo año de Hotelería en la Universidad Nacional de Hospitalidad, y quiero mostrarles mi interés en formar parte de su compañía a través de un contrato de prácticas.+
  
-Como saben, la escuela pide 400 horas de práctica profesional en empresas especializadas en el área de estudios del alumno, para optar por el título profesional. +===== Actividades ===== 
-  +  - [[web_design:letter:paragraphs|Párrafos]] 
-Podrán ver que una de mis mayores fortalezas está en el área de alimentos y bebidas, ya que he participado en diferentes entrenamientos y estudios paralelos, que me han llevado a innovar nuevas formas de ofrecer el servicio y experiencia del cliente, y estoy segura que el Hotel CortezTM sabrá sacar el máximo provecho, cuando vea el aumento de experiencias positivas que sus clientes experimentarán. +  - [[web_design:letter:format_text|Dar formato al texto]] 
-  +  - [[web_design:letter:attributes|Atributos]] 
-Me encuentro en alta disposición para conversar con ustedes más ampliamente. Espero su llamado para una entrevista y conocernos mejor. +  - [[web_design:letter:headings|Encabezados]] 
-Atentamente, +  - [[web_design:letter:javascript|Javascript]] 
-Jane +  - [[web_design:letter:exercise|Ejercicio]] 
-</code> +  - [[web_design:texto:ejercicio|Ejercicio]] 
-  - Click 'Run' in the top left of the screen. The result appears at the bottom right. +  - [[web_design:letter:summary|Resumen]]
-    * Notice that the text isn't broken up into paragraphs. The browser ignores line breaks, tabs, double spaces and other document formatting information. We need to add this using tags. Write <p> at the beginning of every paragraph, and </p> at the end of every paragraph. Like this:<code>+
  
-**<p>**Medellin, Date**</p>** +[[web_design:horario|Next: Horario]]
-<p>Name</p> +
-  +
-<p>Estimados Senor,</p> +
-<p>Soy estudiante del penúltimo año de Hotelería en la Universidad Nacional de Hospitalidad, y quiero mostrarles mi interés en formar parte de su compañía a través de un contrato de prácticas.</p> +
-<p>Como saben, la escuela pide 400 horas de práctica profesional en empresas especializadas en el área de estudios del alumno, para optar por el título profesional.</p> +
-<p>Podrán ver que una de mis mayores fortalezas está en el área de alimentos y bebidas, ya que he participado en diferentes entrenamientos y estudios paralelos, que me han llevado a innovar nuevas formas de ofrecer el servicio y experiencia del cliente, y estoy segura que el Hotel CortezTM sabrá sacar el máximo provecho, cuando vea el aumento de experiencias positivas que sus clientes experimentarán.</p> +
-<p>Me encuentro en alta disposición para conversar con ustedes más ampliamente. Espero su llamado para una entrevista y conocernos mejor.</p> +
-<p>Atentamente,</p> +
-<p>Murray</p> +
-</code> +
-  - Click 'Run' again and observe the result. +
-    * <p> means 'paragraph' +
-    * Every HTML opening tag <p> must have a matching closing tag </p>. The closing tag always includes the '/' symbol. +
-  - Let's try another tag. Add <b> before Universidad and </b> after Hospitalidad so that the first paragraph looks like this.<code> +
-<p>Soy estudiante del penúltimo año de Hotelería en la <b>Universidad Nacional de Hospitalidad</b>, y quiero mostrarles mi interés en formar parte de su compañía a través de un contrato de prácticas.</p></code> +
-    * What do you think <b> does? It makes the text between the tags **bold**. +
-  - In the second paragraph, make '400 horas' italic. +
-    * Add <i> before '400' and </i> after 'horas'.<code> +
-<p>Como saben, la escuela pide <i>400 horas</i> de práctica profesional en empresas especializadas en el área de estudios del alumno, para optar por el título profesional.</p></code> +
-  - Click 'Run' and check the result. +
-  -  +
-==== Review ==== +
-In this lesson you learnt the following: +
-  * Tools +
-    * jsfiddle +
-  * HTML tags +
-    * <p> +
-    * <h1>-<h6> +
-    * <b> +
-    * <i> +
-    * <span> +
-  * HTML text attributes +
-    * font-size +
-    * font-family +
-    * color +
-    * background-color +
-    * text-align +
-    * text-decoration +
-    * text-transform +
-    * font-variant +
-    * text-indent +
-    * line-height +
-    * text-shadow+
web_design/letter.1633387405.txt.gz · Last modified: 2023/08/16 09:33 (external edit)