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 !





Coucou et merci


  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


-
vues  194     En ligne actuellement :   1   Total des clics  1664893