Está en la página 1de 7

Uso de selectores y modelos de cajas en CSS II.

Luis Ruiz Barrera.

PROGRAMACIÓN WEB I.

Instituto IACC.

11-05-2020.
INSTRUCCIONES.

1. Leer el nombre de la tarea.


2. Leer contenidos de la semana 5.
3. Revisar el material complementario disponible en recursos adicionales.
4. Las respuestas a las preguntas de la tarea deben ser una elaboración propia. Usted se
apoyará en los contenidos de la semana y también puede hacerlo con otros textos, pero
siempre debe identificar los autores y citar las fuentes. Recuerde agregar la bibliografía al
final de la tarea en formato APA. Cuide su redacción y ortografía.

DESARROLLO DE LA TAREA:
Un importante autor le solicita que realice el diseño de su nuevo libro, el que se alojará en
formato digital. Por lo anterior, le ha pedido una pequeña demostración de cómo se visualizará.
Para ello, le entrega el código que realizó otra persona, la que no fue responsable y por tanto, no
finalizó el prototipo.
 A partir del código HTML proporcionado que se presenta aquí:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=ISO-8859-1″ />
<title>Libro de ejercicios</title>
<style type="text/css">
</style>
</head>
<body>
<div>
&laquo; Capítulo 1 &nbsp; Capítulo 3 &raquo;
</div>
<p>Capítulo dos</p>
<p>Este es el contenido del capítulo 2 de este interesante libro </p>
<p >Verás que es tan interesante como el primero</p>
</body>
</html>
Determine el conjunto de reglas CSS necesarias para que el resultado sea similar al mostrado en
la siguiente imagen:
DESARROLLO.

En la primera etapa se elabora el codigo HTML, y se agregan funciones en CSS. Se revisaron los
videos de la semana 5 enviados en el material de apoyo y se verifican funciones. También, se
apoya con el uso de la tabla de colores Hexadecimales para ubicar los colores que demuestran la
figura anterior.
A continuación, se agregan pantallazos del codigo realizado en el Programa ATOM.

CODIGO HTML MODIFICADO.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1?"/>
<title>Libro de ejercicios</title>

<style type="text/css">
body { background-color: #37474F;}
.Estilo1 {color: #0000FF}
.Estilo2 {color: #64DD17}
</style>
<body>
<table width="100%" border="0" bgcolor="#CCCCCC">
<tr>
<td width="85%"><div align="left">&laquo; Capitulo 1 </div></td>
<td width="15%"> <div align="right">Capitulo 3&raquo; </div></td>
</tr>
</table>
<p class="Estilo1">Capitulo dos</p>
<p class="Estilo2">Este es el contenido del capitulo 2 de este interesante libro </p>
<p class="Estilo2" >Veras que es tan interesante como el primero</p>
</body>
</html>
PANTALLAZO DE COGIGO EJECUTANDO CON ATOM.
PANTALLAZO FINAL DE COGIGO.
Bibliografía

Contenidos de la Semana 5. (Hojas de estilo en cascada (CSS) II) 2020.


Infografía Semana 5.
Link de Apoyo:
- https://www.youtube.com/watch?v=9LxUMocNIFo
- https://www.youtube.com/watch?v=zDUS7mgbDbw
- https://www.youtube.com/watch?v=YGGxj010fq8
- https://devcode.la/tutoriales/modelo-caja-css/
- https://www.youtube.com/watch?v=SKkKLi1wAos
- https://www.youtube.com/watch?v=uqkj7HQ7ids&feature=youtu.be

Instrucciones para la sección de las citas bibliográficas:


Escriba la bibliografía aquí en orden alfabético (empezando por el apellido del primer autor o, de
no haber autor, por la primera palabra del título). Esta página ya está formateada con sangrías
francesas. Incluya sólo las citas bibliográficas a las que haya hecho referencia en su trabajo y
asegúrese de incluir todas las citas bibliográficas a las que se haya referido en el mismo.

Ejemplos de un artículo:

Apellido, A. A., Apellido, B. B., y Apellido, C. C. (año). Título del artículo específico. Título
de la Revista, número de la revista, número de página. https://doi.org/xx.xxxxxxxxxx

Lee, H. W. (2005). Los factores que influyen en los expatriados. Journal of American Academy of
Business, 6(2), 273-279.

Osorio-Delgado, M. A., Henao-Tamayo, L. J., Velásquez-Cock, J. A., Cañas-Gutiérrez, A. I.,


Restrepo-Múnera, L. M., Gañán-Rojo, P. F., Zuluaga-Gallego, R. O., Ortiz-Trujillo, I C. y
Castro-Herazo, C. I. (2017). Aplicaciones biomédicas de biomateriales poliméricos.
DYNA, 84(201), 241-252. https://doi.org/10.15446/dyna.v84n201.60466

Nota: Si el artículo de la revista no tiene un DOI y proviene de una base de datos de investigación académica,
finalice la referencia después del rango de páginas. No incluya información de la base de datos en la
referencia. La referencia en este caso es la misma que para un artículo de revista impresa. Si el artículo de la
revista no tiene un DOI, pero tiene una URL que resolverá para los lectores (por ejemplo, es de una revista en
línea que no forma parte de una base de datos), incluya la URL del artículo al final de la referencia, en vez del
DOI.

Ejemplos de un texto:

Apellido, N. N. (año). Título del texto. Editorial. http://www.dirección.com

McShane, S. L., y Von Glinow, M. (2004). Organizational behavior: Emerging realities for the
workplace. The McGraw-Hill Companies.

Panza, M. (2019). Números: elementos de matemáticas para filósofos.  Universidad Del Valle.


https://www.reddebibliotecas.org.co/