Prérequis Ce cours s'adresse à toute personne possédant des notions d'algorithmique; la connaissance d'un langage de programmation est un plus. Evaluation et Certification L'évaluation est basée sur des quiz hebdomadaires ainsi que sur le projet final qui fera l'objet d'une évaluation par les pairs. Introduction à html5 animations et jeux iphone. L'attestation de suivi sera délivrée aux participants qui auront obtenu des résultats suffisants aux quiz et aux projets. Il sera proposé à ces participants d'effectuer un examen supplémentaire distant et payant qui leur permettra d'obtenir un certificat au format pdf envoyé par courrier électronique. Plan de cours • HTML. Que recouvre cet acronyme?
Licence pour le contenu créé par les participants du cours Vous êtes autorisé à: Partager — copier, distribuer et communiquer le matériel par tous moyens et sous tous formats Adapter — remixer, transformer et créer à partir du matériel Selon les conditions suivantes: Attribution — Vous devez créditer l'oeuvre, intégrer un lien vers la licence et indiquer si des modifications ont été effectuées à l'oeuvre. Partage dans les Mêmes Conditions — Dans le cas où vous effectuez un remix, que vous transformez, ou créez à partir du matériel composant l'oeuvre originale, vous devez diffuser l'oeuvre modifiée dans les même conditions, c'est à dire avec la même licence avec laquelle l'oeuvre originale a été diffusée.
Sur la plateforme FUN, France Université numérique, l' INSA de Toulouse vous propose un MOOC pour développer des animations ou des petits jeux pour le web. Vous n'avez pas de connaissance particulière des langages web. En revanche, vous avez des notions d'algorithmique et peut-être que vous programmez déjà un peu. Ce MOOC "Initiation à HTML5 - animations et jeux" est pour vous. Mais si vous avez déjà une expérience de développement web, ce MOOC vous permettra de découvrir quelques-unes des nouveautés d'HTML5 et de les mettre en oeuvre sur un projet d'animation ou de jeu. Ce MOOC s'échelonne sur 7 semaines. Chaque semaine, votre travail consistera à suivre des vidéos, répondre à des quiz et effectuer de petits exercices. Une première partie est consacrée à différents langages. Introduction à html5 animations et jeux. Nous verrons qu'une page web est structurée en différents éléments et que c'est le langage HTML qui permet de décrire cette structure. Afin de positionner certains de ces éléments les uns par rapport aux autres et d'appliquer une charte graphique, nous introduirons le langage CSS.
Dans une deuxième partie, nous préciserons grâce à de nombreux exemples ce qu'HTML5 apporte de nouveau, notamment l'utilisation de contenus sonores et vidéo, les fonctionnalités de dessin, les animations et le glisser-déposer. La troisième et dernière partie est sans doute la plus importante. Elle sera l'occasion d'introduire des éléments de méthode. En effet, nous verrons qu'il est essentiel de séparer les tâches de conception et de développement. Introduction à html5 - animations et jeux. Nous proposerons une méthodologie de conception propre à la création de petites animations avec HTML5. Un projet sera l'occasion pour vous de mettre en oeuvre vos connaissances et d'utiliser toutes les briques mises en place. Mots-clés: langage de programmation, HTML5, CSS, Programmation, jQuery, développement Web, méthodologie de conception, animation HTML5, Jeu Structure: Organisation de la ressource pédagogique linéaire Thème(s): Thème(s) associé(s) à la ressource Informatique, Systèmes, Sciences de l'information » Informatique "Domaine(s)" et indice(s) Dewey: "Domaine(s)" et indice(s) de la Classification Dewey associés à la ressource Programmation internet, web, langage balisé (006.
2 Positionnement flottant float: right; width: 100px; margin: 0px; retire un élément de son flux normal (bloc ou inline) pour le placer le plus à droite possible (right) ou le plus à gauche possible (left) à l'intérieur de son conteneur le texte du conteneur est adapté pour contourner la boîte flottante 1. 3 Positionnement absolu position: absolute; top: 10px; left: 50px; retire l'élément concerné du flux normal sa position est déterminée par rapport aux limites de l'objet qui le contient 2. 1 Vidéo 1: Javascript Créé par Netscape en 1995 Langage orienté objet methodes (ou proprietes) DOM: mécanisme qui permet de lire/modifier/supprimer des éléments du document HTML JS s'appui sur DOM pour transformer le document HTML Manipulations statiques: quand toutles les transformations (du document via DOM) sont faites côté client Manipulations dynamiques: quand les transformations font intervenir un serveur (AJAX, PHP,... Applications et jeux HTML5 | Le réseau universitaire. ) 2. 1 Exemple simple
Bar