1 / 12

< arte en la web />

< 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)

maggie-thomas
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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. < arte en la web /> HTML y CSS

  2. Desarrollo de interfaces web • Concepto • Usabilidad • Experiencia de usuario • Tecnologías • Estándares • Licencias

  3. 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

  4. MVC Controlador JS, PHP, ASP Modelo SQL Vista HTML-CSS-JS

  5. HTML • <div id=“idName” class=“className”></div> • <imgsrc=“../flag.jpg” /> • <p class=“lorem_ipsum”> Contenido</p> • <div> <p>Hola Mundo</p></div> • <br />

  6. CSS - elemento, clase, identificador • .enlace{} • #header{} • p{ color=#FC0;} • div#idName{} • p.className{}

  7. CSS - anidación • Elemento > Selector • div#header{} • div#header ul.nav{} • div#header ul.nav a{} • div#header ul.nav a:hover{}

  8. Elemento clase id Especifidad(según Andy Clark)

  9. Estándares • Progressive Enhancement • De menos a más • Graceful degradation • De más a menos

  10. Estructura básica de un Template page header main section footer

  11. Estructurainternaporsecciones> header header logo nav

  12. Estructurainternaporsecciones> section main_section content_body content sidebar

More Related