Créer un site web

Site de référence : informatique. - Sites maj : bella et aupresident - Sites en test : Jean

Pour que ce ne soit plus l'ordinateur qui commande!  Ce début était prémonitoire, les fabricants et les GAFA ont fait en sorte de s'approprier nos ordinateurs et téléphones mobiles. Ce n'est plus nous qui décidons des logiciels que nous souhaitons installer ou pas mais eux.

Nous avons deux catégories de sites, les premiers utilisent des fichiers (pages) classés dans des répertoires (dossiers)nommés sujets. Les seconds stockent leurs pages dans une base de donnée et se veulent adaptés pour les mobiles (plus ou moins).

Nous entreprenons ici la compatibilité de nos premiers sites avec les mobiles à l'aide du CSS3 et de ses media queries :

@media screen and (min-width : 680px) {
.vu_pc {display:''} // a >= 680px on affiche les vues pour ordinateur
.vu_mo {display: none} // a >= 680px on masque les vues pour mobiles
.col1 { width:160px;float:left;} //avant elle était à width: 100%; 
.col2 { width:calc(98% - 170px)} //avant  à 100%, ici elle passa à droite de col1 qui était au dessus

}

Les sites concernés:

le programme programmes/lib_moteur_sites.php qui lit les pages (fichiers), pour les anciens sites en Latin, les converti en UTF-8.
idem pour l'affichage des menus dossiers (sujets) et pages (articles)

Anciens en caractères Latin

c-net.fr
aupresident
cuisiniers (à adapter aux mobiles)
gchenal (idem)

Nouveaux sites et anciens maj en utf-8

bella
chansons
informatique (référence)
Jean (passé en utf-8 mais à revoir)

Les programmes concernés:

A la racine
index.php :fichier d'accueil, affichage de l'entête de la page avec le bandeau horizontal des sites à visiter.
@file_get_contents('http://c-net.fr/__new/bandeau_sites.htm' (commun à tous les sites).
Pas de codage des caractères en UTF-8, ce bandeau est new.


le titre de la page et sa photo : (Se trouvait dans accueil)
@file_get_contents('programmes/_parametres/en_tete.php');
Pas de codage, l'en tête est a refaire pour s'adapter aux mobiles


programmes/_parametres/menu_dossiers1.php : Bandeau horizontal des sujets traités (dossier_a):
codage pour les anciens sites : echo utf8_encode('programmes/_parametres/menu_dossiers1.php').";
Puis appel du programme

---

affiche.php : affichage adapté aux mobiles avec 3 colonnes pour les PC qui se transforment en 3 blocs successifs pour les mobiles : col1, col2 et col3 dans le fichier CSS

la colonne 1 affiche la liste des pages (page_a) du sujet affiché (dossier_a) elle est visible au départ, un bouton propose de la masquer ou de la réafficher : Menu => dossier_a/0menu_v1.htm.
@file_get_contents($dossier_a."/0menu_v1.htm");
Le colonne 2 affiche la page (fichier article) en appelant le module lib_moteur_site

lib_moteur_pc_inc.php contient le comptage des visiteurs, l'appel et la mise en forme de la page à afficher avec la fonction f_require a laquelle on ajoute la fonction utf8-encode() pour les sites restés en caractères Latin; et le module forum.

---

Dans le dossier programmes/ :
c_sites.php accède au fichier sites.trj à la racine qui contient les paramètres. Après mise a jour il appel c_en_tete.php qui crée ou met à jour les fichiers _parametres/params_site.inc.php, _parametres/b_sites.htm, _parametres/head_1.inc (?), puis une fois terminé appel le programme : c_menu_dossiers.php

c_menu_dossiers.php ouvre le fichier des dossiers sujets.trj à la racine et met à jour les paramètresd'affichage : _parametres/params_dossiers.inc, puis crée les menus des dossiers horizontaux et verticaux _parametres/menu_dossiers.htm (obsolète?) et appel le programme c_menu_pages_all.php

c_menu_pages_all.php pour chaque dossier appel c_menu_pages.php qui crée le menu 0menuv1.htm de chaque dossier.

vision.php : mise à jour du codage caractères en UTF8
vision1.inc et vision2.inc : retirer l'ancien codage des caractères et l'enregistrement photos

---

dans le sous dossier programmes/_parametres
en_tete.php : titre et photo du site
lecture_0a_liste.inc.php
menu_dossiers_1.htm à modifier
style.css et menu.css : les fichiers css


Vulgarisation-informatique.com