Consignes pour le 22 février :

Pour les WordPress

- au moins 8 pages avec un vrai contenu (en plus de mentions légales, du formulaire de contact, etc.)
- la bannière avec les consignes, la page mentions légales dans le footer...
- un certain sens esthétique sur les blocs, les couleurs, la police, les marges, le visuel global...
- rien qui ne soit pas personnalisé (pas de "Fièrement propulsé par WordPress", de page ou de rubrique hors sujet par rapport à votre thème, etc.)

Pour les sites codés à la main

- au moins 4 pages avec un vrai contenu (en plus de mentions légales, du formulaire de contact, etc.)
- la bannière avec les consignes, la page mentions légales dans le footer...
- un certain sens esthétique sur les blocs, les couleurs, la police, les marges, le visuel global...
- sur toutes vos pages (css compris) : un code propre et simple, avec des balises ouvrantes et fermantes sur le même alinéa, des include pour le header et le footer...
--> Aide 1 : Rappel structure html et utilisation d'include : exemple-structure.zip.
--> Aide 2 : 3 fichiers pour vous aider à mettre en place un système de connexion pour vos internautes : exemple-login.zip. Voir la démo (avec classe@htf.ovh comme mail et hf2019 comme mdp, comme définis dans la bdd, table ex_user).

Consignes pour vendredi 24 janvier :

1) Choix du site et « mentions légales »

- Choisissez le site que vous souhaitez poursuivre (le Wordpress ou le site codé à la main).
- Si vous avez choisi le Wordpress, il va falloir le déplacer à la racine de votre nom de domaine (prenom.htf.ovh plutôt que prenom.htf.ovh/cms) et pour ça mettre d'abord ailleurs tout ce qui se trouve déjà à la racine de votre site (les fichiers de votre site codé à la main). Servez-vous donc une dernière fois de FileZilla pour : 1) déplacer tous vos fichiers et dossiers (sauf cms !) dans un nouveau dossier nommé svg (pour "sauvegarde" en abrégé, au cas où vous souhaiteriez y revenir par la suite, sait-on jamais) ; 2) ouvrir dans Chrome votre-site.htf.ovh/cms/wp-admin/options-general.php et enlever "/cms" à la fin des 2 adresses web des champs 3 et 4 ; 3) déplacer, dans Filezilla, tout le contenu de cms à la racine (le dossier "/") ; 4) Vérifiez que vous accéder bien à votre site Wordpress avec l'adresse votre-site.htf.ovh, et aux réglages avec votre-site.htf.ovh/wp-admin.
- Créez une page « mentions légales » sur votre site (wordpress ou codé à la main suivant ce que vous avez retenu), avec un lien qui pointe vers cette page dans le footer de toutes vos pages. Et dans la page mentions légales, détailler toutes les manip que vous avez faites et allez faire en précisant à chaque fois : 1) la manip en question ; 2) le temps passé ; 3) quand vous avez fait ça.

2) Sur Gimp

Créer une bannière sur GIMP et l'afficher dans le header de toutes vos pages :
- à partir de deux images, l'une découpée au premier plan et l'autre en fond
- une zone progressivement surexposée à la lumière ou assombrie sur laquelle votre texte (titre et sous-titre ou slogan) et votre logo (un logo aux formes assez simples, épurées, en une ou deux couleurs) ressortiront bien
- en 72 ppp, dimensions 1200*300 pixels


Consignes pour les vacances de Noël (installer Wordpress) :

Si ce n'est pas encore le cas : avoir fini toutes les consignes des cours précédents.
Télécharger ce dossier zip : https://fr.wordpress.org/latest-fr_FR.zip.
Le dézipper sur le bureau de votre ordinateur, puis copier tous les fichiers dézippés dans un dossier "cms" (à créer à la racine de votre serveur sur Filezilla). Lancer ensuite, à partir de Chrome, pseudo.htf.ovh/cms/wp-admin/setup-config.php (remplacer pseudo par ce qui commence votre site) et débrouillez-vous.
Vous aurez besoin de ces informations :
Base de données MySQL pour les cms :
-> Serveur : htfovhelqdcms.mysql.db
-> Utilisateur : htfovhelqdcms
-> Nom de la base : htfovhelqdcms
-> Mot de passe : le même que pour la base de données précédente (indice : classe et année)
-> Préfixe pour les tables de la BDD : 3 ou 4 lettres (sans accent ni rien de particulier) pour vous identifier (prénom et/ou nom).

Consignes pour la première note du 2ème trimestre :

Corriger un maximum de points ratés (signifiés par une ✖ ou un nombre inférieur à celui du barème sur l'image ci-dessous) sur le site d'un camarade.
Chaque fois qu'un point est corrigé (correction vérifiée et sûre), vous venez écrire votre nom dans la case correspondante (en écrivant petit donc) sur la feuille posée sur le bureau de la classe.
Attention : les élèves qui ont eu plus de 10/20 ne peuvent corriger que des problèmes notés 2 ou 3 points sur le barème.
Chaque correction bien faite rapporte 3 points au correcteur.
A la fin du cours du 13 décembre, un élève dont le site est encore incomplet (du point de vue des consignes du 9 décembre) perd 1 à 3 points (suivant le même barème) par consigne non corrigée.

Rappel des points à avoir faits pour le lundi 9 décembre 8h (votre nouvelle note /20 coeff 3) :

- toutes les dernières consignes (8 points pour : css, structure body etc, tableau, div, mailto, href, img, br, h1)
- réussir un formulaire qui, sur la page d'arrivée : affiche les infos (2 points), les envoie par mail à l'adresse remplie (3 points), les insère dans la table qu'il faut de la base de données (3 points).
- Créer les 4 pages d'erreur personnalisées et vérifier que la 404 fonctionne en tapant votre-site.htf.ovh/nimportequoi.php (3 points)
- Afficher sur la page d'accueil de votre site la date du jour (en variable php, pas en vous connectant tous les jours à minuit pour changer manuellement !) (1 point)

Pour vous connecter à la bdd (base de données) :

https://phpmyadmin.cluster020.hosting.ovh.net/index.php?pma_username=htfovhelqd2019&pma_servername=htfovhelqd2019.mysql.db
Mot de passe : au tableau (le copier quelque part).

Cours du 18 octobre et devoirs de vacances (pour le 8 novembre) :

- créer un fichier index.php à partir de NotePad++ puis l'ouvrir (dans NotePad++ et dans Chrome).
- Faire ctrl+u sur cette page pour en afficher le code source et copier les élements de structure dans votre page index.php (lignes 2 à 13 et 102 à 103)
- Entre les balises body (<body> ouvre et </body> ferme), commencer à remplir votre page d'accueil en trouvant sur google ces différentes balises : retour à la ligne, div, tableau, image, href, mailto, h1 à h4...
- créer un fichier global.css avec quelques styles définis dedans (font-size, font-weight, line-height, etc.)

Thèmes :

VIELHenribanque en lignehenri.htf.ovh
DUFOURStanislasbanque en lignestanislas.htf.ovh
d'HEBRAILOstiancommunauté de graphistes proposant leurs servicesostian.htf.ovh
de CAMBOURGBriaccommunauté de graphistes proposant leurs servicesbriac.htf.ovh
de LABORIEGuillaumeconcurrent d’Allociné guillaume.htf.ovh
CHAVANNEPaulconcurrent d’Allociné paul.htf.ovh
DU CHALARDFrançoisconcurrent d’Ecole Directefrancois-du-ch.htf.ovh
SCHNEIDERJean-Rochconcurrent de Deezerjean-roch.htf.ovh
REYEZ MARTINEZJuan Pabloconcurrent de Deezerjuan-pablo.htf.ovh
LESTIENNEAndéolconcurrent de Facebookandeol.htf.ovh
MENANTThomasconcurrent de Facebookthomas-menant.htf.ovh
GUICHARDNoahcritique de jeux vidéosnoah.htf.ovh
KOLLENPhilippecritique de jeux vidéosphilippe.htf.ovh
VANDIERLouis-Marieétablissement scolaire prestigieuxlouis-marie.htf.ovh
VOLTEEthangrand restaurantethan.htf.ovh
DELEPINETristangrand restauranttristan.htf.ovh
de MOLLIENSAlexisgrande librairiealexis.htf.ovh
PARPAILLONCharlesgroupe scout charles.htf.ovh
SALLEFoucauldgroupe scout foucauld.htf.ovh
LECLAIRHadrienjardineriehadrien.htf.ovh
STEMLERFrançoisJMJ à Lisbonne en 2022francois-s.htf.ovh
de SAINT EXUPERYLouismuséelouis2s.htf.ovh
COSTEJulienpassionnés de voitures anciennes julien.htf.ovh
VINCENTGabrielpresse généralistegabriel.htf.ovh
CHAHIANEIliaspresse spécialisé dans l’actualité sportiveilias.htf.ovh
SILUE TchimanJosé-Camillepresse spécialisé dans l’actualité sportivejose-camille.htf.ovh
AMIOTLouisressources scolaires dans toutes les matièreslouis-a.htf.ovh
TCHAMALATDINOVRomanressources scolaires dans toutes les matièresroman.htf.ovh
MONTOUSSEThomassensibilisation à l’écologiethomas-montousse.htf.ovh
RIVALLANTJosephtroupe de théâtrejoseph.htf.ovh
COLSONVirgiletroupe de théâtrevirgile.htf.ovh
PIQUETAlbanvacances de tourismealban-p.htf.ovh
PELIERAngevacances de tourismeange.htf.ovh
BULLIERJeanvalorisation culturelle d’une régionjean-b.htf.ovh
de FEYDEAUAlbanvoyages en train, avion, bus…alban2f.htf.ovh
DU PLESSISJeanconcurrent du Bon Coinjean-du-p.htf.ovh