desarrollo de frontends web

This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

Task Navigation 

Segunda sesión

link segunda sesion domingo 4 abril 

http://www.wiziq.com/online-class/611455-sowsesion2

fecha y hora 

SoWsesion2 by dany javier

 

Get your own Virtual Classroom

 

 

Tarea.

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Ejercicio de selectores</title>

<style type="text/css">/*Escribir aqui los estilos de la tarea*/

</style></head>
<body>
<div id="primero"><p>Lorem ipsum dolor sit amet, <a href="#">consectetuer adipiscing elit</a>. Praesent blandit nibh at felis. Sed nec diam in dolor vestibulum aliquet. Duis ullamcorper, nisi non facilisis molestie, <em>lorem sem aliquam nulla</em>, id lacinia velit mi vestibulum enim.</p></div>
<div class="normal"><p>Phasellus eu velit sed lorem sodales egestas. Ut feugiat. <span><a href="#">Donec porttitor</a>, magna eu varius luctus,</span> metus massa tristique massa, in imperdiet est velit vel magna. Phasellus erat. Duis risus. <a href="#">Maecenas dictum</a>, nibh vitae pellentesque auctor, tellus velit consectetuer tellus, tempor pretium felis tellus at metus.</p>
<p>Cum sociis natoque <em class="especial">penatibus et magnis</em> dis parturient montes, nascetur ridiculus mus. Proin aliquam convallis ante. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc aliquet. Sed eu metus. Duis justo.</p>
<p>Donec facilisis blandit velit. Vestibulum nisi. Proin volutpat, <em class="especial">enim id iaculis congue</em>, orci justo ultrices tortor, <a href="#">quis lacinia eros libero in eros</a>. Sed malesuada dui vel quam. Integer at eros.</p></div>
</body></html>

 

 

Aplicar a este codigo html los siguientes estilos.

 

 

	a todos los elementos.tamaño fuente= 1em/1.3 
	familia de fuentes: Arial Helvetica sans-serif;

 

color de fuente para todo : #555.

 

 

	Todos los párrafos contenidos en #primero color de fuente= #336699;
	Todos los enlaces de la pagina color de fuente  #CC3300
	Los elementos "em" contenidos en #primero color de fondo  #FFFFCC y padding de .1em (despues veremos estas unidades que significan.)

 

	Todos los elementos "em" de clase "especial" en toda la pagina  color de fondo: #FFCC99; borde de 1px estilo de borde= solid color borde #FF9900; padding: .1em;

 

	Elementos "span" contenidos en .normal usar font-weight:bold
	
	analizar los cambios que hace cada propiedad para aumentar su diccionario(mental) de propiedades y valores, y que cambios hacen sobre la pagina.

 

2. crear cuenta en jsfiddle y enviar el link como tarea. el envio posteen el link a su fiddle aqui mismo (recuerden que para guardar en fiddle deben hacer ckick en ("set as base")). estar atentos.

 

Task Discussion