CSS - Feuille de style - Cours CSS - Cascading Style Sheets Logiciels | Comment réaliser un tutoriel vidéo techsmith.com/camtasia.html Camtasia est un logiciel simple à utiliser, facile à apprendre et spécialisé dans la capture d’écran et la réalisation de tutoriels vidéo. Ainsi, l’utilisation de cette application est tout indiquée et conseillée lorsque vient le temps de créer des communications de nature pédagogique. Le travail de production se divise en deux étapes. La première est l’étape de capture. On appuie simplement sur le bouton d’enregistrement intégér à l’interface du logiciel et l’enregistrement du son et de l’image se déclanche automatiquement. La deuxième étape de réalisatin consiste à effectuer un montage des séquences filmées durant l’étape précédente. En quelques mots : – Dédié à la réalisation de tutoriels vidéo et à la capture d’écran – Simple à utiliser – Interface de montage vidéo intuitif et puissant Pour en savoir un peu plus : adobe.com/products/captivate.edu.html L’utilisation d’Adobe Captivate peut être difficile au premier abord. – Mises à jour des vidéos rapide et facile
DOCTYPE 1 — Qu'est-ce-que c'est ? On parle de «doctype» pour faire court, mais il s'agit en fait d'une ligne de déclaration du type de document, qui indique au navigateur dans quel type de HTML la page a été écrite (HTML-3.2 «classique», HTML-4 de transition ou strict, XHTML, etc...). Dans une écriture plus complète, cette ligne a l'allure suivante : où type_de_HTML est l'identificateur de la version du HTML utilisé. et où adresse_de_DTD donne l'URL de la «document type declaration» (DTD), à savoir un document spécifiant les propriétés de chaque élément, balises et attributs, de ce type de HTML. Par exemple, on pourra rencontrer la déclaration Ces doctypes sont généralement mis en place par l'éditeur HTML utilisé. 2 — A quoi ça sert ? Pour beaucoup d'entre nous, ça sert avant tout à faire passer nos pages au validateur du consortium W3C, afin de vérifier qu'on n'a pas fait d'erreur sur la syntaxe du HTML. 3 — Le cas particulier des Explorer : du mode natif «microsoft» au mode conforme W3C
HTML5 Un article de Wikipédia, l'encyclopédie libre. HTML5 (HyperText Markup Language 5) est la dernière révision majeure d'HTML (format de données conçu pour représenter les pages web). Cette version est en développement en 2013. HTML5 spécifie deux syntaxes d'un modèle abstrait défini en termes de DOM : HTML5 et XHTML5. Dans le langage courant, HTML5 désigne souvent un ensemble de technologies Web (HTML5, CSS3 et JavaScript) permettant notamment le développement d'applications (cf. Contexte historique[modifier | modifier le code] Changements par rapport à HTML 4.X et XHTML 1.X[modifier | modifier le code] Spécifications[modifier | modifier le code] Les spécifications sont publiées par le W3C Doctype[modifier | modifier le code] Tout comme les pages HTML ou XHTML, les documents HTML5 nécessitent une déclaration Doctype[2] indiquant la méthode standard de rendu par le navigateur. Exemple d'utilisation avec HTML5[modifier | modifier le code] Voir aussi : html5-profile <?
HTML5 : 20 Conseils Voici une liste de 20 astuces pour coder vos pages proprement en HTML5. Tous ces conseils, mis bout à bout, vous serviront à améliorer votre référencement, respecter certaines normes W3C ou encore optimiser la compatibilité. Efforcez-vous de suivre le plus rigoureusement ces règles en fonction de votre projet. 1. Respecter le Doctype HTML5 Le Doctype à subit un rajeunissement avec l’arrivé du HTML5. 2. Vous avez déjà du l’entendre, mais pensez toujours à bien fermer vos balises. 3. Il existe de nombreuses raisons pour qu’une page soit accessible à différentes adresses à la fois. 4. Bien qu’il existe d’autres solutions plus complète, vous pouvez néanmoins régler certain aspect du cache du navigateurs de vos visiteurs. Suivant votre cas, il peut être préférable de définir le cache. En revanche si, par exemple, votre site à accès régulièrement à des bases de données qui le maintiennent à jour le cache ne dois pas fonctionner. 5. 6. 7. Il est inutile d’utiliser les six. 8. 9. 10. 11. 12. 13.
HTML 5 and CSS 3: The Techniques You’ll Soon Be Using In this tutorial, we are going to build a blog page using next-generation techniques from HTML 5 and CSS 3. The tutorial aims to demonstrate how we will be building websites when the specifications are finalized and the browser vendors have implemented them. If you already know HTML and CSS, it should be easy to follow along. Before we get started, consider using one of our HTML5 Templates or CSS Themes for your next project—that is, if you need a quick and professional solution. HTML 5 is the next major version of HTML. Before we begin marking up the page we should get the overall structure straight: In HTML 5 there are specific tags meant for marking up the header, navigation, sidebar and footer. It still looks like HTML markup, but there are a few things to note: In HTML 5, there is only one doctype. Instead of using divs to contain different sections of the page we are now using appropriate, semantic tags. We have already defined a new section in the document using the section tag.
HTML 5, plateforme de sites et applications en ligne Pour succéder à HTML 4 qui est le format des pages Web actuel, le W3C qui établit les standards du Net à repris une spécification en cours du WHATWG. Ce nouveau format qui est implémenté progressivement par tous les navigateurs y compris Internet Explorer, est conçu pour les applications Web et ajoute à la fois des balises et des fonctionnalités nouvelles, c'est devenu une alternative à Flash et Silverlight. Steve Jobs a dit pour Apple: "Apple ne supporte pas Flash parce qu'il est trop bogué. HTML 5 contre Flash et Silverlight Des capacités très étendues pour les applications Web Utiliser les applications Web hors ligne est la tendance majeure dans ce domaine depuis 2008. De nouveaux composants graphiques ont été ajoutés, voir la liste des objets de formulaire en HTML 5 et leur implémentation dans les navigateurs. Les balises section, article, header, footer sont destinées à donner une structure à un document. Une plateforme d'applications Web Les applications de HTML 5
HTML: The Markup Language This specification defines the 5th major version, first minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML). In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability. This section describes the status of this document at the time of its publication. Other documents may supersede this document. Errata for this document are recorded as issues. All interested parties are invited to provide implementation and bug reports and other comments through the Working Group's Issue tracker. The implementation report produced for this version demonstrates that in almost every case changes are matched by interoperable implementation.
HTML5 : Nouveaux éléments de section, article, header, footer, aside, nav Les éléments de section HTML5, une nouvelle façon de penser Les éléments de section (section, article, nav, aside, header, footer) segmentent des portions du document ou de l'application web, qui possèdent une valeur sémantique particulière ; contrairement à des éléments génériques comme span ou div qui ont un rôle totalement neutre, et ne servent qu'à regrouper d'autres éléments HTML pour leur affecter un style CSS commun, voire pour interagir avec eux via le DOM... Il ne s'agit donc pas de nouveaux éléments avec des noms génériques : c'est bien plus que ça ! HTML5 inclut la majorité des éléments HTML4 pour assurer une rétro-compatibilité avec les navigateurs. Au-delà de ce critère, les groupes de travail qui ont élaboré HTML5 ont su analyser les usages courants et s'adapter aux tendances du web avec (entre autres) les nouvelles façons de trier l'information sur une page web. Liste récapitulative des éléments de section HTML5 Un cas particulier : Internet Explorer <9 Exemples de documents