Guía Anual de Informática 500

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
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 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.
2.1. 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
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 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?
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 ""
<¡--...--!>
<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
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 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
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 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>
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 <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”>
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 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">
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 </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 ACTION="mailto:[email protected]" METHOD="post">
<TABLE>
<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</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
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 <!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>
<section>
<article>
<header>
<h1>Artículo #1</h1>
</header>
<section>
Este es el primer artículo. Está <mark>destacado</mark>.
</section>
</article>
<article>
<header>
<h1>Artículo #2</h1>
</header>
<section>
Este es el segundo artículo. Pueden ser posts de un blog, etc.
</section>
</article>
</section>
<aside>
<section>
<h1>Links</h1>
<ul>
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 <li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</section>
<figure>
<img width="85" height="85"
src="http://www.windowsdevbootcamp.com/Images/JennMar.jpg"
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>
<section>
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015 <article>
<header>
<h1>Artículo #1</h1>
</header>
<section>
Este es el primer artículo. Está <mark>destacado</mark>.
</section>
</article>
<article>
<header>
<h1>Artículo #2</h1>
</header>
<section>
Este es el segundo artículo. Pueden ser posts de un blog, etc.
</section>
</article>
</section>
<aside>
<section>
<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>
</section>
<figure>
<img width="85" height="85"
src="http://www.windowsdevbootcamp.com/Images/JennMar.jpg"
alt="Jennifer Marsman" />
<figcaption>Jennifer Marsman</figcaption>
</figure>
</aside>
<footer>Pie de página - Copyright 2011</footer>
</body>
</html>
Academia de Matemáticas, Física e Informática Ciclo 2014 – 2015

Download Report