Desarrollo Web De Front-Ends Taller 1

Descripción

Terminar el layout html+css en el que se estaba trabajando en la sesión del día 3 de abril, usando las propiedades de CSS indicadas (estas deben ser consultadas por su cuenta).
Adjunto encontraran el trabajo realizado en clase y con el cual deberán continuar, además encontraran la url del layout original y una imagen de cómo debería verse el layout desarrollado con solo CSS“bueno, en realidad a mí me quedo así :P”.

Las propiedades CSS que yo use fueron las siguientes:
position, top, height, width, display, text-transform, font-size, font-family, font-weight, color, opacity, background, border, left, padding, float, text-shadow, border-right, border-right-style.
Las fuentes usadas en el proyecto fueron las siguientes:
Helvetica, sans-serif, Georgia

Los coloresusados fueron los siguientes:

#191919, #1a1a1a, #242424, #c7c7c7, #0e0e0e, #CFCFCF, #000, #FFF, #424242, #363636, #818181, #0a0a0a.
Links:
Layout original: http://demo.fearlessflyer.com/html/demo/sifiso/
Ayuda CSS:
http://www.w3schools.com/css/default.asp
http://www.w3c.es/divulgacion/guiasbreves/hojasestilo
http://www.manualdecss.com/
http://www.librosweb.es/css/

Buena suerte

JuanCarlos Sierra Rincón
Monitor Grupo de Ingeniería Web Universidad Distrital – GIWEB
Darkangel_191@hotmail.com

Desarrollo

Index.html:


HTML+CSS Layout




sifiso...

Mi trabajo
Contactame


Yo diseño páginas web. Me quedo despierto toda la noche mirando mi monitor, asegurándome de que mis páginas son increíbles




Algunaspalabras de clientes
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatatnon proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.



El artista es un receptáculo de emociones que vienen detodas partes: del cielo, de la tierra, de un trozo de papel, de una forma pasajera, de una tela de araña.
Pablo Picasso
Llegas a la Naturaleza con todas tus teorías y te las hecha abajo
Renoir


Trabajos recientesContactame
Contrátame para tu próximo proyecto de diseño...

Nombre

Email

Comentario




Ir arriba

Copyright ©2011 Fearless Flyer Web Design. All rights reserved. Privacy Policy | All design work, articles and post materials by Michael Soriano
Coded by jcs



Style.css:

* {
margin: 0;
padding: 0;
}

body {
background:#191919 url("imagenes/backgroundl.jpg") fixed center top no-repeat;

}

#contenedor {
margin: 0 auto;
min-height: 2000px;
padding: 0 10px;
position: relative;
width: 960px;
}

#header {
background: url("imagenes/header-bg.png") no-repeat scroll 0 0 transparent;
height: 384px;
width: 940px;
}

h1#logo {
background: url("imagenes/logo.png") repeat scroll 0 0transparent;
height: 64px;
width: 200px;
position: relative;
text-indent: -9999px;
top: 55px;
}

ul#nav {
left: 250px;
position: relative;
}

ul#nav li {
float: left;
height: 38px;
list-style: none outside none;
}

ul#nav li a {
height: 38px;
}

ul#nav li a#tra {
margin-right: 14px;
width: 123px;
}

ul#nav li a#con {
background-position: -136px 0;...