1_blank
Blanc, vide, vierge, un espace vide… à combler.
Ce projet va à l’encontre de mon point de vue et de mes propos… « Pas de propos, pas de site. » Néanmoins, les questions les plus fréquemment posées sont :
- Combien ça coûte ?
- A quoi ça ressemble ?
Avant même d’être en connaissance de l’intérêt du projet, ainsi même, d’évaluer des réponses et d’estimer le temps à passer sur un « début de réponse », les questions ne concernent que le coût et l’aspect.
Mettons de côté le coût et restons focus sur l’aspect.
Une structure passe-partout qui permettrait de rapidement mettre en place « un début de quelque chose »…
Je vous propose ce projet qui va nous permettre de manipuler, du texte, de l’image, de la vidéo, du HTML et du CSS… tous les ingrédients qui vous permettront de réaliser vos premiers pas, mais aussi, vos premières pages.
Cet exercice n’a qu’un but. Celui de vous faire manipuler du code, de comprendre/d’appréhender l’interaction qu’il existe entre entre le HTML et le CSS.
Mon but n’est pas de vous convertir, mais d’insuffler de la compréhension et de la curiosité.
2Avant toute chose…
Il vous faut vous organiser. Il vous faut être ordonné(e)s.
(Prendre de bonnes habitudes ?)
Aussi, je vous recommande :
- de créer un dossier HTML CSS.
- dans ce dossier HTML CSS, de créer un dossier Base
- dans ce dossier HTML CSS, de créer un dossier Site
Dans le dossier Base, vous déposerez/enregistrerez TOUS les éléments que je vous transmettrai ou téléchargerai depuis les sites dont je vous transmettrai l’URL.
Dans le dossier Site, vous y dupliquerez TOUS les éléments que je vous demanderai d’y dupliquer et y exécuterai les différentes évolution du projet.
Ceci afin de conserver – dans leur intégrité – les fichiers que je vous transmets d’une part, mais aussi, pour moi (lorsque je passerai vous voir à votre poste informatique) comprendre plus rapidement le problème que vous pourriez rencontrer (!).
3Quelques mots et raccourcis clavier
Penser à sauvegarder régulièrement l’avancée du travail en cours.
A chaque fin de session, penser à sauvegarder le dossier Miam et tout ce qu’il contient sur un support (usb/Tél.).
A chaque session, penser à ramener ce support (usb/Tél.).
Depuis le bureau
Copier
Sélection du document > Clic-Droit > Copier ou cntrl+c
Coller
Sélection du document > Clic-Droit > Coller ou cntrl+v
Dupliquer
Sélection du document > Clic-Droit > Dupliquer
Dans NotePad++
Enregistrer
Menu de l’application > Fichier > Enregistrer ou cntrl+s
Enregistrer sous
Menu de l’application > Fichier > Enregistrer ou cntrl+s
lorsque la fenêtre dialogue de NotePad++ s’ouvre (et selon la consigne donnée)
> Texte – Txt
> Hytertexte Markup Language – HTML
> Cascading Style Sheet CSS)
Copier
Sur une sélection de texte ou de code > Clic-Droit > Copier ou cntrl+c
Couper
Sur une sélection de texte ou de code > Clic-Droit > Couper ou cntrl+x
Coller
Au point d’insertion où sera placé le curseur > Clic-Droit > Coller ou cntrl+v
Ouvrir un document
Ouvrir afin de modifier le document (txt/html/css)
Clic droit sur le document > Ouvrir avec NotePad ++
Lire le document (html)
Clic droit sur le document > Ouvrir avec Firefox/Chrome/Internet Explorer/Edge
Depuis un navigateur
Accéder à une adresse web
Taper l’adresse dans la barre d’adresse – pas dans le champ recherche de la page d’accueil (par défaut Google) de votre navigateur
Enregistrer une source
Clic droit sur le lien > enregistrer la cible du lien sous