Guía Anual de Informática 500

Transcripción

1 Guía Anual de Informática 500 Lee con atención los siguientes temas y elabora un plan estratégico para desarrollo web en donde Tú definirás que es lo conveniente para el cliente mostrar en un sitio en internet. 1. La empresa Constructora en inmuebles S.A de C.V con cede en Brasil necesita un desarrollo web en donde los catapulte a lo más alto de los competidores en la rama antes mencionada, se deberán hacer varias pruebas para encontrar la mejor propuesta web en donde Tú como desarrollador jugaras un papel muy importante en ello y el desarrollo constara de: Planeación (slogan y marca) Mercadotecnia Alcance Sector Maquetación Implementación 2. La empresa automotriz S.A de C.V con cede en Brasil necesita un desarrollo web en donde los catapulte a lo más alto de los competidores en la rama antes mencionada, se deberán hacer varias pruebas para encontrar la mejor propuesta web en donde Tú como desarrollador jugaras un papel muy importante en ello y el desarrollo constara de: Planeación (slogan y marca) Mercadotecnia Alcance Sector (a que publico estará dirigido los autos) Meta

2 1. Realiza las siguientes páginas web donde se que incluirá lo siguiente 1. Desarrolla una bienvenida a tu pág. Web y en la pestaña de marcador tiene que aparecer con el nombre Examen 2 periodo. 2. Realiza una tabla con 4 divisiones, incluye un texto referente a tu deporte favorito 3. Color de fondo en la página ( al gusto del desarrollador) 4. Menú de Cabeceras en donde resalte el titulo y subtitulo de listas 5. Listas con incisos 6. Crear 5 hipervínculos que lleven a páginas de escritores Realiza una página web que incluirá lo siguiente: 1. Desarrolla 2 hojas Web con el tema Agencias Automotrices en donde realizaras lo siguiente. 2. En la pestaña de marcador de la pág. 1 tiene que aparecer con el nombre Página Autos y en la pág. 2 el marcador tiene que llevar el nombre Formulario 3. En la primera hoja web realiza una tabla con 5 divisiones e incluye en 2 celdas imágenes del tema a desarrollar y en las otras 2 celdas color, texto con formato hablando del tema Agencia Automotriz y en la última celda el hipervínculo que me lleve a la segunda página web con el nombre formulario. 4. Fondo de imagen en ambas páginas referente al tema de investigación. ( al gusto del desarrollador) 5. Desarrolla un hipervínculo en la primer hoja web en donde envié a la segunda hoja web con el nombre formulario.html 6. En la segunda página web desarrolla Listas con incisos de 5 automóviles líderes en el mercado y un hipervínculo que me regrese a la primera página con el nombre autos. En la segunda página web desarrollar un pequeño Formulario que solo incluya nombre del visitante y 3 checkbox para definir qué sexo es el comprador del automóvil y si tiene automóvil, 5 options Radioname en donde calificara el usuario que marcas de automóviles son las más comerciales

3 3. Lee con atención y responde las siguientes preguntas 1. Una página con extensión htm o html comienza por html (entre signos mayor y menor) Verdadero Falso 2. El title se encuentra dentro del body en una página web Verdadero Falso 3. Qué entiende por HTML? Hyper Text Mask Language Hard Text Markup Language Hyper Text Markup Language Hiper Type Markup Language 4. Qué etiqueta utilizamos para definir el cuerpo del documento? background body b big 5. Qué etiqueta utilizamos para insertar una línea horizontal? br hr line wbr 6. Cuál es la forma correcta de insertar un comentario?

4 "<! >" < !> <comment> <meta> 7. Elija la etiqueta apropiada para un texto en negrita. bold bb b big 8. Elija la forma correcta de ingresar una imagen. <img src="foto.jpg"> <imagen src="foto.jpg"> <img href="foto.jpg"> <background src="foto.jpg"> 9. Qué etiqueta define un salto de línea? br break linebreak p 10. Elija la etiqueta que nos dá el título más grande h1 h6 head big

5 11. La etiqueta center Permite cambiar el tamaño del texto. Permite insertar un texto como título. Permite centrar el texto. Permite seleccionar el texto. 12. El color de fondo de una página... Se especifica en la etiqueta body. Puede establecerse a través del atributo bgcolor. Las dos afirmaciones anteriores son verdaderas. Las tres afirmaciones anteriores son falsas. 13. Para definir el fondo de la página se utiliza: <FONT COLOR="RED">los guardianes azules </font> <FONT SIZE="1">cada día seré mejor </FONT> <p align="center">la mejor musica</p> <body bg color= #00ff00 > 14. La etiqueta define el sector de texto mejorado dentro de un escrito web : El tipo de letra El color de la letra El tamaño de la letra El tipo de letra para un titulo

6 15. En el body se puede: Insertar imágenes, texto, tablas y fondos Generar solo formularios, enlaces y videos Solamente se define el titulo Respuestas a y b 16. Elija la forma correcta de ingresar una imagen. <img src="foto.jpg"> <imagen src="foto.jpg"> <img href="foto.jpg"> 17. Cómo definimos un color en sistema hexadecimal? <beige> <245, 245,220> <#F5F5DC> 18. Para centrar un encabezamiento le añadimos: ALIGN=middle ALIGN=center ALIGN=top 19. Qué etiqueta define un párrafo? <br> <p> <linebreak> 20. Elija la etiqueta que nos dé el título más pequeño <h1>

7 <h6> <head>} 21. Elija la etiqueta que nos dá el título más grande h1 h6 head big 22. La etiqueta center Permite cambiar el tamaño del texto. Permite insertar un texto como título. Permite centrar el texto. Permite seleccionar el texto. 23. El color de fondo de una página... Se especifica en la etiqueta body. Puede establecerse a través del atributo bgcolor. Las dos afirmaciones anteriores son verdaderas. Las tres afirmaciones anteriores son falsas. 24. Para definir el fondo de la página se utiliza: <FONT COLOR="RED">los guardianes azules </font> <FONT SIZE="1">cada día seré mejor </FONT> <p align="center">la mejor musica</p> <body bg color= #00ff00 >

8 21.-Lee y describe que funcionamiento tiene el siguiente código desarrollado en HTML <html> <head> <title>sumador</title> <script> function sumar() { var n1 = parseint(document.miformulario.numero1.value); var n2 = parseint(document.miformulario.numero2.value); document.miformulario.resultado.value=n1+n2; } </script> </head> <body> <div align="justify"> <table border="2" cellspacing="2" cellpadding="5" > <form name="miformulario"> <tr> <td> <label>sumando Uno</label> <input type="text" name="numero1" size="20"> <br> <label>sumando Dos</label> <input type="text" name="numero2" size="20"> </td> </tr> <tr> <td align="right"> <label>resultado</label> <input type="text" name="resultado" size="20" disabled> </td> </tr> <tr> <td align="center"> <input type="button" value="+" onclick="sumar()"> <input type="submit" value="borrar">

9 </td> </tr> </form> </table> </div> </body> </html> 22. Describe que funcionamiento tiene el siguiente código desarrollado en HTML H2>Libro de visitas</h2> <FORM METHOD="post"> <TABLE> <TD ALIGN=RIGHT>Nombre:</TD> <TD><INPUT type="text" size=36 name="nombre"></td> <TR><TD ALIGN=RIGHT>Direccion </TD> <TD><INPUT type="text" size=36 name="direccion"></td> <TR><TD ALIGN=RIGHT>como llegaste hasta esta página?</td> <TD><INPUT type="text" size=36 name="procedencia"></td> <TR><TD ALIGN=RIGHT>Tus comentatios:</td> <TD><TEXTAREA rows=5 cols=30 name="comentarios"></textarea></td> </TABLE> <INPUT type="reset" value="borrar todo"> <INPUT type="submit" value="enviar"> </FORM> 23. Describe que funcionamiento tiene el siguiente código desarrollado en HTML

10 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>título</title> <link href="css/html5reset.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" /> </head> <body> <header> <hgroup> <h1>cabecera en h1</h1> <h2>subtítulo in h2</h2> </hgroup> </header> <nav> <ul> <li><a href="#">opción de menú 1</a></li> <li><a href="#">opción de menú 2</a></li> <li><a href="#">opción de menú 3</a></li> </ul> </nav> <article> <header> <h1>artículo #1</h1> </header> Este es el primer artículo. Está <mark>destacado</mark>. </article> <article> <header> <h1>artículo #2</h1> </header> Este es el segundo artículo. Pueden ser posts de un blog, etc. </article> <aside> <h1>links</h1> <ul>

11 <li><a href="#">link 1</a></li> <li><a href="#">link 2</a></li> <li><a href="#">link 3</a></li> </ul> <figure> <img width="85" height="85" src=" alt="jennifer Marsman" /> <figcaption>jennifer Marsman</figcaption> </figure> </aside> <footer>pie de página - Copyright 2011</footer> </body> </html> 24. Describe que funcionamiento tiene el siguiente código desarrollado en HTML <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>título</title> <link href="css/html5reset.css" rel="stylesheet" /> <link href="css/style.css" rel="stylesheet" /> </head> <body> <header> <hgroup> <h1>cabecera en h1</h1> <h2>subtítulo in h2</h2> </hgroup> </header> <nav> <ul> <li><a href="#">opción de menú 1</a></li> <li><a href="#">opción de menú 2</a></li> <li><a href="#">opción de menú 3</a></li> </ul> </nav>

12 <article> <header> <h1>artículo #1</h1> </header> Este es el primer artículo. Está <mark>destacado</mark>. </article> <article> <header> <h1>artículo #2</h1> </header> Este es el segundo artículo. Pueden ser posts de un blog, etc. </article> <aside> <h1>links</h1> <ul> <li><a href="#">link 1</a></li> <li><a href="#">link 2</a></li> <li><a href="#">link 3</a></li> </ul> <figure> <img width="85" height="85" src=" alt="jennifer Marsman" /> <figcaption>jennifer Marsman</figcaption> </figure> </aside> <footer>pie de página - Copyright 2011</footer> </body> </html>