Menu
InformatiWeb
  • Index
  • Formations
  • Tutoriels
  • InformatiWeb Pro

Connexion

Inscription Mot de passe perdu ?
US
  • Informatique
    • Articles
    • BIOS
    • Live CD
    • MultiBoot
    • Sauvegardes
    • Sécurité
    • Virtualisation
    • Web
    • Windows
  • Jeux vidéo
    • Command & Conquer
    • TrackMania
  • InformatiWeb
  • Tutoriels
  • Informatique
  • Divers
  • Ajouter le support de l'HTML5 et du CSS3 dans Dreamweaver CS3 et CS4
  • Divers
  • 07 juin 2013 à 20:42
  • Lionel

Ajouter le support de l'HTML5 et du CSS3 dans Dreamweaver CS3 et CS4

Il arrive parfois que certaines écoles ou certaines entreprises ne possèdent pas la dernière version des programmes qu'ils utilisent. Ceci est en général dû au fait que les programmes en question coutent chère, voire très cher, et ils ne peuvent donc pas se permettre d'acheter à chaque fois les dernière versions de ces programmes.

Par exemple, si vous utilisez la version CS3 ou CS4 d'Adobe Dreamweaver, vous vous apercevrez que ces version ne supportent pas l'HTML 5 ni le CSS3. Ce qui veut dire que ces balises ainsi que leurs attributs ne vous seront pas proposés et vous devrez donc les connaitre et les saisir manuellement.

Heureusement, il est possible d'ajouter gratuitement et légalement, le support de l'HTML5 du CSS 3 à ces 2 versions de Dreamweaver.

 

Pour cela, commencez par télécharger l'extension "HTML5 Pack for Dreamweaver CS3 and CS4".
Edit de Septembre 2014 : Etant donné que cette extension gratuite à disparue du site officiel d'Adobe, nous avons hébergé ce fichier sur notre serveur : HTML5CS3_4.mxp (clic droit -> Enregistrer sous).
Note : Vous devez avoir un compte Adobe pour télécharger cette extension. Si vous n'en avez pas, créez en un gratuitement en cliquant ici puis cliquez sur le lien "Vous n'avez pas d'ID Adobe ?".

Connectez vous à votre compte Adobe.

Vous arriverez ensuite sur la page de téléchargement de l'extension.
Note : La fenêtre de téléchargement s'affichera automatiquement.

Pour installer l'extension, faites un double clic sur le fichier que vous venez de télécharger.

Le programme "Adobe Extension Manager" va se lancer automatiquement, et vous demander d'accepter le contrat d'utilisation pour l'extension concernée.

L'installation va s'effectuer puis "Adobe Extension Manager" vous confirmera que l'extension a bien été installée.
Note : Si Dreamweaver était ouvert au moment de l'installation de l'extension, vous devrez relancer Dreamweaver pour que les modifications prennent effet.

L'extension "HTML5 hinting for DW CS3 and CS4" est maintenant affichée dans la liste des extensions de Dreamweaver.

Si vous créer une nouvelle page HTML, vous vous apercevrez qu'HTML5 n'est pas dans la liste des "Types de documentsé. Vous devrez donc sélectionner, par exemple, "HTML 4.01 Transitional", puis modifier le DOCTYPE par celui d'HTML5.

Le "doctype" en "HTML5" est : doctype html.
Par facilité, supprimez la partie surlignée en bleu sur l'image.
Note : En HTML5, le "doctype" peut s'écrire aussi bien en majuscules, qu'en minuscules.

Vous pouvez aussi remplacez la balise "<meta http-equiv="Content-Type" content="text/html; charset=utf-8">", par l'équivalent en HTML5 "<meta charset="utf-8">".

Et enfin, comme vous pouvez le constater sur cette image, les balises HTML5 sont maintenant reconnues sous Dreamweaver CS4 (et CS3).

Partager ce tutoriel

Partager
Tweet

A voir également

  • Adobe After Effect - Exporter une grosse animation en SWF

    Divers 17/1/2013

    Adobe After Effect - Exporter une grosse animation en SWF

  • Améliorer l'intellisense de Dreamweaver

    Divers 31/10/2013

    Améliorer l'intellisense de Dreamweaver

  • Créer un CD Bootable facilement

    Divers 12/1/2012

    Créer un CD Bootable facilement

  • Créer un graveur virtuel

    Divers 4/12/2020

    Créer un graveur virtuel

Commentaires

Vous devez être connecté pour pouvoir poster un commentaire

Donnez-nous votre avis

Contenu épinglé

  • Logiciels utiles
  • Nos programmes
  • Conditions générales
  • Donnez votre avis

InformatiWeb Pro

  • Administration Win. Server
  • Administration Linux
  • Virtualisation

Contact

  • Livre d'or
  • Support technique
  • Contact

® InformatiWeb.net 2008-2022 - © Lionel Eppe - Tous droits réservés.

Toute reproduction totale ou partielle de ce site est interdite et constituerait une contrefaçon sanctionnée par les articles L.335-2 et suivants du Code de la propriété intellectuelle.