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 14:04]
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.+
  
-> 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. +
->  +
-> 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. +
->  +
-> Me encuentro en alta disposición para conversar con ustedes más ampliamente. Espero su llamado para una entrevista y conocernos mejor. +
-> Atentamente, +
-> Jane +
-Click 'Run' in the top left of the screen. The result appears at the bottom right. +
-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:+
  
-> <p>Medellin, Date</p> +===== Actividades ===== 
-> <p>Name</p> +  - [[web_design:letter:paragraphs|Párrafos]] 
- +  - [[web_design:letter:format_text|Dar formato al texto]] 
-> <p>Estimados Senor,</p> +  - [[web_design:letter:attributes|Atributos]] 
-> <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> +  - [[web_design:letter:headings|Encabezados]] 
-> <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> +  - [[web_design:letter:javascript|Javascript]] 
-> 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:exercise|Ejercicio]] 
-> Me encuentro en alta disposición para conversar con ustedes más ampliamente. Espero su llamado para una entrevista y conocernos mejor. +  - [[web_design:texto:ejercicio|Ejercicio]] 
-> Atentamente, +  - [[web_design:letter:summary|Resumen]]
-> Murray+
  
-==== Review ==== +[[web_design:horario|Next: Horario]]
-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.1633381473.txt.gz · Last modified: 2023/08/16 09:33 (external edit)