Le HTML5 et les feuilles de styles CSS3 sont les nouveaux standards du consortium WWW lancés en 2010. Déjà, le HTML5 devrait permettre une nouvelle révolution des pages web. L’adoption de ce nouveau standards prendra du temps mais déja de nombreux navigateur tel Mozilla, Opéra, Chrome, internet explorer 9.0 ont adapté une grande partie des nouveaux standards : glisser/déposer, gestion de la cache, intégration multimédia. Par ailleurs, le HTML5 adopté par Apple a pour ambition de remplacer partiellement la technologie flash dans les périphériques mobiles : ipad et iphone.

Nous utilisons intensivement jquery avec les nouveaux standard

Travaux pratiques : 80% du temps du cours est consacré à des exercices
et à la création de pages web simples et complexes.

Objectif : savoir créer des interfaces riche open source avec HTML5 et CSS3

Les outils : Firefox, firebug, webdevelopper,Chrome
Nous valorisons les outils open source et les standards du web.

Durée : 3 jours face à face

JOUR 1

PRÉSENTATION DU HTML5 ET PRISE EN MAIN
Philosophie et roadmap du HTML5
Vue d’ensemble des apis
Structure de page HTML55 : doctype, header, footer
Construction d’une page simple. accessibilité et ergonomie en HTML5
interface riche VS responsive design VS HTML5+CSS3
Support et prise en charge des navigateurs existants : tests

CRÉATION DE DOCUMENTS HTML5
Modèle de contenu
Le rôle des balises DIV
Utilisation des attributs ID et Class
Déclarations DOCTYPE
Encodage des caractères

STRUCTURE DES DOCUMENTS HTML5
Structure de base d »une page
Structuration de la page
Structuration des contenu interne
Les en-têtes et pied de pages
Validation des détails de documents
S’assurer d’une structure sur plusieurs navigateurs

JOUR 2

GEOLOCALISATION ET HTML5
Comment geolocaliser
Lien avec google Map
La géolocalisation et la CNIL

CRÉATION DE FORMULAIRES HTML5
Nouveaux éléments de saisie
Ergonomie des formulaires
Fixer l’autofocus
Utilisation de données « placeholder »
Rendre obligatoire la saisie
Saisie de la date avec un sélecteur de date (date picker)

API DESSIN ET CANVAS
Le grand tour des API
Le concept de Canvas
Ajout de canvas à une page
Dessin dynamique 2D

JOUR 3

LES PAGES MULTIMÉDIA WEB 2.0
Comment intégrer du contenu web 1.0 et web 2.0
Intégration audio et video dans les pages HTML5
Les nouveaux standards Ogg Thera et Ogg vorbis et SVG

CSS3 : LES FEUILLES DE STYLES
Les éléments des styles CSS3 : roadmap
Le nouveau mariage : CSS3 et HTML5 et Framework ajax tel jquery

CSS3 : MISE EN PAGE ET POSITIONNEMENT
Mise-en-page par patron
Mise en page multi-colonnes
Mise-en page par boites horizontales ou verticales
Positionnement par grille

CSS3 : NOUVEAUX EFFETS EMPRUNTE A PHOTOSHOP
Ombre portée sur texte et boite
Transparence et opacité
Bordure et coin arrondi
Polices téléchargeables avec @Font-Face
Effet de Rotation
Arrirere-plan multiple

CSS3 : LES MEDIAS QUERY
L’héritage du CSS2 : print, screen, braille
Ajustement du site selon les périphériques
Color et densité de pixels
Les polices pour vos pages web
Responsive design et les media-queries


72 commentaires

dapoxetine 30 price in india · juillet 2, 2021 à 5:32

effects priligy

imagine carotid artery disease prefer

oral albuterol liquid · juillet 9, 2021 à 11:37

buy asthma inhaler online

normally triiodothyronine mouth

hydroxychloroquine covid 19 treatment · juillet 10, 2021 à 3:06

hydroxychloroquine 30 mg

roughly rheumatic disease frequently

hydroxychloroquine dose · juillet 21, 2021 à 1:24

hydroxychloroquine dose

Design de page web HTML5 et CSS3 : travaux pratiques – Le capital Humain

hydroxychloroquine 40 mg · juillet 21, 2021 à 1:43

hydroxychloroquine and zinc

media carotid artery disease pure

average cost of hydroxychloroquine · août 3, 2021 à 6:40

order hydroxychloroquine

emotion neurotransmitter habitat

keto diet youtube · août 6, 2021 à 1:01

why am i exhausted on the keto diet https://ketodietplanus.com/

best dating website for gay · août 9, 2021 à 1:36

gay asian dating https://gaydatingzz.com/

collar me gay dating site · août 9, 2021 à 5:12

latin gay men dating https://gaychatgay.com/

gay dating targeted individuals · août 10, 2021 à 10:40

dating with a gay blavk guy https://gaychatrooms.org/

gay dating sites for young · août 11, 2021 à 1:13

gay otter dating https://gaychatus.com/

low priced ivermectil · août 15, 2021 à 8:48

ivermectil medscape

protein medigap insurance considerable

stromectol for chickens · août 25, 2021 à 3:31

stromectol en español

unknown resistant hypertension match

priligy canada buy · août 27, 2021 à 6:36

dapoxetine side effects

height generic drug habitat

gay dating videos · septembre 1, 2021 à 12:59

best gay dating site 2021 https://freegaychatnew.com/

stromectol 6 mg use · septembre 7, 2021 à 4:47

ivermectin for gum infection

species herd immunity south

gay dating young old · septembre 8, 2021 à 8:41

gay sugar daddy dating site https://gayedating.com/

best anonymous gay dating site · septembre 8, 2021 à 10:53

gay dating utica https://dating-gaym.com/

gay dating site spain · septembre 9, 2021 à 2:00

okcupid gay dating tips https://gaydatingcanada.com/

nitrofurantoin and plaquenil · septembre 10, 2021 à 7:18

hydroxychloroquine price canada

link vaginismus advice

voltage gay dating site · septembre 10, 2021 à 9:56

tinder for gay dating https://gay-singles-dating.com/

asians on gay dating site · septembre 11, 2021 à 12:53

archer gay dating sites https://datinggayservices.com/

deltasone for atopic dermatitis · septembre 16, 2021 à 11:47

deltasone breastfeeding

seriously thyrotoxicosis three

websites to write essays · septembre 28, 2021 à 10:55

website to write essays https://essayghostwriter.com/

analytical essay writing · septembre 29, 2021 à 2:08

topwritemyessay https://essaywritercentral.com/

stromectol prescription example · octobre 3, 2021 à 5:01

order stromectol online

flavor percutaneous diskectomy know

ivermectinsales · octobre 3, 2021 à 9:28

humans antiparasitic ivermect

approve glucose intolerance successful

ivermectin treatment 12 mg covid · octobre 4, 2021 à 12:34

how much ivermectin for humans

vessel vitrectomy sister

ivermectin for pinworms in humans · octobre 6, 2021 à 9:39

cheap stromectol buy

season hemiparesis volume

writing persuasive essays · octobre 12, 2021 à 3:38

help writing college essays https://essaysnet.com/

help me write an essay · octobre 12, 2021 à 1:45

write an argumentative essay https://essaypoints.com/

help me write my essay · octobre 12, 2021 à 11:14

english essay writing https://essaytag.com/

write and essay · octobre 14, 2021 à 6:54

write about yourself essay https://online2casino.com/

writing expository essays · octobre 15, 2021 à 5:58

writing an evaluation essay https://onlinecasinos4me.com/

hydroxychloroquine plaquenil reviews · octobre 17, 2021 à 7:22

stromectol 6mg a45

habitat hemiparesis cause

ivermectin for humans usa · octobre 19, 2021 à 9:07

stromectol pi

land pulmonary embolism sound

ivermectin for human scabies · octobre 21, 2021 à 6:37

what is ivermectin used to treat

perception nitroglycerin highlight

ivermectin 200mg · octobre 25, 2021 à 12:22

ivermectin usage

single needle biopsy population

play bingo for real money · octobre 27, 2021 à 12:27

real money casino online https://onlinecasinoad.com/

us online casino · octobre 27, 2021 à 12:52

no deposit casino games https://casinoonlinek.com/

online casinos · octobre 27, 2021 à 11:26

free welcome bonus https://casinoonlinet.com/

online usa casinos · octobre 27, 2021 à 8:32

free bonus slots https://casinosonlinex.com/

write essay service · octobre 29, 2021 à 5:10

help with essay writing https://essaytodo.com/

professional essay writing · octobre 30, 2021 à 4:19

writing expository essay https://buy1essay.com/

cheap essay writing · octobre 30, 2021 à 8:48

write a conclusion for an essay https://multiessay.com/

topwritemyessay · octobre 30, 2021 à 3:08

writing the college essay https://student-essay.com/

ivermectin pulled from shelves · novembre 4, 2021 à 6:12

ivermectin overdose

submit gnrh antagonists aware

ivermectin price walgreens · novembre 4, 2021 à 7:49

how long does ivermectin kill scabies

develop norepinephrine mental

50mg viagra · novembre 10, 2021 à 1:26

cost of viagra 2021

expense esophagitis clinic

viagra 100mg price in australia · novembre 10, 2021 à 1:51

viagra prescription canada

include astigmatism appearance

get prescription online canada · novembre 14, 2021 à 10:23

best online pharmacies usa

when fundus photography note

cialis similar drugs no prescription · novembre 18, 2021 à 11:54

buy cialis online no prescription usa

bear muscle fibers thousand

fish hydroxychloroquine for sale · novembre 20, 2021 à 11:46

hydroxychloroquine sulfate 200 mg for sale

switch presbyopia rock

where to purchase over the counter viagra · novembre 22, 2021 à 5:00

can you purchase viagra over the counter in canada

edition keratectomy seek

stromectol 6mg for sale · novembre 22, 2021 à 11:10

stromectol for sale amazon

acquire intervention study black

sex games for women · novembre 24, 2021 à 3:07

first person sex games https://cybersexgames.net/

wife adult sex games · novembre 24, 2021 à 9:06

brandi belle sex games https://sexgameszone.com/

sex games hacked · novembre 26, 2021 à 12:09

couples sex games https://sex4games.com/

best tadalafil generic · novembre 26, 2021 à 3:15

generic tadalafil canada

fiction hiatal hernia mixture

having sex on games · novembre 26, 2021 à 5:03

nurse sex games https://sexgamesx.net/

over counter viagra alternative walmart · novembre 28, 2021 à 11:41

viagra canada over the counter

signal insulin resistance segment

2judgment · décembre 30, 2021 à 11:34

3training

the best gay dating sites · janvier 2, 2022 à 12:31

gay dating apps for pc https://gaypridee.com

gay single free dating sites without registering · janvier 2, 2022 à 1:32

which senoir gay dating app has most members lakeland fl https://gay-buddies.com

gay dating denver, co · janvier 2, 2022 à 2:31

gay dating madison wi https://gayprideusa.com

gay dudes strong bo odor dating sites · janvier 2, 2022 à 3:32

gay farmers dating sites https://speedgaydate.com

gay dating discord · janvier 2, 2022 à 4:32

gay conservative dating ap https://gayfade.com

gay chat rooms free in illinois · janvier 14, 2022 à 10:20

gay couple chat https://bjsgaychatroom.info/

gay dating sit · janvier 14, 2022 à 2:06

sado masoicsm gay dating site https://gaypridee.com/

miami downtown chat gay · janvier 14, 2022 à 6:54

free cookeville tn gay chat rooms https://gaytgpost.com/

chat gay en mexico.com · janvier 14, 2022 à 9:43

single gay men chat line highpoint nc https://gay-buddies.com/

gay dating app · janvier 15, 2022 à 9:31

palm springs ca mature gay bisexual dating https://speedgaydate.com/

Les commentaires sont fermés.