Gweb2
This presentation is the property of its rightful owner.
Sponsored Links
1 / 13

GWEB2 PowerPoint PPT Presentation


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

GWEB2. Mgr. Vlastislav Kučera 1. přednáška. Náplň předmětu. HTML5 a CSS3 Publikační systémy. Literatura. CASTRO, E. HTML5 a CSS3. Computer press , 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno : Zoner Press , 2011. Požadavky k zápočtu.

Download Presentation

GWEB2

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


Gweb2

GWEB2

Mgr. Vlastislav Kučera

1. přednáška


N pl p edm tu

Náplň předmětu

  • HTML5 a CSS3

  • Publikační systémy


Literatura

Literatura

  • CASTRO, E. HTML5 a CSS3. Computerpress, 2012

  • GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: ZonerPress, 2011


Po adavky k z po tu

Požadavky k zápočtu

  • Semestrální projekt

    • Stránky v HTML5 – můžete přespat ty, které jste vytvořili pro GWEB1

    • Stránky v publikačním systému


Html5

HTML5

  • Rozšíření stávajících HTML4, příp. XHTML1

    • Přebírá prvky HTML4 (XHTML1)

    • Některé prvky jsou předefinovány

    • Přidává nové prvky: header, section, article, …


Gweb2

CSS3

  • Rozšíření stávajícího CSS2.1

  • Přidává nové vlastnosti

    • Zaoblené rohy při orámování

    • Barevné přechody

    • Definování více obrázků na pozadí


Podpora html5 a css3 v prohl e ch

Podpora HTML5 a CSS3 v prohlížečích

  • Poslední verze prohlížečů již mají zabudovanou podporu nových prvků HTML5 a vlastností CSS3

  • Podporované prvky a vlastnosti lze zjistit na:

    • http://html5test.com

    • http://css3test.com

    • http://caniuse.com


Html5 a css3 v ie do verze 8

HTML5 a CSS3 v IE do verze 8

  • IE do verze 8

    • prvky, které nezná, nezobrazí

  • Musí se připojit ke stránkám JavaScript, který tyto verze „naučí“ poznávat nové prvky jazyka HTML5

  • HTML5shiv: http://code.google.com/p/html5shiv/

  • Modernizr: http://modernizr.com/

  • Modernizr v sobě obsahuje HTML5shiv


D len prvk

Dělení prvků

  • HTML4

    • blokové a řádkové

  • HTML5

    • formulující obsah (<p>, <table>, …)

    • rozdělující obsah (<article>,<nav>,<section>, …)

    • nadpisový obsah (<h1> - <h6>)


Doctype

DOCTYPE

  • HTML4:

    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN„ "http://www.w3.org/TR/html4/loose.dtd">

  • HTML5

    • <doctypehtml>


K dov str nka

Kódová stránka

  • HTML4

    • <meta http-equiv="content-type"content="text/html; charset=windows-1250">

  • HTML5

    • <metacharset="Windows-1250">


P ipojen stylov ho p edpisu

Připojení stylového předpisu

  • HTML4

    • <linkrel="stylesheet"href="style.css" type="text/css">

  • HTML5

    • <linkrel="stylesheet"href="style.css">


P ipojen skript k html dokumentu

Připojení skriptů k html dokumentu

  • HTML4

    • <scriptsrc="script.js" type="text/javascript"></script>

  • HTML5

    • <scriptsrc="script.js"></script>


  • Login