Bonjour. visiteurs jour : 1
Au président
Beauté santé
Infos loisirs
Ensemble
Jean
Informatique
Einstein
Santé corona
Les joies de l'informatique et de l'internet !
Accueil - Disques - Excel - Informatique - Infos - Internet - Javascript - logiciels - Programation - Sites RJ - Vidéo - Plan du site -
Créer un site web
En tête du site
Toutes les pages articles du site commence par le même en-tête : Créer le fichier en-tete.php dans le dossier programmes/_parametres
Gestion des sujets et des pages
Les dossiers "dossier_a" sont les sujets traités. ils contiennent des pages, page_a.
A la racine le fichier site.trj contient les paramètres généraux du site : son nom, son url, l'email du site, les couleurs des menus (abandonné) etc.
le fichier sujets.trj contient la liste des dossiers activés avec leur nom de fichier, leur nom public et une description succincte.
Le programme c_site.php du dossier programmes gère le fichier site.trj et à chaque modification met à jour tous les menus : ceux des dossiers et ceux des pages des dossiers et activant le programme c_menu_pages_all.php.
sous programmes/
igere.php sert à gérer le site par l'utilisateur.
avec c_site.php on met met à jour les paramètres du site.
avec c_sujet.php on met à jour les dossiers du site et on créé programmes/_parametres/menu_dossiers1.php
Attention, ce programme contient en dur l'url du site aupresident. Il faut la remplacer à chaque nouveau site. La possibilité d'aller récupérer l'url du site dans le fichier site.trj est à l'étude.
puis passe la main à c_en_tete.php qui recréé programmes/_parametres/params_site.inc et le programmes/_parametres/b_sites.htm qui sera abandonné, puis passe la main à c_menu_dossiers.php.
c_menu_dossiers.php créé _parametres/menu_dossiers.htm puis passe ensuite la main à c_menu_pages_all.php. Il faut créer menu_dossiers1.php qui sera flexible pour remplacer nemu_dossier.htm qui est le bandeau d'affichage des sujets dans l'entête de la page.
Le programme c_menu_pages_all.php parcour tous les dossiers et a chacun d'eux il lance c_menu_pages.php qui crée les menus pages $dossier_a."/0menu_v.htm" (ancien) et $dossier_a."/0menu_v1.htm" (nouveau)
Il faut créer le fichier 'programmes/_parametres/menu_dossiers1.php avec le programme xxx qui lit sujets/trj et
Programmes
c_sujet.php : création modification suppression des sujets.
Ce programme procède à la mise a jour du fichier site/trj à la racine et de _parametres/menu_dossiers1.php.
le programme c_list.php traite les pages d'un sujet.
Création de en-tete.php dans programmes/_parametres
en-tete.php contient le titre du site et généralement des images. la nécessité d'adapter le tout à toutes les tailles d'écran nous a conduit à étudier le css et font-size.
Largeur width avec un mini, une valeur préférée en % et un maxi
clamp(minimum, preferred, maximum);
.banner { width: clamp(200px, 50% + 20px, 800px);} //you can do math inside clamp()
1rem =16px par défaut mais zoom peut le passer à 18... etc.
.header { font-size: clamp(1rem, -0.875rem + 8.333vw, 3.5rem);}
https://css-tricks.com/linearly-scale-font-size-with-css-clamp-based-on-the-viewport/
CSS calcule le font-size en fonction de la largeur de l'écran:
vw (% de la largeur de la fenêtre) 2vw = 2% de la largeur
vh ( hauteur
vi (1% dans la direction de l'axe en ligne de l'élément racine)
vb (1% dans la direction de l'axe du bloc de l'élément racine)
vmin(le plus petit de vwou vh) vmax(le plus grand ou vw ou vh)
tailles d’écran communes
Mobile : 360 x 640
Mobile: 375 x 667
Mobile : 360 x 720
iPhone X : 375 x 812
Pixel 2 : 411 x 731
Tablette : 768 x 1024
Ordinateur portable : 1366 x 768
Ordinateur portable ou de bureau haute résolution : 1920 x 1080