Réalisation d'un Blog avec Dreamweaver^TM - (Partie I - Introduction)

Introduction Initialisation Mise en forme Tri Administration

Introduction

WebLog ou Blog, tout le monde en parle, mais qu'est ce que c'est au juste ? Vous trouverez quelques informations sur les sites de Wikipedia. Il existe sur le marché une multitude d'outils spécialisés dans la création et la gestion de blog, vous trouverez une liste assez complète sur le site de Northern Lights. Les outils sont rès simples d'utilisation, il s'agit en général d'une sorte d'application intégrée qui prend tout en charge, de la gestion de la base de données au système d'administration, en passant par les archives et le moteur de recherche. Les deux incontournables outils WordPress et DotClear restent quand même les plus populaires, vous trouverez un comparatif des deux ici. Bien que de tels outils existent, il est souvent intéressant de pouvoir réaliser son propre blog de A à Z surtout si l'on possède la suite MX de Macromedia^TM. Ce tutorial va vous montrer les principales étapes de réalisation qui se décomposent en quatre parties :

Initialisation et paramétrages

• L'accès en lecture aux divers articles par thèmes
• Gestion de site Dreamweaver
• Création d'un modèle de page de base

Formatage, requête SQL et styles CSS

• Création de la page d'ouverture index.php
• Mise en place d'une feuille de style CSS

Tri et affichage dynamique

• Mettre en place la lecture détaillée d'un article particulier
• Affichage des articles par thèmes en utilisant le sommaire
• Création d'une page de saisie pour ajouter des articles
• Ajouter des liens à la barre de menu

Administration

• Bases d'un système de gestion et d'administration du blog

La première partie de ce tutorial a servis de support pour une journée portes ouvertes au centre de formation Next Formation à laquelle était également présent Florent Pajani de Macromedia France. Les articles utilisés sont des extraits originaux extraits du site de 01net. En ce qui concerne les articles, les noms d'auteur, les dates de création et les contenus sont originaux. L'ensemble de ce contenu ne peut être utilisé qu'au fin de ce tutorial, et les droits d'auteurs et d'exploitation sont propriété du groupe tests.

Prérecquis et fichiers nécessaires

Pour mener à bien ce tutorial, il vous faut

1. Télécharger l'ensemble des fichiers sources nécessaires
2. Un environnement de travail Apache/PHP/MySQL (voir le tutorial sur AMP)
3. Dreamweaver^TM installé sous Mac ou PC
4. Installer la base de données fournie avec les fichiers sources (voir le tutorial sur les bases MySQL)

Administration du serveur Apache

Pour ceux d'entre vous qui n'ont pas l'habitude de travailler sur des sites dynamiques de type PHP il est conseillé de suivre le déroulé d'administration de cet environnement, au travers de cet autre tutorial sur les bases de AMP (Apache, MySQL, PHP). Sinon, créez un alias Article pour le serveur Apache pointant vers le dossier des fichiers sources.

Administration de la base de données

Il vous faut également créer et adminitrer une base de données MySQL, depuis PHP MyAdmin, grace au fichier sources fournies. Nommez cette base BlogJPO. Encore une fois, pour ceux d'entre vous qui ne sont pas familier avec MySQL il est conseillé de suivre le déroulé d'administration et de gestion de ces types de bases de données, au travers de cet autre tutorial sur les bases de MySQL.

Un rapide coup d'oeil sur la constitution de la base de données. Elle est composée de trois tables, une pour les sujet blog_sujet, une pour les articles blog_article et une pour l'administration blog_admin. Les trois tableaux ci dessous décrivent les champs de chaque table, le typage de leur données ainsi que la fonction de chacun.

Table blog_sujet

	Champ	Type	Fonction
	ch_suj_id	int(11)	Clé primaire
	ch_suj_titre	varchar(100)	Titre du sujet
	ch_suj_description	varchar(255)	Description du sujet

Table blog_article

	Champ	Type	Fonction
	ch_art_id	int(11)	Clé primaire
	ch_art_idSujet	int(11)	Relation avec la table blog_sujet
	ch_art_titre	varchar(100)	Titre de l'article
	ch_art_description	varchar(255)	Description de l'article
	ch_art_contenu	longtext	Contenu de l'article
	ch_art_date	datetime	Date de création de l'article
	ch_art_auteur	varchar(50)	Auteur de l'article

Table blog_admin Fonction

	Champ	Type	Fonction
	ch_adm_id	smallint(6)	Clé primaire
	ch_adm_login	varchar(10)	Login du compte
	ch_adm_pwd	varchar(10)	Mot de passe du compte
	ch_adm_mail	varchar(30)	E-mail du compte
	ch_adm_niveau	tinyint(4)	Niveau d'administration du compte

Les préparatifs et installation de serveur et base de données sont terminées. Nous pouvons passer à la réalisation du blog.