Your SlideShare is downloading. ×
  • Like
  • Save

Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

CSS con Dreamweaver CS5

  • 5,742 views
Published

Presentación para revisar algunas características de CSS y de como interactuar con ellas mediante Dreamweaver CS5

Presentación para revisar algunas características de CSS y de como interactuar con ellas mediante Dreamweaver CS5

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
5,742
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide




















Transcript

  • 1. CSS + (parte 1) @edgarparada
  • 2. Agenda • Intro a CSS • 4x3 • Media Types • Tipos de Selectores • Herencia, Cascada y Especi cidad • Modelo de Cajas CSS +
  • 3. Intro a CSS CSS +
  • 4. ¿Con qué se comen? Contenido | Estructura | Diseño 1ª vez que uso la imagen del template de Keynote CSS +
  • 5. El Ingrediente más Contenido importante de cualquier Sitio Web Sin estructura Estructura simplemente no entenderíamos la Web El diseño vende, lo Diseño dicen en todos lados porque es cierto CSS +
  • 6. 4x3 CSS +
  • 7. ¿Por qué 4 x 3? Simple Nemotecnia Eran las 2 AM cuando arme la presentación, disculpen! CSS +
  • 8. 4 selector types & 3 formas de aplicarlos CSS +
  • 9. Media Types CSS +
  • 10. Media Types WTF!!! Ahora la Web esta en todos lados: computadoras (ordenadores), smartphones, tablets... http://activ.wordpress.com CSS +
  • 11. Print Projection Screen TV Handheld TTY CSS +
  • 12. Tipos de Selectores CSS +
  • 13. Selector Types de muchos colores :-) Clases, IDs, Etiquetas, Compuestos Un buen sitio con CSS CSS +
  • 14. Para modificar la presentación de </> p {text-align: justify;} Controlan algunas .clase {color: #FF0000;} excepciones de presentación Modifican las estructuras principales #id {width: 300px; } Etiquetas para #footer p {font-size: 1.2em;} modificar la presentación de </> CSS +
  • 15. Herencia, Cascada y Especi cidad CSS +
  • 16. Herencia, Cascada y Especi cidad Es la parte “complicada” de CSS, pero también la más poderosa La mejor herramienta de CSS CSS +
  • 17. Modelo de Cajas CSS +
  • 18. El Modelo de Cajas A partir de una caja podemos entender la manera de como cosntruir layouts en CSS Algún tip de CSS? Siempre valida! CSS +
  • 19. Sitio Web Modelo HTML de Cajas CSS +
  • 20. CSS + ¿Preguntas? @edgarparada