Dreamweaver gratuit

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

Tous les tags HTML5 en une page

| Posté par caroder à 09:13

Antonio Lupetti propose une "cheat sheet" comportant tous les tags HTML y compris les tags HTML5. Celle-ci est proposée en format A3, à afficher sur le mur en face de votre écran donc !

Les nouveaux tags HTML5 apparaissent en fushia sur la page qui est téléchargeable au format PDF.

Une dernière petite chose : je ne vous conseille pas la version noir au blanc de cette affiche et vous recommande la version normale disponible en bas de la page en lien ci-dessous :-)

http://woork.blogspot.com/2009/09/html-5-visual-cheat-sheet-by-woork.html

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/

Typographie : Helvetica quand tu nous tiens !

| Posté par caroder à 09:51

Vous vous en êtes peut être aperçu en lisant ce blog, j'adore utiliser l'Helvetica dans mes webdesigns... Ah, le design suisse... Voici un site qui répondra à toutes les question concernant cette typo et notamment celle-ci qui est cruciale : quelle est la différence entre l'Helvetica et l'Arial ?

Des images, des vidéos, des explications, des exemples ici : http://lovehelvetica.posterous.com/

Je renvoie tous ceux qui sont intéressés par les problématiques de typographie en webdesign à mon billet sur la typographie dans les CSS.

Grand moment de solitude sur le réseau : les ratés du site desirdavenir.com

17 septembre 2009 | Posté par caroder à 22:00

C'est le super buzz du moment, le site de Segolène Royal desirdavenir.com est à tomber de mocheté. Tous les ingrédients d'un ratage y sont réunis : design navrant, CMS dépassé, ergonomie préhistorique et, pour que le tableau soit complet, serveur down 22 heures sur 24. Bref, à ce niveau là, ce n'est plus de l'incompétence mais de l'art conceptuel.

Et comme l'ont souligné moult commentateurs, cette farce va coûter 41860 € à Pierre Bergé, financeur de la refonte du site qui a été concoctée par l'actuel compagnon de Ségolène, à ne pas douter, un grand communiquant devant l'éternel et très au fait des NTIC.

Je ne sais pas qui est le webmaster qui a conçu le site mais il a du se faire souffler dans les bronches. Car, contrairement à Fred Cavazza, je ne pense pas que se faire appeler "la Cindy Sanders du web" soit tout à fait au goût de l'ancienne candidate à la présidentielle. Contrairement aux autres médias, n'oublions pas que sur internet, les trâces sont longues, très longues à effacer (voir à ce sujet mes articles sur l'e-réputation). Combien de temps faudra-t-il aux moteurs de recherche pour oublier le "fail" de cette version ?

Bref, je vous invite à consulter ces parodies qui sont des chefs-d'oeuvres d'humour geek lorsqu'on consulte le code source des pages :

http://www.desirdendives.com/
http://desirsdefail.fr/



Pour les accros :

• le concours : http://www.meme-desirsdavenir.com/
• et le jeu : http://www.damienh.fr/desirsdavenir_generator/

Enfin, l'initiative d'un illustrateur, Martin Vidberg, sur son blog http://vidberg.blog.lemonde.fr/ :

Extension gratuite JQuery pour créer un calendrier avec Dreamweaver

| Posté par caroder à 08:58

Paul Bakaus propose une extension fort utile qui permet d'implémenter un calendrier à l'aide de JQuery.

Ce composant vous permettra d'intégrer à votre site une interface utilisateur pour choisir une ou plusieurs dates au sein d'un calendrier. Les calendriers sont générées entièrement via l'extension et peuvent être déplacés sans actualisation de la page. Ce calendrier est configurable par le développeur, avec la possibilité d'en personnaliser les paramètres et l'aspect.

Attention ! Cette extension ne fonctionne qu'avec Dreamweaver CS4.

Pour télécharger cette extension : http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&loc=en_us&extid=1697532

Quelques outils pour animer gratuitement votre site

14 septembre 2009 | Posté par caroder à 09:34

Il ne sera bien évidemment pas question ici des poids lourds du streaming que sont Youtube et Dailymotion, ça tout le monde connaît et maintenant la vidéo est aussi banale sur internet que le feuilleton policier américain de 20h30 sur TF1 !

Voici cependant quelques outils gratuits et plus rares qui peuvent donner à votre site un petit plus :

1. Une présentation en ligne avec Slideshare

Slideshare est un service vous permettant de mettre en ligne, de partager, d'intégrer des présentations de type PowerPoint sur votre site, bref c'est le Youtube du slide (d'autant plus qu'il vous permet d'intégrer des vidéos Youtube au sein d'une présentation)

Voici un exemple de présentation slideshare sur un tutorial Dreamweaver :

How to use a Template in Dreamweaver CS3

View more presentations from Sutinder Mann.

2. Un feuilleteur de qualité pro avec Issuu

Vous connaissez les feuilleteur ? Vous savez, ces petits documents que l'on peut feuilleter sur écran, comme dans la vraie vie, en tournant les pages. Vous ne savez toujours pas ce que c'est ? Pas de panique, voici un exemple, toujours avec un document Dreamweaver !
Vous pouvez par ailleurs choisir et customiser l'apparence du flip book sur votre site.

Open publication - Free publishing - More cidj

3. Trouver des illustrations et photos gratuites avec Flickr

Le site Flickr est un site de partage de photos sur le même principe que les outils sociaux cités ci-dessus. Attention cependant, il s'agit ici de photos. Je vous conseille donc de vous renseigner assez scrupuleusement  sur le lois du copyright et surtout sur le droit à l'image et à la vie privée en France. Passé cela, vous trouverez sur  ce site des tonnes d'excellentes photos, pour la plupart sous licence Creative Commons.

Voici un excellent exemple de la qualité et de la créativité des photos que l'on trouve sur ce site :

Dreamweaver Cookie

Photo : Sagolla

4. Un convertisseur PDF avec Conv2PDF

Le format PDF est depuis longtemps incontournable et très utile pour tous ceux qui souhaitent mettre en ligne des documents puisque le player est gratuit ce qui assure à ce format une très grande portabilité. Malheureusement le "maker" lui l'est beaucoup moins ! (la société Adobe commercialise Acrobat pour la modique somme de 668 € TTC).
Conv2pdf est un outil en ligne gratuit qui permet non seulement de convertir des documents Office ou OpenOffice mais aussi des formats plus rare tels que RTF, EPS, Wordperfect, HTML ainsi que tout format d'image.
La seule limite de ce convertisseur est le poids du fichier d'origine : 6 Mo.
Pour ceux qui sont intéressés par une liste de convertisseurs gratuits de PDF, il peuvent se référer à la liste en ligne ici : http://roget.biz/8-sites-pour-convertir-les-fichiers-en-pdf-gratuitement (attention beaucoup de sites dans cette liste acceptent un nombre limité de conversion)

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 :-(

HTML5 : Google s'y met déjà !

02 septembre 2009 | Posté par caroder à 08:54

Si vous vous intéressez au référencement, vous avez peut-être entendu parler du buzz du moment : Google Caffeine.

Il ne s'agit pas d'un nouveau service Google qui vous proposerait de vous faire le café mais de la version Beta du prochain algorithme de Google (Caffeine pour une rapidité plus grande ?). Côté utilisateur, pas de révolution d'ergonomie donc mais plutôt une petite révolution pour les référenceurs de tous poils. En effet, le nombre de résultats par requête y augmente sensiblement ainsi que le poids de mots de la requête vs leur proximité (semble-t-il selon les spécialistes !).

Mais ce n'est pas cela qui m'intéresse ici. C'est plutôt les prémices de l'utilisation de HTML 5. IL suffit de regarder par exemple la première ligne de code :

Eh oui, vous ne rêvez pas ! La déclaration du doctype est à la sauce HTML5. Je le disais lors de mon tutorial HTML5 et CSS3 et mon analyse des déclarations d'Adobe, il n'est à pas douter que Google va exploiter au maximum les informations données par le zonage pour déterminer le poids de chaque mot clé !

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/