http://www.free-livres.com/ Sauf mention contraire, le contenu de cet ouvrage e

http://www.free-livres.com/ Sauf mention contraire, le contenu de cet ouvrage est publié sous la licence : Creative Commons BY-NC-SA 2.0 La copie de cet ouvrage est autorisée sous réserve du respect des conditions de la licence Texte complet de la licence disponible sur : http://creativecommons.org/licenses/by-nc-sa/2.0/fr/ Simple IT 2011 - ISBN : 978-2-9535278-8-9 Avant-propos V oilà plus de vingt ans que le Web existe ! Un âge respectable dans l'univers de l'informatique : le début des années 1990 fait presque gure d'Antiquité. Le Web n'a pourtant jamais été autant utilisé qu'aujourd'hui : nous avons tous pris l'habitude de naviguer sur des sites web, un peu comme si c'était une seconde nature. C'est même devenu notre activité principale sur un ordinateur, à tel point qu'on en vient à oublier qui celui-ci peut aussi servir à autre chose qu'à naviguer sur le Web. Même quand nous ne sommes plus devant un ordinateur, nous avons pris l'habitude de regarder compulsivement notre téléphone portable pour consulter les dernières nou- velles. Bref, le Web nous poursuit partout. Alors, vous vous dites :  Tiens, si je créais moi aussi mon site web ? Tout le monde le fait, je dois en être capable moi aussi. . . . et vous avez parfaitement raison ! Si le Web s'est autant démocratisé, c'est aussi parce qu'il est facile de créer un site web. Mais attention, cela ne s'improvise pas : il faut de la méthode, de l'organisation et quelques connaissances sur les langages du Web. Autant d'éléments que je souhaite vous apporter à travers ce livre ! Vous n'avez jamais entendu parler de HTML ni de CSS ? Pas grave : cet ouvrage est conçu pour les débutants. Tout ce que je vous demande c'est de savoir allumer votre ordinateur (et utiliser une souris et un clavier, tant qu'à faire). Pour le reste, laissez-moi vous montrer tout simplement ! HTML5 et CSS3, ces incontournables langages Quoi que vous fassiez, vous ne pourrez pas les éviter : pour créer un site web, vous devez apprendre à manier les langages HTML et CSS. Ils sont à la base de tous les sites web, qui sont tous conçus de la même manière avec ces langages. Les toutes dernières versions de ces langages (HTML5 et CSS3) nous orent aujourd'hui des possibilités étonnantes. Des eets graphiques autrefois complexes à réaliser se créent désormais via une simple ligne de code. Les langages deviennent tellement puissants que les experts sont déjà d'accord pour dire que demain tout se fera sur le Web. C'est d'ailleurs déjà le cas quand on y pense : courses en ligne, déclaration d'impôts, lecture des journaux. . . i CHAPITRE 0. AVANT-PROPOS Vous vous dites peut-être que vous n'êtes pas faits pour apprendre un langage informa- tique, mais pas de panique : les langages HTML et CSS sont simples. Je vois d'ailleurs régulièrement des jeunes les apprendre dès l'âge de 10 ans, comme s'il s'agissait d'une simple formalité. Ce n'est en fait pas plus compliqué que la grammaire et la conjugaison, c'est même parfois plus facile. ;-) Qu'allez-vous apprendre en lisant ce livre ? Nous allons découvrir HTML et CSS de façon progressive au cours de cet ouvrage, composé des parties suivantes : 1. Les bases de HTML5 : nous commencerons par découvrir le langage HTML. Nous partirons vraiment des bases : quels programmes dois-je installer ? Comment tester le résultat de mon site ? Comment a cher du texte, des images, et créer des liens ? Nous verrons tout cela au cours de cette première partie très simple. 2. Les joies de la mise en forme avec CSS : nous introduirons ensuite le langage CSS, qui permet de mettre en forme son site web. Nous apprendrons à choisir les couleurs de notre site, à modi er la taille du texte, la police. . . et même à jouer avec les eets de transparence, les ombres et les arrondis que nous ore aujourd'hui CSS3. 3. Mise en page du site : nous passerons aux choses sérieuses en nous intéressant à la mise en page de notre site. Dimensions, marges, positionnement au pixel près : nous découvrirons tout ce qu'il faut savoir. Nous terminerons cette partie en apothéose avec la réalisation de A à Z de notre premier site web complet. Vous allez être blués par ce que vous êtes capables de faire ! 4. Fonctionnalités évoluées : nous irons encore plus loin en découvrant des fonc- tionnalités plus complexes de HTML et CSS. Nous passerons notamment en revue les tableaux, les formulaires, la gestion des vidéos. . . Et je vous ferai faire un petit tour d'horizon de tout ce que vous pourrez encore découvrir pour satisfaire votre soif de connaissances ! À la n de cet ouvrage, plusieurs annexes vous attendent pour compléter ce que vous avez appris : vous verrez notamment comment procéder pour envoyer votre site sur le Web ! Comment lire ce livre ? Suivez l'ordre des chapitres Lisez ce livre comme on lit un roman. Il a été conçu pour cela. Contrairement à beaucoup de livres techniques où il est courant de lire en diagonale et de sauter certains chapitres, il est ici très fortement recommandé de suivre l'ordre du cours, à moins que vous ne soyez déjà un peu expérimentés. ii REMERCIEMENTS Pratiquez en même temps Pratiquez régulièrement. N'attendez pas d'avoir ni de lire ce livre pour allumer votre ordinateur et faire vos propres essais. Utilisez les codes web ! A n de tirer parti du Site du Zéro dont ce livre est issu, celui-ci vous propose ce qu'on appelle des  codes web . Ce sont des codes à six chires à saisir sur une page du Site du Zéro pour être automatiquement redirigé vers un site web sans avoir à en recopier l'adresse. Pour utiliser les codes web, rendez-vous sur la page suivante 1 : http://www.siteduzero.com/codeweb.html Un formulaire vous invite à rentrer votre code web. Faites un premier essai avec le code ci-dessous : ▷  Tester le code web Code web : 123456 Ces codes web ont deux intérêts :  ils vous redirigent vers les sites web présentés tout au long du cours, vous permettant ainsi d'obtenir les logiciels dans leur toute dernière version ;  ils vous permettent de télécharger les codes sources inclus dans ce livre, ce qui vous évitera d'avoir à recopier certains programmes un peu longs. Ce système de redirection nous permet de tenir à jour le livre que vous avez entre les mains sans que vous ayez besoin d'acheter systématiquement chaque nouvelle édition. Si un site web change d'adresse, nous modi erons la redirection mais le code web à utiliser restera le même. Si un site web disparaît, nous vous redirigerons vers une page du Site du Zéro expliquant ce qui s'est passé et vous proposant une alternative. En clair, c'est un moyen de nous assurer de la pérennité de cet ouvrage sans que vous ayez à faire quoi que ce soit ! Remerciements Je souhaite remercier un certain nombre de personnes qui, de près ou de loin, ont contribué à la naissance de cet ouvrage :  Ma famille, qui continue de me témoigner sa con ance et qui suit toujours avec attention mes projets.  Élodie, pour son soutien indéfectible. Cet ouvrage t'est dédié en souvenir de cette magni que journée d'été.  Pierre Dubuc, qui continue à soulever des montagnes pour faire vivre notre projet commun. 1. Vous pouvez aussi utiliser le formulaire de recherche du Site du Zéro, section  Code web . iii CHAPITRE 0. AVANT-PROPOS  Notre infographiste, Fan Jiyong, pour la couverture de ce livre, les illustrations des chapitres et le webdesign du TP (qui est plusieurs crans au-dessus du précédent !).  Notre éditeur, Jonathan Baudoin, pour son implication et son travail e cace lors de la préparation de cet ouvrage.  L'ensemble de l'équipe de Simple IT qui travaille avec moi sur le Site du Zéro.  Johann Pardanaud (Nesquik69) et Julien Villetorte (delphiki), pour leur relecture et leurs conseils avisés.  Vous tous, chers lecteurs, avec qui je prends toujours autant de plaisir à partager mes connaissances. Bonne lecture ! iv Sommaire Avant-propos i HTML5 et CSS3, ces incontournables langages . . . . . . . . . . . . . . . . . i Qu'allez-vous apprendre en lisant ce livre ? . . . . . . . . . . . . . . . . . . . . ii Comment lire ce livre ? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ii Remerciements . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . iii I Les bases de HTML5 1 1 Comment fait-on pour créer des sites web ? 3 Le uploads/Litterature/ realisez-votre-site-web-avec-html5-et-css3.pdf

  • 37
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager