Extensions et les tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.
Dreamweaver gratuit
Optimiser votre espace de travail Dreamweaver
30 juin 2009 | Posté par caroder à 09:59
Voici une initiative intéressante du labs Adobe : une démonstration vidéo de toutes les possibilités offertes par le nouvel envronnement de travail Dreamweaver CS4, tout particulièrement en ce qui concerne les pré-réglages d'espaces de travail (developpeur d'application, classique, codeur, designer, etc.)
Manuel gratuit pour grand débutant Dreamweaver
28 mai 2009 | Posté par caroder à 08:02
Si vous êtes un très grand débutant et assez bon lecteur anglophone, vous pouvez vous procurer gratuitement ce manuel de 54 pages sur Dreamweaver dont voici le sommaire :
- Définition d'un site en local.
- Connection au site distant et upload des fichiers.
- Création de pages web
- Structurer une page web avec HTML
- Enrichir un texte avec les CSS
Ce manuel revient sur les fondamentaux du HTML / CSS, c'est pourquoi il ne s'adresse à mon sens qu'à des personnes qui n'ont jamais vu une balise <html> de leur vie.
A noter aussi, 2 annexes qui peuvent aider lorsqu'on débute vraiment :
- Acheter un nom de domaine
- L'hébergement d'un site
Pour télécharger cet ouvrage, vous devez auparavant activer votre inscription au site : http://dwcourse.com/
Dreamweaver CS4 et Photoshop : gestion des images - Tutorial de Jpierre
21 avril 2009 | Posté par caroder à 08:53
JPierre propose sur le site ASP-PHP.net un tutorial sur les fonctionnalités de Dreamweaver CS4 permettant de mieux gérer les images d'un site. En effet, il vous est offert la possibilité de créer une synchronisation entre le travail de l'image dans Photoshop CS4 et l'import de l'image dans une page web avec Dreamweaver.
J'en profite pour effectuer un petit rappel sur les formats d'images web et leur utilisation :
- Le format JPG : compression d'image supportant jusqu'à des millions de couleurs différentes (plus la compression choisie est élevée moins vous préservez la variété des couleurs et la netteté de la photo d'origine). Ce format d'image est particulièrement indiqué pour les photos et plus généralement tout image comportant un dégradé.
- Le format GIF : la palette gif comporte au maximum 256 couleurs ; c'est pourquoi ce format de compression sans perte est plus adapté aux images comportant des aplats de couleurs telles que des logos ou des illustrations type "ligne claire". Ce format d'image supporte très mal la réduction, homothétique ou non. A éviter donc quand on souhaite afficher des vignettes sans création de fichier spécifique.
- Le format PNG : il supporte des images en 24 bits et 32 bits (soit16 millions de couleurs + 256 niveaux de transparence). C'est donc la panacé ? Pas si sûr... Car pour des images comportant de nombreuses couleurs le poids des fichiers est nettement plus important que les 2 précédents formats !
Pour consulter le tutorial de Jpierre : http://www.asp-php.net/tutorial/asp-php/dreamweaver-cs4-et-photoshop-cs4.php
Dreamweaver CS4 Beta - le test de Jpierre
16 juillet 2008 | Posté par caroder à 18:56
JPierre, créateur du site ultradream et rédacteur d'ASP-PHP.net, a procédé à son propre test de la version Beta de Dreamweaver CS4. Des captures écrans et des infos inédites : à découvrir absolument. Pour lire les résultats, c'est par ici !
Adobe Dreamweaver CS4 - version beta
10 juin 2008 | Posté par caroder à 20:44
La version beta de Dreamweaver CS4 est à disposition dans le Lab d'Adobe et c'est ici :
http://labs.adobe.com/technologies/dreamweavercs4/
Attention : c'est une version d'évaluation et seulement une version d'évaluation disponible pour Windows XP SP 2, Vista et Mac OS 10.4.11 et sup. Vous ne vous sentez pas assez casse-cou pour installer cette version beta, visionnez les vidéos d'Adobe disponibles plus bas.
Voici un aperçu des nouvelles fonctionnalités du logiciel pensées pour gagner en productivité :
- Vue Live : elle permet de tester ses pages dans différents environnements dans l'interface Dreamweaver sans ouvrir les navigateurs correspondants. A noter : par sécurité Live View est "read only" : aucun risque donc de générer du code par erreur de manipulation.
- Code navigator : sélectionnez n'importe quel élément ou ensemble d'éléments de votre page et visualisez le code associé dans une pop-up
- Fichiers associés : affichage de tous les fichiers associés à la page en cours (css, javascript, includes, etc...) accessibles automatiquement par onglet afin de pouvoir modifier la page "mère" aisément.
- Bonnes pratiques CSS : panneau permettant de connaitre TOUTES les propriétés CSS d'un élément de la page ainsi qu'explication de ces propriétés au survol de la souris.
- Amélioration de Spry : afin de rendre plus accessible au commun des développeurs les fonctionnels Spry, Adobe s'est attaché à simplifier l'intégration Spry notamment via les sources de données qui sont maintenant définies dans un wizard. Il n'y a plus qu'à se laisser guider ! La source de données peut-être une simple page HTML statique de données tabulaires, sous forme de liste voire même de calques !
- Support javascript : outil de suggestion de codage javascript.
Tout cela semble, ma foi, fort prometteur. Reste à savoir si les extensions que nous utilisons avec CS3 restent compatibles avec cette nouvelle version...
Vous pouvez voir la vidéo Adobe sur la nouvelle vue Live ci-dessous (en anglais mais très accessible !) et le reste des vidéos ici. A noter, en bonus, la vidéo 4 sur les Widgets Spry permet d'avoir un aperçu sur le nouvel Extension Manager !!
Sommaire du tutorial "créer un sondage avec Dreamweaver et PHP/MySQL"
19 mai 2008 | Posté par caroder à 18:42
Voici le sommaire de ce tutorial "Créer un sondage avec Dreamweaver et PHP/MySQL" afin de vous y retrouver plus facilement. Ce tuto est en 5 parties. Chaque lien ouvre une nouvelle fenêtre.
- Création du formulaire d'insertion des votes
- Calcul des résultats du sondage
- Affichage graphique des résultats du sondage
- Empêcher un internaute de voter plusieurs fois
- Affichage conditionnel des résultats
Sommaire du tutorial Newsletter avec Dreamweaver et PHP
01 mai 2008 | Posté par caroder à 18:56
Suite aux remarques de quelques internautes, je mets en ligne le sommaire complet de ce tutorial afin qu'il soit accessible depuis une page unique de ce blog (chaque lien ouvre une nouvelle page) :
- Introduction au tutorial "créer une newsletter avec Dreamweaver"
- Table MySQL "Inscriptions"
- Insertion données utilisateurs
- Génération aléatoire et automatique de mot de passe
- Vérification de la saisie des champs
- Vérification de l’existence de doublon dans la base
- Validation du formulaire : système anti-spam Captcha
- Initialisation du back office d’administration
- Page de login du back office
- Création de la table des newsletters
- Préparation des pages d’administration, méthode des includes
- Création du template de la newsletter
- Page de création de la newsletter
- Preview de la newsletter
- Page de modification de la newsletter
- Page de suppression d’une newsletter
- Page d'envoi de la newsletter
- Système d'abonnement et de désabonnement à la newsletter
