Réalisation du site : graphique et organisation

Les graphiques

- Les grands fichiers (à la fois en taille et en poids) qu'ils soient au format gif ou en jpg, nécessitent la plupart du temps un découpage.

Pour ce qui concerne des gifs par exemple, l'intérêt est évident car le nombre de couleurs étant fixé à 256, le fait de découper un fichier graphique en plusieurs, vous "rapproche" de la couleur initiale choisie et en général permet d'optimiser le poids (ko) global du fichier initial.
Les gifs sont souvent de meilleurs qualités pour ce qui concerne les boutons et autres textes créés manuellement, les jpg seront quant à eux utilisés pour les photos ou les gros fichiers graphiques.

Les pubs - affichage progressif

- Un annonceur sur votre site appréciera que sa publicité s'affiche en premier (avant le reste de la page), et ce sera un atout de plus pour vos négociations futures. La solution est très simple et trouve sa réponse en HTML (réponse compatible avec Netscape et Ie)

Ce qu'il faut savoir : il est en général très difficile de contrôler l'affichage d'une page html (à moins de maîtriser le DHTML), mais néanmoins les navigateurs (Ie ou netscape) agissent tous ainsi : Ils provoquent un premier affichage une fois la fin de la lecture (téléchargement) d'un tableau complet autrement dit lorsque la balise </table> est rencontrée. Et quand on sait que les tableaux sont utilisés à 100 % pour l'organisation d'un document HTML, cette option est essentielle à connaître.

Les pubs sont en général affichées en haut, voici un exemple provoquant un affichage de la pub en premier et du reste du document ensuite :

<table width=750><tr><td><img src="pub.gif"></td></tr></table>
L'affichage du navigateur (IE ou NE) est provoqué sur lecture de </table>
<table width=750><tr><td>.... Ici le reste du document ... </td></tr></table>

Utiliser les SSI (server side include) : partager un sommaire ou une entête

L'utilisation des SSI se révèle être un atout quand à la mise à jour d'un site. En général sur un site web, il existe des parties fixes telles qu'un sommaire, une entête de page, un copyright ...
Pour utiliser les SSI votre page doit porter l'extension *.shtml ou *.asp (asp en standard supporte les SSI). Placer les fichiers sommaire, entête et copyright dans un répertoire particulier, par exemple un répertoire à la racine de votre site nommé partage.

Dans chacun de vos documents du site, ajouter à l'emplacement voulu le code suivant :
<!-- #include Virtual="/partage/copyright.htm"-->
L'extension ici n'a pas d'importance. La modification du fichier copyright.htm engendrera automatiquement la mise à jour de toutes vos pages du site.

Note:  SSI et asp

Le serveur par défaut "exécute" SSI avant tout code asp, ce qui signifie qu'avant d'exécuter tout "code asp" le serveur assemble le fichier. Il est donc impossible d'utiliser un SSI sous la forme :
<!-- #include Virtual="/partage/copyright.asp?entreprise=<%=request("entreprise")%>"-->

Il est néanmoins possible d'effectuer un assemblage de la façon suivante :

<%if request("entreprise")=1 then %>
<!-- #include Virtual="/partage/entreprise1.htm"-->
<% end if%>
<%if request("entreprise")=2 then %>
<!-- #include Virtual="/partage/entreprise2.htm"-->
<% end if%>

Pour en finir avec SSI, du code asp peut être inséré dans une page appelée via SSI, dans ce cas il est important de nommer la page appelée avec une extension *.asp, car si un fichier de type *.txt contenant un code est inclus dans vos pages, l'accès direct à ce fichier permet de visualiser son code source.
Cette méthode est très utiles pour pouvoir réutiliser des fonctions dans différentes pages.

Mise en cache du navigateur, exécution dans le cache du serveur etc...

Response.buffer=True

avec cette option placée en entête du document l'ensemble du code contenu dans la page est exécuté sur le serveur avant renvoit vers le navigateur du client. La valeur par défaut de cette option est false. Cette option doit être utilisée dans certaines situations particulières où "des écritures sur le client" (principalement des response.write) sont exécutés avant le renvoit HTML. Elle ne doit pas être placée systématiquement mais uniquement dans les cas utiles, car en effet elle consomme plus de "mémoire serveur" que lorsque qu'elle est fixée à false.

Response.expiresAbsolute=now()-1

avec cette option placée en entête du document la mise en cache sur le navigateur client est désactivée. Un navigateur fonctionne sur un process de mise en cache de page HTML, ceci afin de rendre les accès réguliers à un même site plus fluides. Cette option n'a là encore pas d'intérêt dans toutes les situations. Elle vous permettra de rendre compte au client d'une page toujours à jour.

Note : Pourquoi des problèmes de cache se posent-ils avec asp ?
La mise en cache d'une page web par un navigateur fonctionne sur un process de comparaison de la copie locale (cache ) de la page et de sa version sur le web et ceci par rapport à la date de dernière modification du fichier. Souvent dans le cas d'une utilisation d'asp, la même page (dont la date de modification sera toujours la même), est utilisée pour renvoyer des éléments différents. Lorsque la fréquence de renvoit de ces éléments est "assez rapprochée" (ex. forum de discussion, chat, etc...), le navigateur utilise souvent la copie de la page qu'il trouve dans son cache et qui n'est dans ce cas pas la même que celle renvoyée du serveur. L'option précédente corrige ce phénomène relativement fréquent avec Netscape.

Organisation en répertoires ...

Il est bon d'organiser votre site sous forme de répertoires. Par exemple, un par partie importante du site. De plus l'organisation sous forme de répertoires, vous permettra d'effectuer des mises à jour du site plus facilement.

Il sera judicieux également, de placer l'ensemble de ces parties dans un même répertoire : notament si vous souhaitez utiliser un moteur de recherche interne du type Index Server, cette organisation vous facilitera la tâche et vous définirez ce répertoire comme répertoire de recherche. Dans ce cas vous devez ne pas placer dans ce répertoire défini pour la recherche tous vos include (SSI : sommaire, copyright, etc...) qui quant eux seront mis dans un répertoire particulier à la racine du site.

exemple d'organisation :

dans cette organisation le caractère / indique la racine du site.

• racine du site : /
• répertoire de recherche : /fr/
• Sous répertoires du site : /fr/categorie1 ; /fr/categorie2; etc...
• Répertoire des includes : /partage/
• Répertorie des images : /images/