HTML & css.

Présentation au sujet: "HTML & css."— Transcription de la présentation:

1 HTML & css

2 sommaire Introduction Leurs rôles Les Différentes versions
HTML CSS Les Différentes versions Travaille en local vs en production L’intérêt du travail en local Du local à la production Les différents éditeurs de texte Sous Microsoft Sous mac Sous linux multiplateforme

3 introduction langages informatiques qui permettent de créer des sites web. Tous les sites web sont basés sur ces langages, ils sont incontournables et universels aujourd'hui. Ils sont à la base même du Web. Le langage HTML a été inventé par un certain Tim Berners-Lee en 1991… Tim Berners-Lee suit encore aujourd'hui avec attention l'évolution du Web. Il a créé le World Wide Web Consortium (W3C) qui définit les nouvelles versions des langages liés au Web. Il a par ailleurs créé plus récemment la World Wide Web Foundation qui analyse et suit l'évolution du Web

4 Leurs rôles

5 Le rôle du HTML HTML (HyperText Markup Language) : il a fait son apparition dès 1991 lors du lancement du Web. Son rôle est de gérer et organiser le contenu. C'est donc en HTML que vous écrirez ce qui doit être affiché sur la page : du texte, des liens, des images… Vous direz par exemple : « Ceci est mon titre, ceci est mon menu, voici le texte principal de la page, voici une image à afficher, etc. ».

6 LE Rôle du css CSS (Cascading Style Sheets, aussi appelées Feuilles de style) : le rôle du CSS est de gérer l'apparence de la page web (agencement, positionnement, décoration, couleurs, taille du texte…). Ce langage est venu compléter le HTML en 1996.

7 Les différentes versions

8 Versions html HTML 1 : c'est la toute première version créée par Tim Berners-Lee en 1991. HTML 2 : la deuxième version du HTML apparaît en C'est cette version qui posera en fait les bases des versions suivantes du HTML. Les règles et le fonctionnement de cette version sont donnés par le W3C (tandis que la première version avait été créée par un seul homme). HTML 3 : apparue en 1996, cette nouvelle version du HTML rajoute de nombreuses possibilités au langage comme les tableaux, les scripts, le positionnement du texte autour des images, etc. HTML 4 : cette version aura été utilisée un long moment durant les années Elle apparaît pour la première fois en 1998 et propose l'utilisation de frames (qui découpent une page web en plusieurs parties), des tableaux plus complexes, des améliorations sur les formulaires, etc. Mais surtout, cette version permet pour la première fois d'exploiter des feuilles de style, notre fameux CSS ! HTML 5 : c'est LA dernière version. De plus en plus répandue, elle fait beaucoup parler d'elle car elle apporte de nombreuses améliorations comme la possibilité d'inclure facilement des vidéos, un meilleur agencement du contenu, de nouvelles fonctionnalités pour les formulaires, etc. C'est cette version que nous allons découvrir ensemble.

9 Versions css CSS 1 : dès 1996, on dispose de la première version du CSS. Elle pose les bases de ce langage qui permet de présenter sa page web, comme les couleurs, les marges, les polices de caractères, etc. CSS 2 : apparue en 1999 puis complétée par CSS 2.1, cette nouvelle version de CSS rajoute de nombreuses options. On peut désormais utiliser des techniques de positionnement très précises, qui nous permettent d'afficher des éléments où on le souhaite sur la page. CSS 3 : c'est la dernière version, qui apporte des fonctionnalités particulièrement attendues comme les bordures arrondies, les dégradés, les ombres, etc.

10 TRAVAIL EN LOCAL VS EN PRODUCTION

11 L’intérêt du travail en local
Travailler en local comporte de nombreux avantages. Le plus important est certainement le fait de pouvoir créer ou tester de nouvelles fonctionnalités sans impacter le fonctionnement d’un site "live" qui serait déjà visité par des internautes.

12 Du local vers la production
commencer toujours son projet en local, c’est-à-dire avec ses fichiers stockés sur sa propre machine. Une fois le travail terminé, il faudra alors louer un hébergement web chez un hébergeur et acheter et choisir une URL, c’est-à-dire une adresse web pour notre site. Ensuite, nous allons transférer tous nos fichiers sur l'espace serveur que nous avons loué chez notre hébergeur. L’hébergeur se charge alors de veiller à ce que le serveur fonctionne toujours afin que notre site soit toujours accessible via Internet. Si nous désirons par la suite modifier quelque chose d’important sur notre site, nous créerons une copie de notre site live en local en récupérant tous les fichiers, et nous implémenterons d’abord les modifications en local afin de minimiser le risque de bugs finaux et ainsi le temps de maintenance sur le site.

13 Les différents éditeurs de texte

14 Sous microsoft Sublime Text Notepad++ Brackets jEdit PSpad ConTEXT …

15 Sous mac Sublime Text Brackets jEdit Smultron TextWrangler

16 Sous linux Sublime Text Brackets gEdit Kate vim Emacs jEdit

17 Multiplateforme Komodo Edit (il fonctionne aussi bien sous Windows que Mac ou encore Linux).

18 Merci pour votre attention
Source : * Openclassroom * Pierre-giraud Merci pour votre attention The end