deber PAGINAS WEB
Páginas: 2 (273 palabras)
Publicado: 6 de diciembre de 2015
Para los siguientes ejercicios debe leer el tutorial y realizar los pasos que en este se
encuentran Tome en cuenta el diseño de páginas con código “HTML”
Tareas:Ejercicio 1
1. Abre un documento en blanco con el bloc de notas, y guárdalo con el nombre que quieras.
2. Dentro del documento, crea las etiquetas que forman laestructura de la página:
3. Dentro del head, añade el título de la página con la etiqueta
: ejercicio<br />
4. Dentro del body , añade el siguiente encabezado 1:<h1>Página de ejemplo</h1><br />
5. A continuación, añade el siguiente encabezado 2:<br />
<h2>Texto normal</h2>.<br />
6. Añade el siguiente párrafo:<br />
<p>El ñandú común es un ave sudamericanamuy parecida al avestruz.</p><br />
7. Añade el siguiente párrafo: <p>Este ave, es omnívora y no puede volar, aunque es una gran<br />
corredora. </p><br />
8. Añade el siguientepárrafo con saltos:<br />
<p>Otras aves emparentadas con el ñandú son:<br />
<br /><br />
- El avestruz<br /><br />
- El emú<br /><br />
- El kiwi.</p><br />
9. Añade el siguiente encabezado 2:<h2>Caracteres especiales</h2><br />
10. Añade el siguiente párrafo:<br />
<p>El ñandú común es un ave sudamericana muy parecida al<br />
avestruz.</p>.<br />
11. Guarde la páginay pruébala.<br />
<br />
Ejercicio 2<br />
<br />
Utilizando el bloc de notas, crea una página siguiendo las indicaciones del Tutorial<br />
Guárdala llamándola<br />
mipagina.html, y la utilizaremosen la siguiente unidad.<br />
<br />
Universidad Internacional del Ecuador<br />
<br />
Ofimática III<br />
<br />
Estudiantes: 22 personas<br />
<br />
Tiempo de Ejercicio: 20 minutos<br />
<br />
Creación de mi Pagina WEB:Sede de Distancia.<br />
<br />
Mi Nombre es: Juan Pérez (ejemplo)<br />
<br />
Estudio la carrera de: (incluir su carrera).<br />
<br />
Mensaje: (Escriba un párrafo de no menos 20 palabras)<br />
<br />
<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">
<div class="">
<h2 class="heading-m padding-top-1 margin-2">
Estos documentos también te pueden resultar útiles </h2>
</div>
<section class="">
<ul class="unstyled">
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Qu%C3%A9-Debe-Contener-Una-Buena-P%C3%A1gina/5703073.html"
title="¿Qué Debe Contener Una Buena Página Web?">
<h6 class="heading-s">
¿Qué Debe Contener Una Buena Página Web? </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Resumen Ejecutivo
Tema: ¿Qué <b><i>debe</i></b> contener una buena <b><i>página</i></b> <b><i>web</i></b>?
Subtemas Resumen
Planteamiento de objetivos para tu <b><i>página</i></b> <b><i>web</i></b>.
Estructurar el contenido de la <b><i>página</i></b>.
En árbol
En lista
Mixta
En red
Diseñar la <b><i>página</i></b> <b><i>web</i></b>. Una <b><i>página</i></b> <b><i>web</i></b> <b><i>debe</i></b> contener la información y servicios que sus clientes necesitan y que... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Qu%C3%A9-Debe-Contener-Una-Buena-P%C3%A1gina/5703073.html"
title="¿Qué Debe Contener Una Buena Página Web?"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">676 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Pagina-Web/3776403.html"
title="Pagina web">
<h6 class="heading-s">
Pagina web </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...¿Por qué?
d) en el instante t=0, ¿Cuáles son las posiciones de los autos 1y2?
Movimiento rectilíneo uniformemente acelerado
1. la velocidad de despegue de un avión es de 300km/h. si la longitud de la pista es de 1500metros, a)¿Qué aceleración <b><i>debe</i></b> producir el motor? B)¿Cuánto tendrá el avión en despegar?
3. Un autobús parte del reposo y se mueve con una aceleración constante de 5.0m/s2. Encuentra su rapidez y la distancia recorrida después de transcurridos 4 segundos.... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Pagina-Web/3776403.html"
title="Pagina web"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1226 Palabras</span>
<span class="essay-details__item">5 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Pagina-Web/3207045.html"
title="Pagina web">
<h6 class="heading-s">
Pagina web </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Clave: 24726
Nombre de la Asignatura: Diseño <b><i>Web</i></b> Clave: TCI018 Cuatrimestre: 2º Total de horas: 56
Objetivos Generales:
Al finalizar el curso, el alumno será capaz de: Explicar la estructura, funcionamiento y composición de software para el diseño de <b><i>páginas</i></b> <b><i>WEB</i></b>,
e identificar a la computadora como una herramienta en la elaboración de <b><i>páginas</i></b> <b><i>WEB</i></b>. Conocer los diferentes tipos de imágenes digitales para su... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Pagina-Web/3207045.html"
title="Pagina web"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1114 Palabras</span>
<span class="essay-details__item">5 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Paginas-Web/4351005.html"
title="Paginas Web">
<h6 class="heading-s">
Paginas Web </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...conocía la importancia de poder transmitir documentos de forma sencilla y tenía listos todos los componentes necesarios para montar la primera <b><i>página</i></b> <b><i>web</i></b> de la historia.
Ante la necesidad de distribuir e intercambiar información acerca de sus investigaciones de una manera más efectiva, Berners Lee desarrolló las ideas fundamentales que estructura la <b><i>web</i></b>. Berners y su grupo crearon lo que por sus siglas en inglés se denomina Lenguaje HTML (HyperText... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Paginas-Web/4351005.html"
title="Paginas Web"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">569 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Paginas-Web/4897638.html"
title="Paginas Web">
<h6 class="heading-s">
Paginas Web </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...EL HTML
PAULA ANDREA GALLEGO TORO 11-2
¿QUE ES EL HTML?
HTML es un lenguaje de programación que se utiliza para el desarrollo de <b><i>páginas</i></b> de Internet. Se trata de la sigla de HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto.
EL HTML permite describir la estructura y el contenido en forma de texto, además de complementar el texto con objetos tales como imágenes. Este lenguaje se escribe mediante etiquetas, que aparecen especificadas por corchetes... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Paginas-Web/4897638.html"
title="Paginas Web"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">965 Palabras</span>
<span class="essay-details__item">4 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Pagina-Web/55160181.html"
title="pagina web">
<h6 class="heading-s">
pagina web </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Los principales usos y aplicaciones del alcohol etílico
¿Qué es el alcohol etílico? ¿Cuáles son los usos y aplicaciones del alcohol etílico?
Tema: Los principales usos y aplicaciones del alcohol etílico
Fecha:06-Dic-2011 Fuente:QuimiNet Sectores relacionados:Química
© Getty Images
Alcohol
Agregar a Mi archivero de negocios
Enviar por e-mail
Aumentar tamaño
Disminuir tamaño
Imprimir
El alcohol etílico no sólo es el producto químico orgánico sintético más antiguo empleado... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Pagina-Web/55160181.html"
title="pagina web"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">546 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/P%C3%A1gina-Web/53333300.html"
title="Página web">
<h6 class="heading-s">
Página web </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...Cómo elaborar una <b><i>página</i></b> <b><i>web</i></b> HTML
La estructura básica de una <b><i>página</i></b> es:
...
...
Ahora veamos cómo funcionan estas etiquetas.
Identificador del tipo de documento
Todas las <b><i>páginas</i></b> <b><i>web</i></b> escritas en HTML tienen que tener la extensión html o htm. Al mismo tiempo, tienen que tener las etiquetas y .
Entre las etiquetas y estará comprendido el resto del código HTML de la <b><i>página</i></b>.
Por... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/P%C3%A1gina-Web/53333300.html"
title="Página web"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">1005 Palabras</span>
<span class="essay-details__item">5 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="essayPreview">
<div class="card">
<a class="heading-s black" href="/ensayos/Paginas-Web/5939657.html"
title="Paginas Web">
<h6 class="heading-s">
Paginas Web </h6>
</a>
<div class="card__content-footer-container ">
<p class="card__content text-s ">
...<b><i>Páginas</i></b> <b><i>Web</i></b>
Una <b><i>página</i></b> <b><i>web</i></b> es un archivo de texto que tiene las características adecuadas para ser leído por los navegadores de Internet.
Estructura de una <b><i>página</i></b> <b><i>WEB</i></b>
Un archivo de <b><i>página</i></b> <b><i>web</i></b> contiene marcas o etiquetas que lo diferencian de cualquier otro archivo de texto. Siempre comienza con una etiqueta y termina con la etiqueta . Las <b><i>páginas</i></b>... </p>
<div class="row card__footer-links ">
<div class="columns small-6">
<a href="/ensayos/Paginas-Web/5939657.html"
title="Paginas Web"
class="card__footer text-xs">
<span>
Leer más </span>
</a>
</div>
<div class="columns small-6">
<div class="card__caption card__caption weight-300 mid-gray text-s align-right">
<div class="essay-details no-margin--bottom">
<span class="essay-details__item">628 Palabras</span>
<span class="essay-details__item">3 Páginas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
</ul>
</section>
</div>
</section>
<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/Tp-Derecho-Empresa-y/81786862.html" title="TP derecho Empresa y Ley de Defensa al Consumidor" class="mid-gray brand-primary--hover">TP derecho Empresa y Ley de Defensa al Consumidor</a>
</li>
<li class="margin-1">
<a href="/ensayos/Contagio/81786874.html" title="CONTAGIO" class="mid-gray brand-primary--hover">CONTAGIO</a>
</li>
<li class="margin-1">
<a href="/ensayos/Ensayo-De-La-Relaci%C3%B3n-Entre-Los/81786880.html" title="Ensayo de la relación entre los valores éticos fundamentales" class="mid-gray brand-primary--hover">Ensayo de la relación entre los valores éticos fundamentales</a>
</li>
<li class="margin-1">
<a href="/ensayos/Trabajo-1-Diplomado-Publicidad-Digital/81786892.html" title="Trabajo 1 Diplomado publicidad Digital" class="mid-gray brand-primary--hover">Trabajo 1 Diplomado publicidad Digital</a>
</li>
<li class="margin-1">
<a href="/ensayos/Interesesdemora/81786895.html" title="InteresesDeMora" class="mid-gray brand-primary--hover">InteresesDeMora</a>
</li>
<li class="margin-1">
<a href="/ensayos/Influencia-De-La-Ca%C3%ADda-De-Los/81786901.html" title="Influencia de la caída de los precios del petróleo en el crecimiento económico y finanzas públicas del Ecuador Periodo 2009 2014" class="mid-gray brand-primary--hover">Influencia de la caída de los precios del petróleo en el crecimiento económico y finanzas públicas del Ecuador Periodo 2009 2014</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>
encuentran Tome en cuenta el diseño de páginas con código “HTML”
Tareas:Ejercicio 1
1. Abre un documento en blanco con el bloc de notas, y guárdalo con el nombre que quieras.
2. Dentro del documento, crea las etiquetas que forman laestructura de la página:
3. Dentro del head, añade el título de la página con la etiqueta