Les outils de développement HTML5 incluent : Dreamweaver, DevExtreme, WebStorm, Vscode, HTML5demos, HTML5 Tracker, Switch To HTML5, HTML5 Test, Lime JS, etc.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version HTML5, ordinateur Dell G3.
Adobe Dreamweaver
Dreamweaver est un ensemble de logiciels de conception Web dotés d'une interface d'édition visuelle lancé par Adobe, le premier fabricant de logiciels au monde, pour créer et éditer des sites Web et des appareils mobiles. candidatures. Dreamweaver est un éditeur de code Web WYSIWYG qui intègre la création de pages Web et la gestion de sites Web. Grâce à son moteur de codage intelligent simplifié et à ses aides visuelles, il réduit les erreurs et augmente la vitesse de développement de sites Web, facilitant ainsi la création, le codage et la gestion de sites Web dynamiques. Vous pouvez également en apprendre rapidement sur HTML, CSS et d'autres normes Web en accédant aux astuces de code. (Remarque : choisissez la version en fonction de vos propres besoins)
Avantages :
La gestion du site Web est simple et rapide.
Support CSS complet.
Il existe de nombreuses ressources d'apprentissage, telles que la communauté DW.
Inconvénients : L'effet
est difficile d'obtenir avec précision le même effet d'affichage que le navigateur.
Générez du code HTML propre et précis sans surveillance facile.
Lien de l'adresse du site officiel : https://www.adobe.com/cn/products/dreamweaver.html
Lien de l'adresse officielle : https://js.devexpress.com/
JetBrains WebStorm
WebStorm Il s'agit d'un outil de développement JavaScript appartenant à jetbrains. Il est salué par la majorité des développeurs JS chinois comme « artefact de développement frontal Web », « l'éditeur HTML5 le plus puissant », « l'IDE JavaS le plus intelligent », etc. Il a la même origine qu'IntelliJ IDEA et hérite des fonctions de la puissante partie JS d'IntelliJ IDEA.
(Remarque : choisissez la version en fonction de vos propres besoins)
Avantages :
Complétion de code intelligente, prend en charge les invites de différents navigateurs.
Formatage du code, personnalisation des règles.
Conseils intelligents HTML.
Requête associative, mise en évidence de la recherche.
Refactorisation de code.
Inspection du code, solutions rapides.
Débogage du code.
Parcourez et localisez rapidement la structure du code.
Pliage de codes.
Demander automatiquement l'habillage ou la suppression du code.
Lien de l'adresse officielle : https://www.jetbrains.com/zh-cn/webstorm/?utm_source=baidu&utm_medium=cpc&utm_campaign=cn-bai-br-core-ex-pc&utm_content =brand-webstorm&utm_term=jetbrains%20webstorm
Avantages :
Gratuit
Allez au-delà de la coloration syntaxique et de la saisie semi-automatique avec IntelliSense.
Déboguer le code directement depuis l'éditeur.
Commandes Git intégrées.
Extensible et personnalisable.
Déployez et hébergez facilement votre site Web avec Microsoft Azure.
Adresse du lien officiel : https://code.visualstudio.com/#built-in-git
Le positionnement d'Architect parmi les outils de développement d'applications mobiles et de bureau est le développement d'applications visuelles HTML5. Les équipes de développement peuvent utiliser la fonctionnalité glisser-déposer pour créer des applications HTML5, ce qui vous permet de passer moins de temps sur le codage manuel et d'optimiser le code de votre application pour des performances élevées. Architect fait gagner du temps aux développeurs en éliminant le besoin de saisir la plupart du code passe-partout. La génération automatique de code accélère le développement d'applications de bureau et mobiles. La simple modification des propriétés et de la configuration de n'importe quel composant de l'interface utilisateur Ext JS dans une fenêtre WYSIWYG élimine les erreurs humaines qui se produisent souvent lors du codage manuel. (Remarque : choisissez la version en fonction de vos propres besoins)
Avantages :
Glisser-déposer des composants
Modèle de support - vue - —Mode contrôleur.
Prend en charge Sencha Touch et Ext JS 4 pour créer des applications Web mobiles et de bureau.
Fonction d'empaquetage native intégrée en un clic pour IOS et Android.
Lien de l'adresse officielle : https://www.sencha.com/products/architect/
HTML5demos
Pensez Savez-vous si votre navigateur prend en charge HTML5 Canvas ? Vous vous demandez si Safari peut exécuter un simple client de discussion HTML5 ? Les démos HTML5 vous indiqueront dans quels navigateurs chaque fonctionnalité HTML5 est prise en charge.
Adresse du lien officiel : http://html5demos.com/
HTML5 Tracker
Vous voulez connaître les dernières tendances en HTML5 ? , qui peut suivre les dernières informations de révision de HTML5.
Aide-mémoire visuel HTML5
Vous souhaitez trouver rapidement une balise ou un attribut ? Découvrez cette aide-mémoire sympa, un incontournable pour tout développeur Web.
Adresse du lien non officiel : https://download.csdn.net/download/vick1217/4414181
Passer au HTML5
Passer au HTML5 est un outil de génération de modèles basique et pratique. Si vous démarrez un nouveau projet, vous pouvez obtenir un modèle de site Web HTML5 gratuit ici.
Test HTML5
Votre navigateur est-il prêt pour la révolution HTML5 ? HTML5 Test vous le dira. Ce site Web générera un rapport complet sur la prise en charge de la vidéo, de l'audio, du canevas et d'autres fonctionnalités pour le navigateur que vous utilisez actuellement.
Adresse du lien officiel : http://html5test.com/
Lime JS
LimeJS est un framework de développement de jeux HTML5 pour tous Build fast, des jeux d'expérience native pour les écrans tactiles et les navigateurs de bureau modernes.
Adresse du lien officiel : http://www.limejs.com/
Pour plus de connaissances liées à la programmation, veuillez visiter : Vidéo de programmation ! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!