Arte en la web
This presentation is the property of its rightful owner.
Sponsored Links
1 / 12

< arte en la web /> PowerPoint PPT Presentation


  • 40 Views
  • Uploaded on
  • Presentation posted in: General

< arte en la web />. HTML y CSS. Desarrollo de interfaces web. Concepto Usabilidad Experiencia de usuario Tecnologías Estándares Licencias. HTML y CSS. HTML – XHTML y HTML5 CSS2, CSS3 MVC Plantillas Navegadores Web, estándares moz , khtml = FIREFOX / KONQUEROR (Linux)

Download Presentation

< arte en la web />

An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -

Presentation Transcript


Arte en la web

< arte en la web />

HTML y CSS


Desarrollo de interfaces web

Desarrollo de interfaces web

  • Concepto

  • Usabilidad

  • Experiencia de usuario

  • Tecnologías

  • Estándares

  • Licencias


Html y css

HTML y CSS

  • HTML – XHTML y HTML5

  • CSS2, CSS3

  • MVC

  • Plantillas

  • Navegadores Web, estándares

    • moz, khtml = FIREFOX / KONQUEROR (Linux)

    • webkit, icap = SAFARI (Mac)

    • filter = IE (Windows)

  • Arte en la Web / Comunicación


Arte en la web

MVC

Controlador

JS, PHP, ASP

Modelo

SQL

Vista

HTML-CSS-JS


Arte en la web

HTML

  • <div id=“idName” class=“className”></div>

  • <imgsrc=“../flag.jpg” />

  • <p class=“lorem_ipsum”>Contenido</p>

  • <div><p>Hola Mundo</p></div>

  • <br />


Css elemento clase identificador

CSS - elemento, clase, identificador

  • .enlace{}

  • #header{}

  • p{color=#FC0;}

  • div#idName{}

  • p.className{}


Css anidaci n

CSS - anidación

  • Elemento > Selector

    • div#header{}

    • div#header ul.nav{}

    • div#header ul.nav a{}

    • div#header ul.nav a:hover{}


Especifidad seg n andy clark

Elemento

clase

id

Especifidad(según Andy Clark)


Est ndares

Estándares

  • Progressive Enhancement

    • De menos a más

  • Graceful degradation

    • De más a menos


Estructura b sica de un template

Estructura básica de un Template

page

header

main section

footer


Estructura interna por secciones header

Estructurainternaporsecciones> header

header

logo

nav


Estructura interna por secciones section

Estructurainternaporsecciones> section

main_section

content_body

content

sidebar


  • Login