Dernière mise à jour :

Mes conseils pour faire un siteSuivez le lien...

  Vous pouvez trouver mes astuces de programmation de pages WEB dans la page Mes astuces, une page sur la publicité Pub et la page pour les projets de mes étudiants à Projets WEB. Je conseille néanmoins à mes étudiants de regarder cette page et celle des astuces.

Liste des chapitres de cette page


Le HTML
 
Mettre sa page sur internetle Javascript

La publicité
 
le PhpFaire une belle pageRemarques
  1. Les .html ou .htm : Le HTML

      Bien que je déconseille complètement l'utilisation de FrontPage (surtout) ou Netscape Composer (que je ne connais pas trop, mais il ne peut qu'être mieux), il peut être intéressant de faire ses premiers pas avec ces logiciels. Je conseille plutôt d'écrire les textes directement en html : pour afficher les mêmes pages, la taille des fichiers peut-être divisée au moins par deux et largement plus (10 pour le fichier dès) pour l'utilisation de tableaux par exemple. Le temps de chargement étant proportionnel à la longueur du fichier, il est important de ne pas décourager un lecteur éventuel. Je conseille aussi de réfléchir sur les effets de style : faut-il un fichier court, rapide à charger ou quelques effets de style qui feront un fichier long à charger. Ces derniers peuvent doubler la taille d'un fichier. Je veux aussi signaler que FrontPage gère très mal les images sur une page WEB : il ne prend pas toujours en compte les différentes tailles de texte qu'offrent les navigateurs.
      Je remarque cependant que les logiciels Frontpage ou Netscape Composer proposent parfois des astuces qu'il peut être intéressant de recopier. Cependant Frontpage utilise des codes spéciaux de Microsoft car ce dernier doit vouloir casser le HTML qui ne lui appartient pas pour assurer son hégémonie sur le monde des logiciels. Le pire arrive quand vous télécharger votre site conçu entièrement sous FrontPage sur un hébergeur : si ça marche, c'est que vous êtes vraimant très chanceux! Normalement, il doit y avoir des problèmes dans les liens car MicroSoft ne gère pas la différence entre les majuscules et les minuscules contrairement à tous les bons hébergeurs :-). J'ai testé avec un site que je n'ai pas conçu :-(. Je tiens encore à vous signaler que des pages Microsoft sont presque illisibles par de vrais navigateurs non microsoft et ceci est encore plus vrais quand on est sous linux :-).
      Voici les sites qui m'ont aidé à débroussailler le html :

    Le HTML permet faire la pagination, de placer des images et des liens, de faire des menus, fixer les couleurs (et en javascript, on peut les changer comme sur cette page)...

  2. Mettre sa page sur le réseau mondial

      Après, installez votre page sur internet : trouver un hébergeur. Il y en a plein, des gratuits ou des payants qui offrent différents services. Commencez par essayer un gratuit. Parmi les services importants qu'ils peuvent proposer il y a la possibilité de faire un site avec du php.
      Si on veut avoir de la visite, il faut se faire référencer dans les moteurs de recherche. Il y a des moteurs de recherche généraux, on peut y aller, mais ceux qui apportent le plus de visites sont les moteurs propres à votre domaine. Ceux-là sont généralement moins connus, mais les personnes intéressées par votre sujet tomberont facilement dessus lors de leurs recherches. Ces moteurs demanderont en retour que vous mettiez un lien vers leur portail en échange de votre référencement : c'est un échange de service. C'est probablement par un de ces liens que vous tomberez vers ce moteur de recherche.
      Un autre mode de diffusion est constitué par les anneaux : ils emmènent au hasard vers un autre site portant sur le même sujet. La dernière méthode est un échange de lien (avec ou sans bannière) avec un autre webmaster. Là, c'est un travail de recherche de site sur le WEB qui commence. Il faut bien cibler les intérêts de son site pour savoir où se faire référencer : on peut vous refuser pour non concordance de sujet.
      Lors du choix de l'hébergeur, des échanges de liens et même de la pub, on privilégie certains sites. Je pense qu'il est important de réfléchir vers qui va notre préférence. Ceci est important en ce moment où les hébergeurs, les "start-up" se multiplient : beaucoup vont (doivent) surement se faire racheter (ou disparaitre). C'est vous webmasters et surfeurs qui allez arbitrer entre toutes ces start-up (trop nombreuses pour toutes survivre). Ce choix, on peut essayer de le faire pour tous les actes de la vie courante : en achetant ça, je cautionne quelle philosophie, quel mode de travail? Serai-je d'accord pour travailler comme les ouvriers qui ont fabriqué ce produit ?
      On peut évaluer soi même ce travail grâce à un compteur (voir en haut de la page).

  3. Le Javascript

      Lors de ces échanges, vous verrez arriver sur votre page des codes en JavaScript. Ce sont des petits programmes en javascript qui sont inclus dans votre page HTML et qui permettent des effets comme la bande du bas de l'écran, la mise à jour automatique de la date, de faire agir les boutons et menus placés en HTML, contrairement au php, on ne demande rien au serveur : un serveur html simple est suffisant... Attention : Ne pas confondre avec Java, c'est certes basé sur le même langage, mais avec des buts et des moyens différents. En Java on peut écrire des applets pour les pages web (programmes tournants sur le serveur). Ces applets permettent de faire des effets plus importants sur les pages. On trouve des site WEB qui en proposent des tout faits, prêts à servir.
      Voici les papiers qui m'ont été utiles pour le moment :

    • Indroduction à Javascript, ce site donne des astuces sur les scripts java et permet de comprendre le fonctionnement de ce langage.
    • Cours de JavaScript, ce cours nous permet d'approfondir nos connaissances en JavaScript. On y trouve de nouvelles astuces.
    • JavaScript de WPhilippe : un site qui décrit bien le Javascript, plus appronfondi que les autres. On y trouve aussi du DHTML. Il fournit aussi de bons conseils pour la présentation des pages WEB.
    • Netscape : Les documents qui peuvent vous manquer y sont anglais. Mais pas en français, dommage! Ce site est aussi complet pour le HTML.
      Le javascript est un langague interprété, c'est à dire qu'on ne compile pas les instructions pour en faire un programme en langage machine directement lu par le processeur. Ceci permet une exécution sur différents systèmes avec différents processeurs. Je me suis aussi servi de cette caractéristique pour faire mon fichier tracé de fonction. Certes, à ce niveau là, on ne parle plus d'écrire des pages HTML, mais de faire des programmes HTML!

  4. La publicité - présentation

      Personnellement, je considère les pubs comme des informations supplémentaites quand elles ne gènent pas la lecture des informations apportées par le site. C'est grâce à elles qu'on découvre de nouveaux sites et des nouveautés du WEB.
      La liste des sponsors qui ont bien voulu de mon site est sur la page Pub : un sponsor est libre d'accepter les sites sur lesquels il apparaîtra. La liste des sponsors est triée suivant le mode de rémunération : payement par click, pourcentage des gains et parrainage. Par choix personnel, je n'ai choisi que des annonceurs français.
      J'ai aussi remarqué que les pubs qui payent le plus sont les pubs de sexe. De celles-là je n'en veux pas, d'une part parce que mon site est pour tous, d'autre part pour des raisons personnelles. C'est pour cela que les sites sans déontologie en abusent, ce sont les sites de piratage (WARES), par exemple, où on peut trouver des informations entre deux paires de fesses.
      Enfin bon pour le moment, heuseusement que j'ai un boulot rentable car le site ne me rapporte que les railleries de ma femme. Le seul intérêt que j'ai trouvé à l'installation de la pub est la compréhention très partielle du système qu'elle offre. On comprend par exemple pourquoi certains sites peu scrupuleux mettent plein de sexe...
      Si vous êtes intéressés, allez voir ma page Pub.

  5. Cahier des charges pour une belle page

      Il est important qu'un visiteur ne soit pas perdu et trouve ce qu'il cherche (si vous voulez qu'il revienne et/ou fasse de la pub). Je conseille de mettre en bas de chaque page des liens, dont entre autre, mis en évidence,le lien vers la page suivante (si il y en a une). Je conseille aussi une présentation des pages du site (ou une partie du site) s'il présente un nombre important de pages. Il est aussi intéressant de faire un index pour les pages longues (celle-ci en mérite un!).
      Vous trouverez aussi (et surtout) de bons conseils pour présenter les pages sur le site de WPhilippe. Ce site présente aussi le JavaScript.

  6. Le php

      Pour le moment, ce sont mes premiers pas : Pour l'arborescence de mon site sur mon site à chez.com avec de la pub comme gestion des sphères chez multimania! Ce changement de site est obligatoire car le php est exécuté sur le serveur qui doit donc être compatible php, ceci n'est pas le cas avec le javascript qui lui s'exécute sur l'ordinateur du surfeur. Ceci est une grosse différence entre le php et le javascript : pour le premier, il faut être connecté pour faire marcher les routines alors que le second permet de faire fonctionner le fichier même une fois déconnecté. Je trouve un nouveau problème : l'exécution de mes fichiers est différentes chez moi et sur Chez.com.
      Pour ma part, j'ai installé un serveur php sur mon PC avec easy php. Cette installation sous Windobe 2000 m'a posée un gros problème : le serveur impliquait de stoquer son site avec les fichiers php dans un répertoire www qui était dans le répertoire de easy php. Ceci me génait car, d'après moi, une arborescence propre implique de séparer les exécutables des fichiers de travail (le site php par exemple). Pour corriger ce problème, j'ai du entrer dans le fichier httpd.conf et modifier l'entrée DocumentRoot et lui indiquer mon répertoire de travail, le même échange se fait 8 lignes plus loin. Il faut aussi savoir qu'à partir du moment où vous avez un serveur apache (pour utiliser php), dès que vote PC est branché sur internet, n'importe qui peut accéderà votre répertoire de travail par http si il trouver votre adresse.
      Le fait que le php est un langage qui s'éxécute sur le serveur est un avantage pour la gestion de fichiers : lecture et écriture qui est impossible en javascript. Cette gestion permet donc de montrer que ce qu'on veut. Avec le php, on peut passer des paramètres d'un fichier à l'autre lors d'un appel grâce aux FORM, cependant, la chaine transmise ne peut pas exéder 255 charactères. Le javascript reste cependant indispensable car il fait ce que ne peut pas faire le php : le javascript gère le temps réel sur votre PC à partir d'un fichier que lui a fourni le serveur. Cependant, avec le php, on ne peut plus télécharger un site et le parcourir de chez soi sans précautions préalables comme installer sur son ordinateur son propre serveur php.
      Le langage ne me semble pas compliqué à apprendre si on en connaît d'autre comme le JavaScript ou le C. J'ai une chose à dire : un fichier php (extention .php ou .php3), c'est comme un fichier html avec du JavaScript avec en plus un autre langage entre les balises <? et ?> comme le Javascript est entouré par les balises <script> et </script>. Pour vous aider, je propose ces liens vers la liste des fonctions php et vers comment ça marche.

  7. Remarques en vrac

      Une méthode pour faire des fonctions ou des effets sur une page WEB consiste à repérer une page qui les fait et de s'en servir comme exemple. C'est en se baladant sur le WEB qu'on trouve des idées et des exemples. Attention : les fichiers php ne sont pas transmis lors de la connection contrairement aux fichiers html.
      C'est aussi en se baladant sur le WEB qu'on trouve des gif animés pour rendre le site attractif. Attention, tout de même, trop d'animations cache le texte : on ne regarde plus que les images qui bougent.
      Je n'aime pas les frames car souvent, lorsque qu'on se balade sur le WEB, elles restent figées et les nouvelles fenêtres souvrent dans une frame, mais pas sur toute la page. Vous pouvez faire la différence en cliquant sur les pubs ( sauf la première pour laquelle j'ai fait une procédure JavaScript bien particulière -à tester- ) ou sur le menu de droite. Il suffit d'ajouter un Target="_top" dans la balise de lien.
      Ci dessous un lien que je trouve original : essayez le en arrivant de différentes pages : il marche comme le bouton retour de votre navigateur.

      Bon courage pour votre site. Vous pouvez m'envoyer vos réflexions et astuces, Merci.


Autres pages du sous-groupe WEB :


Mes astuces
 

Projets WEB
 
La publicité