Parcial_1_Practico
Páginas: 2 (479 palabras)
Publicado: 25 de octubre de 2015
INSTITUTO TECNOLOGICO Y DE ESTUDIOS SUPERIORES DE MONTERREY
Campus Toluca
Primes Examen Parcial Parte Práctica
Elija algún tema de su preferencia (Autos, motos, animales, escuelas, etc ……) yelabore una página Web que cumpla con las siguientes condiciones:
1) Debe colocar su número de matrícula en la pestaña del navegador al abrir su página, recuerde que es con las etiquetas y.Valor 5 puntos<br />
2) Dentro del cuerpo de su página cambie el color de fondo de la misma a cualquier color que desee siempre y cuando sea diferente de blanco o bien puede colocar una imagen, como guste.Valor 5 puntos<br />
3) Establezca el color predeterminado del texto a cualquier color que desee siempre y cuando sea diferente de negro, recuerde la etiqueta <font><br />
Valor 5 puntos<br />
4) Al inicio del cuerpo desu página coloque un encabezado con su primer nombre y su apellido paterno usando la etiqueta <font> y cambiando el color de fondo y de texto de este renglón etiqueta <p>. Este encabezado debeaparecer centrado. Cuide que los colores contrasten para que su nombre se pueda leer claramente, no use blanco sobre blanco por ejemplo.<br />
Valor 10 puntos<br />
5) Debajo del encabezado anterior coloque una líneade separación <hr> con color de su elección, espesor de 5 pixeles y ancho del 90%. Después de la línea salte dos renglones.<br />
Valor 10 puntos<br />
6) A continuación coloque un encabezado centrado con letraitálica, negrita y subrayada, en tamaño de 6 de <Font> y con el color de texto que estableció como determinado desde el inicio. El texto debe decir: Ligas de Interés. Posteriormente salte dos renglones.Valor 10 puntos<br />
7) Construya una lista no ordenada con las viñetas de su elección, los elementos de la lista deben aparecer con letra de 5 puntos en <font>, la lista debe tener los siguienteelementos:<br />
Liga a un documento interno<br />
Liga a una imagen<br />
Liga a una página externa<br />
Valor 10 puntos<br />
<br />
<br />
<br />
<br />
<br />
Las ligas deben cumplir con las siguientes acciones:<br />
Liga a un documento interno:<br />
Debe llevarnos a un... <div class="paper-body__gradient paper-body__gradient--bottom paper-body__gradient--bottom-abs"></div>
<div class="center paper-body__cta--mod paper-body__cta-no-bg">
<a class="button button--large button--orange" onclick="upgradeRedirect()" rel="nofollow">
Leer documento completo </a>
<p class="ash-gray text-s">
Regístrate para leer el documento completo. </p>
</div>
</div>
</div>
</div>
</article>
</main>
<script>(function(d){var domain='buenastareas.com';if(d.referrer.match('^https?\:\/\/(|www\.)'+domain.replace('.com',"")+'\.com(.*)')){d.getElementById('stm-hero').className+=' stm-hero';d.getElementById('emptyTopicsList').innerHTML=(document.getElementById("topicsList"))?d.getElementById('topicsList').innerHTML:'';d.getElementById('text-header').innerHTML='';var sec=d.createElement('div');sec.className='section no-padding margin-2';var p=d.createElement('p');p.className='text-s uppercase ash-gray';p.innerText='Vista previa del texto';sec.appendChild(p);d.getElementById('text-header').appendChild(sec);}else{d.getElementById('stm-hero').className='';d.getElementsByTagName('article')[0].className='row no-border';}})(window.document);</script><div class="advertBox center margin-2 leaderboard_btf">
</div>
<a href="/content/access" rel="nofollow"></a>
<section class="row ">
<div class="columns position-relative large-12">
<section class="section no-border">
<div class="container">
<div class="row">
<div class="columns ">
<div class="section-heading ">
<h2 class="align-left margin-2 heading-m">
OTRAS TAREAS POPULARES </h2>
</div>
</div>
</div>
<div class="row" id="popular-tags-visible">
<div class="small-12 columns tag-block columns-small-1 columns-medium-2 columns-large-2">
<ul>
<li class="margin-1">
<a href="/ensayos/Informe1Fisicageneral/80570698.html" title="Informe1FisicaGeneral" class="mid-gray brand-primary--hover">Informe1FisicaGeneral</a>
</li>
<li class="margin-1">
<a href="/ensayos/El-Titanic-2/80570701.html" title="EL TITANIC 2 " class="mid-gray brand-primary--hover">EL TITANIC 2 </a>
</li>
<li class="margin-1">
<a href="/ensayos/Tecnologia-De-Los-Materiales/80570716.html" title="Tecnologia De Los Materiales" class="mid-gray brand-primary--hover">Tecnologia De Los Materiales</a>
</li>
<li class="margin-1">
<a href="/ensayos/Clase-1/80570725.html" title="Clase 1 " class="mid-gray brand-primary--hover">Clase 1 </a>
</li>
<li class="margin-1">
<a href="/ensayos/Sistema-Reproductor-Enfermedades/80570746.html" title="Sistema Reproductor Enfermedades" class="mid-gray brand-primary--hover">Sistema Reproductor Enfermedades</a>
</li>
<li class="margin-1">
<a href="/ensayos/Expresionismo/80570749.html" title="EXPRESIONISMO" class="mid-gray brand-primary--hover">EXPRESIONISMO</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</div>
</section>
<div class="advertBox center margin-1"></div>
<section class="section no-border brand-primary--bg">
<div class="row">
<div class="columns center">
<h3 id="banner_title" class="heading-l white">Únete a millones de otros estudiantes y comienza tu investigación</h3>
<h4 class="text-m white">Conviértase en miembro formal de Buenas Tareas</h4>
<a class="button--bg-color__white button-fullwidth" onclick="upgradeRedirect()" rel="nofollow">
INSCRÍBETE - ES GRATIS
</a> </div>
</div>
</section>
<footer class="section section--footer">
<div class="row">
<div class="medium-3 columns"><div class="copyright-block">
<p class="copyright-block__logo">
<i class="icon icon-sm-logo copyright-block__logo__icon"></i>
<span class="copyright-block__logo__span">Buenas Tareas</span>
</p>
<p class="copyright-block__social">
<a rel="nofollow" href="http://www.facebook.com/BuenasTareas">
<span class="copyright-block__social__circle">
<i class="copyright-block__social__circle__icon icon icon-ui-24-social-fb icon-ui-social-fb"></i>
</span>
</a>
<a rel="nofollow" href="https://twitter.com/buenastareas">
<span class="copyright-block__social__circle">
<i class="copyright-block__social__circle__icon icon icon-ui-social-tw"></i>
</span>
</a>
</p>
<small class="copyright-block__copyright text-s">
©2024 BuenasTareas.com </small>
</div>
</div>
<div class="medium-3 columns"><div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Productos</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/ojear/">Documentos de investigación</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/resumen-de-libros/">Notas de libros</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/generador-de-citas/">Generador de citas</a>
</li>
</ul>
</div>
</div>
<div class="medium-3 columns">
<div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Empresa</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/about.php">Empresa</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/advertise-with-us.php">Haz publicidad</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/legal.php">Legal (actualizado 9/9/14)</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/sitemap.html">Mapa del sitio</a>
</li>
</ul>
</div>
</div>
<div class="medium-3 columns"><div class="vertical-nav-list">
<h6 class="vertical-nav-list__heading heading-xxs">Ayuda</h6>
<ul class="vertical-nav-list__container">
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/help.php">Ayuda</a>
</li>
<li class="vertical-nav-list__item">
<a class="vertical-nav-list__item__anchor text-m" href="/about-us/contact">Contáctanos</a>
</li>
</ul>
</div>
</div>
</div>
</footer> </div>
<!-- global JS -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/labjs/2.0.3/LAB.min.js"></script>
<script type="text/javascript">
$LAB
.script("//cdnjs.cloudflare.com/ajax/libs/aja/0.4.1/aja.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/handlebars.js/2.0.0/handlebars.runtime.min.js")
.script("//cdnjs.cloudflare.com/ajax/libs/jquery.payment/1.3.2/jquery.payment.min.js")
.script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/92c1d4e847bc6d93ba58214aa322ee6c.js")
;
</script>
<script type="text/javascript">
window.SM2_DEFER = true;
function downloadJSAtOnload() {
$LAB
.script("//assets.buenastareas.com/234d3b97ed2b88737e66b0e02a8e5aa593c7f7c0/_assets/bts/76aff662ad8b32c9348bfa0fa9cb8f91.js")
.wait(function() {
});
}
// Check for browser support of event handling capability
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
</body>
</html>
Campus Toluca
Primes Examen Parcial Parte Práctica
Elija algún tema de su preferencia (Autos, motos, animales, escuelas, etc ……) yelabore una página Web que cumpla con las siguientes condiciones:
1) Debe colocar su número de matrícula en la pestaña del navegador al abrir su página, recuerde que es con las etiquetas y