Dreamweaver gratuit

Créer des interfaces pour mobiles avec Dreamweaver CS5.5

31 mai 2011 | Posté par caroder à 09:10

Il est aujourd'hui quasiment impossible d'envisager de développer un site web sans sa version mobile. Adobe propose donc aux utilisateurs de Dreamweaver de disposer des outils nécessaires pour sauter le pas vers le développement d'applications mobiles (iOS et Android)

L'intégration de Dreamweaver à PhoneGap (accessible via le menu Site >> Applications mobiles) vous permet de déployer des applications natives pour les téléphones et tablettes Android et iOS. PhoneGap est un framework de développement pour la création d'applications mobile qui permet de faire le pont entre vos applications Web et les mobiles.

Voici une vidéo (sous-titrée en français) qui vous expliquera le principe de cette nouvelle fonctionnalité de Dreamweaver.

Adobe y a adjoint le Widget JQuery Mobile pour lequel vous pouvez visionner la vidéo tutorial ci-joint (en français cette fois !).

 

Concours : Video2Brain propose aux lecteurs de Dreamweaver Gratuit 3 accès gratuits à la formation complète Dreamweaver CS5

15 mai 2010 | Posté par caroder à 15:39

Vidéo2Brain, site de formation aux technologies web et plus particulièrement aux produits Adobe, m'a proposé 3 codes d'accès gratuits à la "formation complète Dreamweaver CS5" sur son site, à charge pour moi de les distribuer.

Voulant être aussi équitable que possible, je fais un peu de teasing et vous annonce donc que Vendredi 22 mai 2010 à 14h30 je mettrai en ligne 5 questions dont les réponses se trouvent sur ce site. Les 3 premières personnes qui me fourniront les bonnes réponses remporteront un code d'accès permanent à cette formation vidéo d'une durée de 18 heures.

Pour ceux qui ne connaissent pas Video2Brain :

Video2brain est une entreprise qui produit des tutorials vidéo sur le web pour logiciels et langages de programmation. Au travers de contenus pratiques, les utilisateurs d’ordinateur peuvent optimiser leurs connaissances.

Collaborant avec les fabricants de matériels et de logiciels, Video2brain est en mesure, dès la parution d’un nouveau logiciel, de proposer rapidement des tutoriels actualisés en français (mais aussi dans d'autres langues, notamment allemand !).

Ces formations sont orientée vers la pratique et de multiples trucs et astuces donnés par des experts reconnus. A noter : des fichiers source sont fournis.

Dreamweaver CS5 : démo vidéo de l'intégration automatique du tag canvas HTML5 via un copier/coller depuis Illustrator

27 janvier 2010 | Posté par caroder à 18:59

Voici une vidéo en anglais qui mérite bien quelques petites explications en français. Je n'ai pas trouvé l'origine de cette vidéo mais elle semble provenir d'Adobe (en Asie ?) puisqu'elle apparait dans un blog hébergé par la société.

Il s'agit d'une démonstration en live d'un copier/coller "smart past" d'élements en provenance d'Illustrator et automatiquement convertis par Dreamweaver en tant qu'objet CANVAS avec le code idoine pour le faire fonctionner en format FXG.

La suite de la vidéo montre comment, de la même façon, une animation créée dans Flash, peut être copier/coller directement dans Dreamweaver et converti dans le format FXG toujours en tant qu'objet CANVAS.

Malheureusement la qualité de la vidéo laisse à désirer, surtout pour le son. En revanche on voit très bien à l'écran le code généré par Dreamweaver.

Protéger l'accès d'un site ou d'une partie de site sous Apache via .htpasswd

21 octobre 2009 | Posté par caroder à 21:33

Il est toujours intéressant de n'avoir pas à gérer des développements compliqués si l'on veut sécuriser une partie de site pour un très petit nombre de personnes. Une méthode simple consiste à utiliser .htpasswd. Voici un tutorial vidéo qui vous expliquera très simplement la façon de procéder. Attention cependant, sous Apache, vous devrez impérativement fournir un mot de passe crypté avec la méthode md5 (le tutorial fonctionne sur serveur Wamp dans Windows, il n'est donc pas nécessaire d'utiliser le cryptage) !! De nombreux site vous proposent de transcrire vos mots de passe "en clair" en md5 (exemple ici : http://www.clicasso.fr/outils/md5.php).

Tutoriel Vidéo : Sécuriser avec htpasswd
envoyé par Grafikart. - Plus de trucs et astuces en vidéo.

Vidéo : introduction à HTML5 par Google

28 septembre 2009 | Posté par caroder à 20:44

A ne surtout pas manquer ! L'équipe Google a mis en ligne il y a une semaine une excellente et efficace présentation de certaines fonctionnalités HTML5 représentées au sein de l"évolution des techniques web de ces 10 dernières années.

Cette vidéo comprend 5 parties :

• Les graphiques vectoriels (canvas et SVG = scalable vector graphics y compris les cas dans lesquels les utiliser)
• L'API de géolocalisation
• La vidéo dans HTML5
• Les bases de données et l'utilisation raisonnée du cache avec HTML5
• Les web workers (exécution multi thread de javascript permettant au navigateur de fonctionner quand bien même il execute un script)

Bref une démonstration brillante qui ravira mes lecteurs anglophones et assez geeks pour apprécier les évolutions qui se préparent dans les toutes prochaines années. Non développeurs s'abstenir !

La projection de cette vidéo m'a donné à penser que d'ici à une vingtaine d'années le web sera un gigantesque Second Life... Bref la matrice n'est plus très loin !

Vous pouvez visionner cette vidéo ci-dessous ou plus confortablement ici : http://www.youtube.com/watch?v=siOHh0uzcuY

Webinar gratuit Dreamweaver

22 septembre 2009 | Posté par caroder à 22:10

CreativeTechs propose 10 semaines de webinars sur Dreamweaver, soit une par semaine jusqu'au mois de novembre. Pour ceux qui ne savent pas ce qu'est un webinar, il s'agit d'une conférence online et interactive.

Pour participer à ces conférence, il vous faut :

1. comprendre et, si nécessaire, parler anglais !!
2. vous incrire ici : https://www1.gotomeeting.com/register/117908744
3. ne pas savoir quoi faire de vos nuits étant donné que ces conférences ont lieu à 18 heures, heure de New York soit minuit ce soir à Paris - pour celle de ce soir, puisque c'est aujourd'hui le début de cette série de conférences (à partir du moment où nous serons en heure d'hiver, ce sera seulement 11 heures).

Chaque conférence durent 90 minutes + 30 minutes de questions de l'assistance si nécessaire. Il devrait y avoir en principe des comptes-rendus gratuits mais c'est à préciser ultérieurement.

Vous pouvez en savoir plus ici : http://creativetechs.com/tipsblog/free-10-week-dreamweaver-course/

Réaliser un site communautaire avec Dreamweaver et php/MySQL + flash

07 septembre 2009 | Posté par caroder à 09:04

Aujourd'hui un tutorial ENOOORME ! Jugez en plutôt : 29 épisodes d'une vingtaine de minutes en moyenne chacun, auxquels il faut ajouter les codes sources téléchargeables. Bref, un travail qui mérite respect. Vous allez apprendre à construire un site avec une section membre permettant à ces derniers de poster dans un forum, consulter mutuellement des profils, etc. !

Vous pouvez regarder une démo de ce fonctionnel en allant ici : http://www.webintersect.com

Ceci correspond à vos besoins ? Rendez-vous alors ici pour avoir la playlist des 29 parties de ce tuto : http://www.youtube.com/view_play_list?p=5DF2FC61F89A44E6&page=1

Vous pouvez aussi télécharger les codes sources ici : http://www.webintersect.com/source_files.php

Lecteurs non anglophones, passez votre chemin, ce tutorial est en anglais bien sûr :-(

Ateliers video gratuits Adobe pour Dreamweaver

01 septembre 2009 | Posté par caroder à 09:25

Il existe sur le site Adobe toute une série de vidéos permettant d'apprendre Dreamweaver via des tutos animés. Ces tutorials s'adressent en priorité aux débutants et ils ont la grande qualité d'être en français !!

Voici le sommaire des vidéos disponibles (certains items sont redondants mais ils s'agit en fait de différentes versions de Dreamweaver) :

• Créer des feuilles de styles poour imprimer des pages web
• Créer des modèles
• Démarrer dans Dreamweaver pour les utilisateurs de GoLive
• Utiliser le Spry Framework pour Ajax
• Utiliser les CSS
• Créer des liens
• Créer des menus avec les widget Spry
• Utiliser XML
• Créer un espace de travail pour les créateurs
• Paramétrez un espace de travail pour les développeurs
• Définir un site
• Définir une nouvelle page
• Attribuer un style à un texte
• Ajouter des images
• Créer un formulaire
• Problèmes de téléchargements communs
• Publier un contenu sur un serveur
• Définir un serveur distant
• Attribuer un style à un texte en utilisant CSS
• Utiliser et personnaliser des mises en forme basées sur des CSS
• Utiliser des modèles
• Utiliser des gadget Spry
• Personnaliser des formulaires avec des CSS

Pour consulter ces vidéos : http://www.adobe.com/fr/designcenter/video_workshop/

Smart Object, passerelle de Illustrator à Dreamweaver en passant par Photoshop

04 juin 2009 | Posté par caroder à 21:24

Voici un tutorial vidéo de Layers Magazine vous expliquant les tenants et les aboutissants de Smart Object, passerelle entre les logiciels Illustrator, Photoshop et Dreamweaver. Certes, tout n'est pas totalement automatisé dans la mise à jour des fichiers, loin de là, mais Smart Object représente néanmoins un gain de productivité dans la réalisation de maquettes, templates, squelettes et autre thèmes...

Pour visualiser ce tutorial : http://www.layersmagazine.com/smart-objects-from-illustrator-to-photoshop-to-dreamweaver.html

Coins arrondis en CSS - tutorial vidéo

06 avril 2009 | Posté par caroder à 21:15

Voici une (petite) vidéo pour apprendre à faire des coins arrondis en CSS avec Dreamweaver. Il s'agit d'une méthode assez basique mais très efficace :)

Web_design_round_corners
envoyé par knowledgeocity