Tutoriaux et Formations Edition HTML

Créer un sondage avec Dreamweaver et PHP/MySQL

15 août 2008

Source : Dreamweaver Gratuit
Date : 19 mai 2008
Auteur : caroder

Dans ce tutoriel en 5 parties, nous allons créer un petit sondage avec bouton radio (choix multiple, réponse unique) qui présentera à l’utilisateur les résultats du sondage une fois qu’il aura voté. Merci à Floppy dont je me suis inspirée…

Accéder à ce tutoriel

Créer un lecteur de flux RSS avec Dreamweaver et PHP / MySQL

15 août 2008

Source : Dreamweaver Gratuit
Date : 25 mai 2008
Auteur : caroder

Vous désirez intégrer le contenu de sites tiers au sein de votre site via les flux RSS proposés par ces derniers ? Pour cela, il vous faut « parser » le flux RSS. De nombreuses classe PHP vous offrent cette possibilité (par exemple Magpierss : http://magpierss.sourceforge.net/ ) mais vous ne pourrez bénéficier des fonctionnalités graphiques de Dreamweaver.

Accéder à ce tutoriel

Conception de page Web avec FrontPage

12 septembre 2007

Source : Le Compagnon
Date : non daté
Auteur : Le Compagnon

Ceci est ma première page sur la conception de pages Web en utilisant Microsoft FrontPage. Puisque je dois sortir rapidement ce document, je me base sur la page de conception de pages Web en utilisant Netscape Composer. Les concepts de base sont les mêmes. Cependant, FrontPage offre beaucoup plus d’options pour une page Web ainsi que la possibilité de gérer un site Web au complet. Donc, voici mon premier effort sur FrontPage. Avant de commencer, il y a un point important que je veuille vous rappeler. Il est préférable que le nom des documents, des images et tout autres documents placés dans le site Web soit en minuscule. De plus, le nom ne doit pas avoir d’espaces ou de caractères spéciaux tel que des accents ou de soulignés. Bien que cela fonctionnerait bien sur votre ordinateur, il y a de bonnes chance que cela ne fonctionne pas sur le serveur sur lequel vous allez déposer votre site Web. Ceux-ci sont plus sensibles aux accents et comprennent différemment les espaces que votre ordinateur personnel.

Accéder à ce tutoriel.



Utilisation des modèles depuis Dreamweaver

18 juillet 2007

Source : Puce et Media
Date : non daté
Auteur : Puce et Media

Avec Dreamweaver, il est possible de créer divers types de modèles. Du plus simple avec le modèle de base au plus complexe, le modèle facultatif, en passant par les modèles imbriqués, les modèles répétés, et les modèles facultatifs répétés. Que vous utilisiez les standards ou les mise en page en tableau, l’utilisation des modèles va optimiser votre temps de développement et surtout de maintenance.

Accéder à ce tutoriel.

Réalisation d’un blog

18 juillet 2007

Source : Puce et Media
Date : non daté
Auteur : Puce et Media

Au travers de ce tutorial qui a servis de base à une journée portes ouvertes, Dreamwevar sera utilisé pour mettre en place les bases d’un Blog. En partant de l’affichage du contenu par thème vous pourrez ajouter des nouveaux thèmes, des nouveaux articles, et accéder au module d’administration.

Accéder à ce tutoriel.

Administrer un site depuis Dreamweaver

18 juillet 2007

Source : Puce et Media
Date : non daté
Auteur : Puce et Media

Dreamweaver permet de gérer et administrer toute sorte de site web, statique ou dynamique. Au travers de la boite de dialogue de la gestion des sites, il est possible de paramétrer un grand nombre de fonctionalités de l’application auteur et de son mode client. Ce mode d’administration peut également s’appuyer sur des serveurs WebDav, ou d’archivage / extraction.

Accéder à ce tutoriel.

Paramétrage du mode administration de Contribute.

17 juillet 2007

Source : Puce et Media
Date : non daté
Auteur : Puce et Media

Depuis Dreamweaver ou depuis Contribute, tout webmaster peut administrer les sites gérés par des contributeurs. Au travers de ce tutorial vous découvrirez les diverses possibilités d’administration de chaque comptes et vous pourrez tester en ligne les possibiltés de gestion de site de Contribute.

Accéder à ce tutoriel.

Roundtrip HTML entre Dreamweaver et Fireworks

17 juillet 2007

Source : Puce et Media
Date : non daté
Auteur : Puce et Media

Macromedia a accentué l’inter-relation entre Dreamweaver et Fireworks. Qu’il s’agisse simplemnt de retoucher une image ou bien de régler une carte d’image, ou encore de prévoir un emplacement réservé à l’image, ou pourquoi pas un menu contextuel, ou l’utilisation d’interaction… bref L’un comme l’autre respecte, préserve et enrichis le travail de l’intégrateur.

Accéder à ce tutoriel.

Dreamweaver 8 : mise en forme CSS d’un site (2/2)

9 mai 2007

Source : Kachouri
Date : 17 juillet 2006
Auteur : Thierry Deleforge

Ceci est la partie 2 du tutorial sur la mise en forme CSS d’un site avec Dreamweaver 8, si vous n’avez pas encore lu la première partie cliquez ici : tutorial Dreamweaver 8 : mise en forme CSS d’un site (partie 1)

Accéder à ce tutoriel.

Dreamweaver 8 : mise en forme CSS d’un site (1/2)

9 mai 2007

Source : Kachouri
Date : 17 juillet 2006
Auteur : Thierry Deleforge

Dans ce tutorial nous allons aborder la mise en forme d’une page web en utilisant CSS et Dreamweaver 8, alternative à la mise en forme traditionnelle par tableaux qui est devenue un peu obsolète. Vous allez donc apprendre à mettre en forme vos pages web sans connaissances en développement / programmation, via les outils que propose le logiciel Dreamweaver 8.

Accéder à ce tutoriel.

Dreamweaver 8 : les outils pour développeurs

1 octobre 2006

Source : JDN Développeurs
Date : 19 septembre 2006
Auteur : Xavier Borderie

Gestion du code, liaison XML/XSLT et modèles sophistiqués sont trois raisons d’utiliser cet environnement complet pour tous ses développements Web, statiques comme dynamiques.

Accéder à ce tutoriel.

Liens et signets

12 juillet 2006

Source : YBET Informatique
Date : non daté
Auteur : YBET Informatique

Dans la première partie de ce tutorial sur la création d’un site web, nous avons déjà créé un lien de notre page d’entrée vers une autre page. Ce chapitre va nous permettre de clarifier ces liens en première partie et d’utiliser des signets en deuxième partie. Si les liens permettre de voyager entre les pages d’un même site ou vers un autre site, les signets permettent de voyager dans les différentes parties d’une page.

Accéder à ce tutoriel.

Les bases HTML

12 juillet 2006

Source : YBET Informatique
Date : non daté
Auteur : YBET Informatique

Notre formation FrontPage nous a déjà permis de créer quelques pages de notre site internet, modeste sans doute. Il nous reste à corriger les défauts de codage HTML de FrontPage. Le but de ce chapitre n’est pas de donner un cours complet sur le langage html. Je laisse aux sites spécialisés cette fonction. Le but est simplement d’étudier quelques bases en html et de corriger les dérives de FrontPage dans certains cas.

Accéder à ce tutoriel.

Insertion d’images

12 juillet 2006

Source : YBET Informatique
Date : non daté
Auteur : YBET Informatique

Pour améliorer la présentation d’un site internet, rien ne vaut quelques photos, images et logo. Commençons par un petit rappel. La résolution d’un écran est de 72 dpi, les imprimantes montent actuellement facilement à 4800 dpi. Plus la résolution est importante, plus la taille de l’image augmente et donc le temps de chargement de la page Internet. Ceci oblige à réduire la résolution des photos, même en-dessous de 72 dpi. Une large partie des photos sur ce site sont à 38 dpi, voire moins. Ceci permet une vitesse de chargement de la page rapide. Pour permettre dans certains cas d’imprimer avec une qualité acceptable, la solution passe par 2 images, une réduite et une plus grande et de meilleure résolution en lien.

Accéder à ce tutoriel.

Les tableaux

12 juillet 2006

Source : YBET Informatique
Date : non daté
Auteur : YBET Informatique

Cette deuxième partie de la formation “création de site Internet” du tutorial FrontPage va nous permettre de mettre en page nos textes, images, logos, … Les tableaux sont de moins en moins utilisés, remplacés par des “include” (sites en php), css, … Néanmoins, au niveau de ce tutorial, c’est la méthode la plus facile malgré la taille des pages Internet ainsi créées, même si FrontPage 2000 a quelques problèmes avec les tableaux.

Accéder à ce tutoriel.

Introduction à Frontpage

12 juillet 2006

Source : YBET Informatique
Date : non daté
Auteur : YBET Informatique

Dans cette partie, nous allons utiliser le logiciel de création de site Front Page de Microsoft. Les spécialistes crieront probablement au suicide mais c’est le plus courant et le plus facile au niveau amateur. Ce logiciel est inclus dans Microsoft Office Pro mais peut être acheté séparément. FrontPage est facile d’utilisation et Wysiwyg. La présentation que vous faites à l’écran sera donc affichée tel quelle sur le navigateur internet. Ceci évite de taper des lignes de codes. Une version gratuite (mais moins performante) est également fournie avec certaines versions de Windows: FrontPage Express.

Accéder à ce tutoriel.

Les propriétés de votre page

9 décembre 2005

Source : MemoClic
Date : non daté
Auteur : MemoClic

Les propriétés de la page vous permettent de donner un titre à votre page, spécifier les marges, les couleurs d’arrière plan, de liens ..

Accéder à ce tutoriel.

Insérer une image

9 décembre 2005

Source : MemoClic
Date : non daté
Auteur : MemoClic

Pour insérer une image cliquez sur…

Accéder à ce tutoriel.

Présentation et installation

9 décembre 2005

Source : MemoClic
Date : non daté
Auteur : MemoClic

Vous voulez créer votre site. Ok mais par où commencer ? Il y a sur Memoclic un didacticiel sur Dreamweaver et une initiation sur Front Page 2000, mais ces logiciels sont payants et un peu compliqué pour une première approche. Voici une aide sur le plus simple de tous : Front Page Express.

Accéder à ce tutoriel.

Création d’un site avec Front Page

12 novembre 2005

Source : MemoClic
Date : non daté
Auteur : MemoClic

Pour une meilleure organisation, tous les fichiers (images, pages …) doivent être placés dans le même répertoire. C’est ce que va faire Front Page lors de la création d’un nouveau Site.

Accéder à ce tutoriel.