Bonjour. visiteurs jour : 61       Au président     Beauté santé     Infos loisirs     Ensemble      Jean      Informatique     Robert-Arlette     Santé corona



Informatique

Accueil  Excel  Informatique  Infos  Internet  Forum  Javascript  logiciels   Programation  Sites RJ  Vidéo  Plan du site 



Créer un site web

Les programmes de c-net.fr

Les anciens programmes utilisaient les caractères latin. Au passage de utf-8 pour conserver les cataères latin avec PHP on a utilisé après <?php :
header('Content-Type: text/html; charset=ISO-8859-1'); // écrase l'entête utf-8 envoyé par php
ini_set( 'default_charset', 'ISO-8859-1' );
Et dans le <head> : <meta charset=ISO-5589-1 >

Ici nous passons l'affichage en utf_8 pour tous les sites et gardons l'enregistrement en Latin pour les vieux sites avec la fonction PHP utf8-encode() pour afficher les textes des vieux sites
<!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">   (pour la compatibilité des mobiles et tablettes]


Affichage des pages (articles)

Tous les affichage s se font en utf-8. Si le site est ancien en caractères latin on utilise utf8-encode() avant d'afficher les textes.

index.php Charge les données, les modules, l'en tête et appel affiche.php
    modules : programmes/_base/cnx_base.php et lib_fn_b.php - programmes/lib_moteur_site.php
    Bandeau des sites : http://c-net.fr/__new/bandeau_sites.htm.
    En-tête du site : programmes/_parametres/en_tete.php.
    Les dossiers du site (sujets) : programmes/_parametres/menu_dossiers1.php -

    appel du programme affiche.php
affiche.php


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
calc(minimum, preferred, maximum);
.banner { width: calc(200px, 50% + 20px, 800px);} //you can do math inside calc() 1rem =16px par défaut mais zoom peut le passer à 18... etc.
.header { font-size: calc(1rem, -0.875rem + 8.333vw, 3.5rem);}
https://css-tricks.com/linearly-scale-font-size-with-css-calc-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


Total des visiteurs  :    635697   dont aujourd'hui :   61    En ligne actuellement :  1      Total des clics_1516110