1 - Pourquoi remplacer FrontPage
2 - Différences entre FrontPage et Expression Web
3 - SharePoint Designer ou Expression Web?
4 - Méthodes pour transformer un site
5 - Adresses de référence
1 - Pourquoi remplacer FrontPage
FrontPage n'est plus disponible. Il est remplacé par Microsoft Expression Web
(et/ou par SharePoint Designer). Quelles sont les raisons de changer?
Le Web est en évolution, les notions d'accessibilité et de qualité du code
prennent maintenant beaucoup d'importance. Les logiciels plus récents
offrent de meilleurs outils pour gérer ces besoins.
Le code dans
Expression Web est de meilleure qualité, car il utilise automatiquement
des styles pour les formats, ce qui permet d'éviter beaucoup de
répétitions. Ensuite, un doctype s'inscrit automatiquement au début du
code d'une nouvelle page (pour indiquer aux
navigateurs la version du langage HTML ou XHTML). De plus, les erreurs de code sont soulignées ou colorées en jaune,
avec des bulles explicatives au passage de la souris. Finalement, le menu
Outils offre un rapport de compatibilité qui analyse la qualité du code
pour l'ensemble du site.
Les notions d'accessibilité sont bien traitées dans Expression Web.
Par exemple, dès qu'une image est insérée, une fenêtre suggère d'inscrire un texte alternatif.
Des rapports
d'accessibilité permettent de vérifier si les pages sont accessibles
pour tous, avec des suggestions de points à vérifier manuellement.
Le logiciel SharePoint Designer 2007 offre les mêmes outils.
2 - Différences entre FrontPage et Expression Web
Quels éléments
devrais-je modifier en ouvrant mon site (fait avec FrontPage 2003) dans Expression Web
ou SharePoint Designer?
Plusieurs points sont identiques entre ces logiciels: l'écran de
travail, le choix de polices et de couleurs, ainsi que les outils pour
les liens, les images, les rapports, la publication, les tableaux, les
formulaires...
Toutefois,
ni Expression Web ni SharePoint Designer ne reprennent tous les éléments de FrontPage. Ceux non
standards ou ceux ne respectant pas entièrement les normes du Web ont
été mis de côté. Cela veut dire:
- Les barres de navigation
Par contre, dans les sites Web modèles fournis avec Expression Web, on voit de bons exemples de menus créés à partir de puces et formatés avec des feuilles de style. - Les bordures partagées
Elles sont remplacées par les modèles Web dynamiques (fichier *.dwt), plus complets, permettant de créer plusieurs zones modifiables dans une page modèle (à utiliser sur une copie locale du site Web mais jamais directement sur un serveur). - Les thèmes
La gestion des feuilles de style remplace finalement les thèmes. Ici aussi les sites modèles de Expression Web fournissent de bonnes feuilles de style. - Les galeries photos
Aucune équivalence pour les galeries photos, mais la méthode de création de miniatures est toujours la même.
- Les compteurs de visite
Aucune équivalence pour ces compteurs de clics.
- L'onglet Aperçu
L'apparence des pages est plutôt vérifiée directement dans un navigateur, ce qui permet d'utiliser plusieurs navigateurs et de voir immédiatement les différences de rendu.
Si vous utilisez déjà des feuilles de style pour inscrire les formats et si vous utilisez un modèle dynamique pour créer des zones communes entre vos pages, vous n'aurez pas à faire de changements immédiats pour le passage d'un à l'autre. Autrement dit, les points à développer pour être à l'aise avec Expression Web ou SharePoint Designer 2007, ce sont les feuilles de style et le modèle Web dynamique (ces éléments étaient déjà présents dans FrontPage 2003).
3 - SharePoint Designer ou Expression Web?
Un service informatique cherche à remplacer FrontPage pour la confection
de sites Web personnels tout en accommodant des utilisateurs qui ne
connaissent rien dans le code html ou les feuilles de style. Devrait-il
se tourner vers Expression Web ou SharePoint Designer?
Expression Web
sert à préparer des pages Web selon des normes plus récentes. Même
si les utilisateurs ne connaissent pas les feuilles de style, Expression
Web les utilisera en arrière-plan, tout simplement. Éventuellement, ces
feuilles de style seront plus faciles à modifier grâce aux différents
volets de gestion des styles. Il offre aussi plusieurs modèles de site
Web (faciles à modifier dès que l'on comprend le rôle du modèle web
dynamique, identique à celui dans FrontPage 2003). Finalement, les sites
produits avec Expression Web peuvent être publiés sur n'importe quel
type de serveur (en FTP ou HTTP).
Le but premier de SharePoint Designer est différent. Il est destiné au
partage de documents et d'informations dans des sites fonctionnant sur
une plateforme SharePoint, c'est-à-dire où Windows SharePoint Services
ou Microsoft Office SharePoint Server sont installés. Mais sa version
2007 offre
à peu près tous les outils de Expression Web, y compris le traitement
des sites Web réguliers et la publication en FTP. Tandis que la version
2010 ne gère que les sites de type SharePoint. Pour plus d'infos, voir la page
SharePoint Designer.
4 - Méthodes pour transformer un site
Puis-je avoir un conseil concernant la transformation efficace (et
rapide) sous Expression Web d'un site complet créé sous FrontPage 2003. Est-ce
possible sans modifier manuellement toutes les pages concernées?
Méthode 1:
La façon la plus rapide pour rendre un site conforme aux normes
actuelles passe
parfois par une refonte complète du site. En voici un exemple:
- créer un nouveau site Web basé sur un modèle offert dans Expression Web avec le menu Fichier (ou le menu Site), Nouveau, Site Web, Modèles;
- conserver au moins une page avec l'extension .htm, le fichier master.dwt et le dossier styles;
- personnaliser ensuite le modèle Web dynamique (fichier master.dwt), en y plaçant le contenu commun à toutes les pages;
- vérifier le résultat dans la page .htm;
- ajuster les styles pour personnaliser le tout (surtout à l'aide du volet Gérer les styles)
- créer de nouvelles pages liées au modèle puis y recopier le contenu des pages originales, une par une, sans le moindre format, uniquement le contenu.
Méthode 2:
Une autre façon serait de conserver les pages actuelles en
réduisant le nombre d'erreurs. Par exemple, vous pourriez tester ceci
dans une de vos pages:
- dans le code, cliquer au tout début, avant la balise <html>, appuyer sur les touches Ctrl+Entrée et choisir "Doctype XHTML 1.0 Strict" (la commande doctype doit précéder les autres de façon à définir le langage utilisé dans la page);
- cliquer avec le bouton droit dans le code et choisir "Appliquer une nouvelle mise en forme XML";
- en mode Création, sélectionner tout, puis utiliser le menu "Format" -
"Supprimer la mise en forme";
(ces trois premiers points devraient réduire nettement le nombre d'erreurs de code); - corriger les autres erreurs une par une en commençant au début de la page en mode Code. Au besoin, immobiliser la souris sur un code en erreur (souligné en rouge ou coloré en jaune) pour avoir une bulle d'information.
Remarque: puisqu'il s'agit d'un changement de logiciel, la mise à jour des liens peut s'avérer fort utile, avec le menu Outils - Recalculer les liens hypertexte. (Si cette option n'est pas disponible, au menu Site - Paramètres du site - onglet Général, activer cette option: Gérer le site Web à l'aide des fichiers de métadonnées masqués.)
5 - Adresses de référence
Où trouver plus d'informations sur le passage de FrontPage à Expression
Web?
Vous trouverez une liste de tutoriels dans:
http://faqfp.free.fr/ew
http://faqfp.free.fr/usage/liens.htm
http://louise.mvps.org/frontpage.htm
et une description des outils d'accessibilité:
http://louise.mvps.org/accessibilite/outils1.htm