Your SlideShare is downloading. ×
  • Like
1.Introduccion (diseño web con CSS)
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

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

1.Introduccion (diseño web con CSS)

  • 510 views
Published

¿Cómo diseñar páginas web accesibles y bonitas? La respuesta es CSS

¿Cómo diseñar páginas web accesibles y bonitas? La respuesta es CSS

Published in Technology , Education
  • 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
510
On SlideShare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
15
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. INTRODUCCIÓNY CONTEXTO
    TEMA 1
  • 2. RAZONES PARA DISEÑARCON CSS
    Páginas BUENAS
    Cumplen los estándares del w3c
    Son accesibles
    Prevenir PROBLEMAS futuros
    Páginas BONITAS
    Se pueden conseguir diseños muy llamativos
    Páginas BARATAS
    Es un estándar del w3c, por lo cual es GRATIS
    www.laramarcos.com
  • 3. 1.1 ELEMENTOS QUE COMPONEN LAS PÁGINAS WEB
    ELEMENTOS DINÁMICOS
    Capas que aparecen y desaparecen
    Elementos que se mueven al pasar por encima
    Menús desplegables
    JAVASCRIPT
    www.laramarcos.com
  • 4. 1.1 ELEMENTOS QUE COMPONEN LAS PÁGINAS WEB
    FORMA
    CONTENIDO
    Párrafos
    Listas
    Tablas
    Imágenes
    Enlaces
    Formularios
    Tipos de letra
    Alineación
    Colores
    Distribución
    Decoración en las listas
    CSS
    XHTML
    www.laramarcos.com
  • 5. 1.2 MÉTODOS PARA UNIR FORMA Y CONTENIDO
    Dentro de la propia etiqueta de XHTML, como un atributo más
    <p style= “color: red”>Hola</p>
    Dentro del propio documento .html
    <head>
    <styletype="text/css">
    p { color: red; }
    </style>
    </head>
    www.laramarcos.com
  • 6. 1.2 MÉTODOS PARA UNIR FORMA Y CONTENIDO
    En un archivo externo
    Su extensión será .css
    La MEJOR opción
    .css
    .html
    <head>
    <link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" />
    </head>
    p { color: red; }
    www.laramarcos.com
  • 7. 1.3 diferencias formales según navegadores
    El motor de los navegadores es el responsable de interpretar los lenguajes HTML y CSS
    Unos motores son capaces de leer todas las reglas CSS y otros no
    Los más avanzados son los motores de Safari y Opera
    En cambio, IE6 contiene decenas de errores
    www.laramarcos.com
  • 8. 1.3 diferencias formales según navegadores
    Información de Javier Eguíluz
    www.laramarcos.com