Extensions et tutorials gratuits disponibles sur internet pour Dreamweaver. PHP et ASP. Classement thématique. Blog référencé par Adobe Communauté Dreamweaver.

Dreamweaver gratuit

Bookmark and Share

10 superbes thèmes Wordpress "responsive" et gratuits pour 2014

13 janvier 2014 | Posté par caroder à 09:42

Je vous propose aujourd'hui ma sélection de thèmes Wordpress pour 2014. La particularité de cette sélection, outre la qualité du design, est d'être totalement "responsive" (design adapté en fonction de la nature du "device" utilisé, PC, tablette ou smartphone). Enfin vous constaterez qu'en 2014, hors photos d'illustration haute qualité pour vos sites, point de salut !

1. Asteria Lite

theme wordpress 2014 asteria lite

Asteria Lite propose un beau slider, différentes options de mise en page, des icones pour partage sur les réseaux sociaux et 3 style maquettes. A noter : ce thème inclus une navigation de type Ajax (avec de jolis effets) et 600 options de fontes pour votre logo de blog. Ce thème est compatible avec le plugin WooCommerce (vous pouvez donc l'utiliser pour votre site de e-commerce). Il est en outre traduit en français.

Téléchargement ici : http://www.towfiqi.com/asteria-lite-free-wordpress-theme.html

2. Writr

theme wordpres 2014 writr

Autant vous le dire, c'est un de mes thèmes préférés pour cette sélection de 2014. C'est du flat design et j'adore. Vu le nom, vous aurez compris qu'il est plutôt destiné aux sites de contenus. Il est proposé dans 6 couleurs au choix (turquoise, bleu, vert, gris, violet, rouge) et propose un pied de page très plaisant.

Télchargement ici : http://wordpress.org/themes/writr

3. Bearded

wordpress theme 2014 bearded

Encore du flat design. Adapté aux blogs et aux portfolios, ce thème plaira à ceux qui aime la simplicité. Son slider est tout à fait ahurissant dans les animations proposées. Il est bien entendu responsive et nécessite dans sa version portfolio le plugin Custom Content Portfolio.

Téléchargement ici : http://themes.bonfirelab.com/bearded/

4. The Newswire

Ce thème a la particularité d'être destiné à des sites de news (mais à trafic raisonnable, passez votre chemin si vous faites 100000 V.U/jour). Il reprend les grands principes des site de news, notamment pour la Une : slider, derniers articles parus, articles épinglés. Le thème propose en outre deux menus de navigation paramétrables, un choix de typographies, différentes couleurs de thèmes. Il prévoit l'intégration de bannières publicitaires. Thème sous licence GPL V2.

Téléchargement ici : http://wpdevshed.com/themes/the-newswire/

5. Hiero

theme wordpres 2014 hiero

Un design tout simple mais particulièrement clean pour ce thème que vous pourrez télécharger gratuitment contre un partage sur les réseaux sociaux. Il est bien entendu totalement responsive et supporte les commentaires multi-threads.

Téléchargement ici : http://athemes.com/theme/hiero

6. Customizr

customizr responsive wordpress theme 2014

La particularité de ce thème est qu'il est, en quelque sorte, à construire : avec le plugin WP Customizer, c'est à vous de construire le design de vos rêve. Celui-ci s'appuiera sur le framework Bootstrap et vous permettra de choisir entre différentes apparences, logos, maquettes, positionnements de blocs, etc. Le design est bien sûr dans la mouvance flat, développé en HTML5. Mais surtout il propose une traduction française et s'adapte au plugin de e-commerce WooCommerce.

L'image ci-dessus présente une possibilité de ce qui est réalisable avec ce thème très particulier qui est réservé aux personnes maîtrisant bien les CSS.

Téléchargement ici : http://wordpress.org/themes/customizr

7. Best

theme wordpres 2014 best

Un thème qui a tellement de possibilité de paramétrage que je vous laisse vous reporter à la page du développeur pour vous documenter.

Téléchargement ici :http://bloggingexperiment.com/best-theme

8. Pixlex

wordpress theme 2014 pixlex

Un petit quelque chose du design suisse dans ce thème tout simple qui conviendra prioritairement à des sites corporate. Gratuit contre inscription sur le site de Theme4all.

Téléchargement ici : http://www.themes4all.com/themes/pixlex/

9. Vantage

vantage free wordpress theme 2014

Vantage est annoncé "retina ready" et comporte de nombreuses fonctionnalités. Pour en bénéficier, vous devrez utiliser les plugin WooCommerce, Page Builder et MetaSlider. A noter : c'est un des thèmes les plus populaires actuellement sur Wordpress.org et c'est mérité...

Téléchargement ici : http://siteorigin.com/theme/vantage/

10. Design Wall

theme-wordpres-2014-wallpress

Décidement WooCommerce est à l'honneur cette année. Voici un thème qui s'adapte aussi bien à un portfolio, un site de news ou de e-commerce. A noter : ce thème Wordpress existe aussi en version premium avec plus d'options.

Téléchargement ici: http://www.designwall.com/wordpress/themes/wallpress/

Catégorie : Wordpress | Commentaires [0] | Permalien [#] | Tags : , , ,

Pagination alphabétique ( Php Mysql )

29 décembre 2013 | Posté par jpierre74 à 17:41

Bonjour,

Je vous propose la création d'une barre de navigation ou pagination alphabétique pour filtrer les données d’un tableau dynamique.

Si vous avez une table contenant beaucoup d'enregistrements, il est parfois agréable de donner la possibilité à l'utilisateur de classer rapidement les enregistrements commençant par une lettre choisie.

Cet article vous apporte la réponse, c'est très simple, bien entendu il existe d'autres solutions. Celle-ci, je l'utilise sur des scripts de gestion clients, et j'avoue que c'est très pratique.

Cliquez-ici pour le document complet PDF :Pagination_alphabetique

Cliquez-ci pour la base de données (Téléchargement )

Cliquez-ici pour voir la vidéo ( conception de la page index.php )

Si vous avez un problème de mise en oeuvre, utilisez le formulaire "poster un commentaire"

Bonne lecture.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#]

Extension et comportements serveurs pour Dreamweaver CC

10 décembre 2013 | Posté par jpierre74 à 13:24

Bonjour,

Sur le site de DMXZone,vous trouverez une extension gratuite " Deprecated Panel Support ", permettant de connecter et de manipuler une base de données.

Cette extension est développé par Adobe, l'absence de comportements de serveur dans Dreamweaver CC était très critiquée à la sortie de cette version .

Une fois installée, elle vous permet d'obtenir l'accès aux comportements de serveur ,au panneau de liaison et d'utiliser toutes les comportements  côté serveur (Insertion, Modification, Suppression etc..) .

Voici les technos disponibles avec l'ajout de cette extension.

  • Php MySql
  • Asp Javascript
  • Asp.Net C#
  • Asp.Net VB
  • Asp VBScript
  • ColFusion
  • JSP

Petit bémol, le panneau << Données >>, n'est pas présent, donc nous n'avons plus les assistants, pour :

  • Ajouter
  • Modifier
  • Barre de navigation
  • Barre d'état de navigation.
  • etc...

Cliquez-Ici pour lire plus d'informations (Page en anglais),et télécharger l'extension.

 

Bonne découverte.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags : ,

Tutorial construire une appli mobile avec Dreamweaver CS6

09 décembre 2013 | Posté par caroder à 17:30

Jelen pivo - Sobriety Test Mobile App

Le sujet de cet article est le développement d'applis mobiles via Dreamweaver version CS6 et non pas le developpement de design "responsive" s'adaptant aussi bien aux écrans desktop que tablettes ou smartphones.

La version 6 de Dreamweaver intègre un certain nombre de facilités permettant de développer des applications mobiles. Pour développer une appli mobile (que vous proposerez ensuite sur Google Play et Apple Store), vous allez faire appel aux technologies suivantes :

  • PhoneGap (framework permettant de développer et compiler des applications mobiles)
  • Jquery
  • HTML5
  • CSS3

Pour comprendre ce qu'est PhoneGap, comment le paramétrer et "l'installer" pour Dreamweaver CS6, je vous renvoie à la vidéo en français de Vidéo2Brain (qui fait le point sur l'ancienne méthode avec Dreamweaver CS5.5 pour la comparer avec le nouveau process CS6) :

Malheureusement, il n'existe pas à ma connaissance de tutorial en français "pas à pas" pour le développement d'applis mobiles. Ceux d'entre-vous qui sont anglophones pourrons néanmoins se rabattre sur un très bon tutorial gratuit en anglais disponible via Youtube :

Vous pouvez par ailleurs vous reporter à l'article en français disponible ici pour savoir comment déployer une appli mobile via Dreamweaver CS6 et PhoneGap : http://blog.cedriccornelis.fr/2013/02/25/phonegap-jquery-mobile-et-dreamweaver-un-trio-gagnant/

Catégorie : | Commentaires [0] | Permalien [#] | Tags : , ,

Transformer les extensions pour Dreamweaver du format mxp vers le format zxp

04 novembre 2013 | Posté par jpierre74 à 21:06

Avant d’aller plus loin dans la reprise des différents articles que je souhaite vous proposer, je voulais vous faire partager ce billet.

Si vous êtes passé (comme moi) à la version Dreamweaver CC, vous vous êtes aperçu que plusieurs choses avaient changées  (je ne citerai que celles qui m'ont pertubées... pour l'instant):

  • Le type d'extensions, on passe de l'extension .mxp à l’extension.zxp
    Conséquences : votre bibliothèque existante ne peut plus être installé sous Dreamweaver CC.
  • La gestion des bases de données.
    Conséquences : les comportements de serveur, le panneau de liaison de données, connexion aux bases de données sont absents.

L'objectif de cet article : Transformer toutes vos extensions du format mxp vers le format zxp. Pour la gestion de la base de données, cela fera l’objet d’un autre billet.

Pré-requis : avoir les deux versions d'Adobe Extension Manager installé sur sa machine (version Extension Manager CS6 et Extension Manager CC pour Dreamweaver CC). Page de téléchargement d'Extension Manager: cliquez-ici.

Pour l'explication, tout est dans le fichier pdf :format_mxp_au_format_zxp

Bonne lecture.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags : ,


Les fondamentaux de Dreamweaver - Troisième partie

03 novembre 2013 | Posté par jpierre74 à 12:08

Voici le dernier volet des  fondamentaux de Dreamweaver ,

Vous trouverez toutes les explications sur le Jeu d'Enregistrements ou Recordset ,

Bonne lecture

Les_fondamentaux_Part_3

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags :

Les fondamentaux de Dreamweaver - Deuxième partie

| Posté par jpierre74 à 11:58

Suite des fondamentaux, cet article traitera :

  • Les boutons radio
  • Les listes menu ou select
  • Les cases à cocher.

Bonne lecture

Les_fondamentaux_Part_2

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags :

Suppression d'un enregistrement avec une confirmation

21 octobre 2013 | Posté par jpierre74 à 18:59

Bonjour,

Suite au paragraphe " Suppression d'un enregistrement " , nous allons voir comment ajouter un script pour confirmer ou non cette suppression.

Ce script, nous allons l'obtenir à l'aide d'une extension gratuite pour DW.
Testé sur la version DW CS5.5. Je vous donne le lien : Télécharger l'extension

 Tout est dans le PDF, bonne lecture

Suppression_avec_confirmation

Si vous avez des commentaires, n'hésitez pas.

Catégorie : Les articles de JPierre | Commentaires [0] | Permalien [#] | Tags :

Les fondamentaux de Dreamweaver - Première partie

14 octobre 2013 | Posté par jpierre74 à 20:32

Comme promis, voici le premier des articles, que je vais publier sur ce blog.

Pour ceux qui m'ont suivi sur le site asp-php.net, ils pourront de nouveau avoir accès à la lecture complète sous forme de fichier pdf, et bienvenue aux nouveaux visiteurs de DreamweaverGratuit

Cet article traitera la première partie des fondamentaux avec utilisation des comportements serveur ou jeux d'enregistrements:

  • Afficher la liste des enregistrements
  • Ajout un enregistrement dans une table
  • Supprimer un enregistrement dans une table
  • Modifier un enregistrement dans une table

Pré-requis : savoir gérer un site dans Dreamweaver

Télécharger le fichier PDF : Les_fondamentaux_Part_1

Bonne lecture.

Catégorie : Les articles de JPierre | Commentaires [2] | Permalien [#] | Tags :

Tutoriels Dreamweaver de ASP-PHP.net inaccessibles : les solutions

06 octobre 2013 | Posté par caroder à 17:30

Comme me l'ont fait remarqué quelques lecteurs de ce blog, le site asp-php.net, qui hébergeait les tutoriels de JPierre, est en rideau. Impossible donc de consulter les explications ou les articles auxquels je faisais référence ici. La remise en service du site étant pour l'instant du domaine de l'éventualité, je l'ai contacté.

Il a accepté de venir me rejoindre sur cette plate-forme pour remettre à disposition son travail de fond auprès de la communauté francophone des utilisateurs de Dreamweaver. Il va donc publier dans les semaines et mois à venir les PDF de ses tutos qui ne sont plus accessibles. Les anciennes pages de ce blog qui renvoyaient vers le site asp-php.net seront mises à jour au fur et à mesure avec de nouveaux liens. 

Si vous avez des priorités sur les tutos à mettre en ligne, n'hésitez pas à le faire en commentaire ci-dessous.

Enfin je vous rappelle que JPierre a plusieurs de ses tutos accessible sur le nom de domaine http://www.ultradream.com/.  Sur ce site vous trouverez les didacticiels suivants : 

  • Manipuler les jeux d'enregistrements avec plusieurs tables Access
  • Modification avec plusieurs tables Access reliées entre elles
  • Passer un paramètre dans un jeu d'enregistrements
  • Ajouter une pagination pour un tableau de données
  • Ajouter un tableau dynamique dans une page
  • Ajout d'un formulaire à l'aide de l'assistant de Dreamweaver
  • Utilisation de l'extension Flat Button
  • Comment renseigner la date du jour dans un champ text d'un formulaire
Catégorie : Tutorials vidéo | Commentaires [0] | Permalien [#] | Tags :


Fin »