TAREA NO 1 INTRODUCCIÓN A HTML5 Y CSS3 PRIMERO BÁSICO PROF. VICTOR AQUINO URRUTIA CURSO: TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN (TICS) CICLO: 2017 ------------------------------------------------------------------------------------------ INSTRUCCIONES: La tarea consta de varias partes por lo que deberá de usar tanto su libro como su cuaderno para auxiliarse de la misma. Lea las instrucciones detenidamente para evitar cualquier error que se pueda dar. PRIMERA PARTE: Usando su libro de texto como base copie A MANO Y CON BUENA LETRA DE PREFERENCIA DE MOLDE las siguientes preguntas y deberá buscar la respuesta para cada pregunta en su libro de texto en donde se le dará las páginas en donde aparece cada respuesta. En donde encuentre la respuesta a cada pregunta DEBERÁ SUBRAYAR CON MARCATEXTO EL PARRAFO DONDE ENCONTRÓ LA PREGUNTA LAS RESPUESTAS LAS ENCUENTRAS DE LA PAG 26 A LA 96 DEBE COPIAR PREGUNTA Y RESPUESTA 1. Qué es el html5 y cuáles son sus novedades? 2. Menciona 3 navegadores que se usan al usar internet 3. Qué es css u hoja de estilo de cascada y para qué sirve? 4. Qué es sublime text y para qué sirve? 5. Realice el esquema de la estructura de una etiqueta 6. Menciona 2 características de una etiqueta 7. Menciona los componentes de un atributo de una etiqueta 8. Qué es el atributo ID y para qué sirve? 9. Qué es el atributo CLASS y para qué sirve?
10. Qué es lo que permite habilitar el atributo style? 11. Qué es lo que informa la declaración DOCTYPE al navegador web? 12. Para qué sirve la etiqueta HEAD? 13. Para qué sirve la etiqueta TITLE? 14. Para qué se usa la etiqueta LINK? 15. Qué es la etiqueta BODY y que es lo que puede contener? 16. Menciona los 6 elementos básicos que puede tener body y escribe para que funciona cada uno 17. Menciona porque es importante el uso de listas. 18. Qué es lo que se puede colocar dentro de una lista? 19. Cuáles son los tipos de listas para HTML5? 20. Para qué nos sirve la lista desordenada o la también llamada etiqueta UL? 21. Para qué nos sirve la lista ordenada o la también llamada etiqueta OL? SEGUNDA PARTE: Copia los siguientes conceptos en forma de tabla en tu cuaderno con buena letra y con limpieza <p> </p> Para uso de párrafo <b></b> Para negrita <i> </i> Para cursiva </br> Salto de línea <h1><h2><h3><h4><h5><h6> Tipo de letra de </h1></h2></h3></h4></h5></h6> encabezado con tamaños <head></head> Cabecera para link y pestaña <title></title> Texto de pestaña <ol> </ol> Lista ordenada
<ul></ul> <li></li> <meta charset= UTF-8 /> <header></header> Lista no ordenada Elemento de cada lista Caracteres Castellano Encabezado principal del cuerpo de la pagina (superior) <section></section> Sección principal de contenido <article></article> Parecido a la sección puede contener artículos noticias o estar contenido dentro de la sección <body></body> Cuerpo principal <aside></aside> Sección adicional de información <footer></footer> Pie de página <font color= red ></font> Color de letra simple <body bgcolor= yellow > Color de fondo simple TERCERA PARTE: Copie el código de ejemplo de html y css a mano y con buena letra (molde) HTML <!DOCTYPE html> <html> <head> <title> Mi pagina </title> <link rel="stylesheet" type="text/css" href="deco.css" /> </head> <body> <body bgcolor= yellow > <header class="enca"> <h1 id="tit"> Mi Primer Sitio Web </h1> <font color= red >
<h3> Colegio Salesiano Don Bosco de Guatemala </h3> </font> </header> <section class="sec"> <article class="art"> <ins><h1> Mi clase TICS </h1></ins> <h2> Don Bosco </h2> <h3> Maria Auxiliadora </h3> <h4> Salesianos</h4> <h5> Kermesse </h5> <p> En este año 2017 tengo como objetivo aprender mucho </br> en la clase de TICS de como crear mi propio sitio web y </br> también de como darle forma no solo con la información de </br> mi interés. Voy a aprender a usar codigo html y css tanto </br> para crear la página sino también para decorarla </p> <i> Maestros a cargo de TICS </i> <ul> <li> Victor Aquino </li> <li> Débora Santizo </li> </ul> <b> Maestros de Primeros Cursos </b> <ol> <li> Ismael García-- Ciencias</li> <li> Miguel Velasquez - Lógica</li> <li> Alejandro Chávez- Conta </li> </ol> </article> </section> </body> </html> SIGUE LA TAREA
CSS body { background:-webkit-linear-gradient(7deg,gray,yellow,black,orange); }.enca { width:800px; height:200px; background:-webkit-linear-gradient(20deg,brown,blue,#66cc33); font-family:century Gothic; font-size:25px; color:white; border-style:dotted; border-width:11px; border-radius:0px 20px 0px 30px; box-shadow:11px 11px 10px 11px red; text-align:center; } NOTA: El tema de CSS lo veremos fase por fase primero aprenderemos HTML bien y poco a poco veremos CSS sin embargo copiar el código COPIAR LISTA DE COTEJO, SI NO LO COPIA NO SE LE VALIDA LA TAREA Lista de Cotejo Punteo 1. Copio pregunta y respuesta a /2 mano en el cuaderno 2. Subrayo las páginas del libro /2 donde están las respuestas 3. Copio la tabla de la segunda /2 parte 4. Copio el código HTML y CSS /2 5. Orden y limpieza y buena /2 letra T O T A L /10