CV – Désolée…

Interface MAC

Masquage du DOCK sur MAC

Trackpad MAC
📌 Faire un clic droit

Messagerie MAC MAIL

Messagerie

Navigation Web

MAC-OFFICE 2011 Version 14.6.8

MAC Word 2011

Word

PC WINDOWS 10
📌 2012 TRCG - Excel COURS 2003
📌 2012 TRCG - Excel PRATIQUE 2003

MAC Excel 2011
📌 Excel 2011

MAC PowerPoint 2011

PowerPoint

Dans un document OFFICE :
📌 Ouvrir et fermer le programme désiré
(WORD/EXCEL/POWERPOINT)
📌 Saisir du texte au clavier (WORD)
📌 Insérer un symbole, un caractère spécial
📌 Dominer la correction automatique
📌 Créer un lien hypertexte

LOGICIEL DE RETOUCHE D'IMAGES GRATUIT POUR BESOINS MOINS PRO :

Gimp
➜ Version n°? - compatible Windows !!
mise à jour : http://www.gimp-fr.org/telecharger_windows.php
sur le site officiel

➜ Sous-version compatible Mac ! (provenance hors site officiel)
À trouver, en faisant attention ⚠️ sachant que certains téléchargements peuvent inoculer des virus ou certaines versions peuvent avoir des bugs !

♦️ Interface simple et facile à maîtriser

📌 Plan de travail
📌 Barre
📌 Boîte d'outils
📌 Options de l'outil
📌 Calques
📌 etc.

♦️ Retoucher l'image

📌 xxx
📌 etc.

♦️ Créer une affiche (juste en mode RVB !)

📌 xxx
📌 etc.

Choisir un hébergeur
Optez pour l'offre unique o2switch à 5€/mois HT pour tout en illimité et un service top !
📌 Explications tirées du WEB (o2switch)
📌 Explications tirées du WEB (OVH)

Télécharger et installer FileZilla
= Logiciel permettant de transférer les fichiers via FTP
📌 Télécharger FileZilla pour Mac
📌 Télécharger FileZilla pour Windows
📌 Télécharger FileZilla pour Linux

Télécharger et installer WORDPRESS
Option Wordpress.com :
= Manière la plus simple de créer le site mais un site non personnalisable... option que je n'ai pas retenue
car je tiens à avoir un certain contrôle !)
Option Wordpress.org :
📌 Installation WordPress personnalisée afin de bénéficier d'un contrôle optimal du site

Accéder à l'administration du site
Sur le WEB :
📌 Taper l'adresse d'administration
📌 Taper l'identifiant & le mot de passe - Valider

Choisir un thème WORDPRESS
📌 xx

WordPress
Thèmes expérimentés :
• TRAVELIFY gratuit
• & HUEMAN gratuit
Thème non expérimenté semblant intéressant mais payant :
• AVADA sous THEMEFOREST
📌 Explications du WEB pour administrer sous ce thème

Se positionner dans l'interface d'administration
📌sous WORDPRESS

📌 Accéder à l'interface d'administration

Et, une fois devant cette interface d'administration...

Personnaliser le thème choisi
📌 Installer le Favicon
📌 Installer le logo d'en-tête
📌 Simuler des associations de couleurs
pour la customisation du site

Créer l'indispensable PAGE D'ACCUEIL
📌 Créer la HOME PAGE statique

Créer une quelconque PAGE WEB
📌 Créer une page web

Et au sein de cette page :

_✍🏻_ Mettre en forme le texte :
📍 Utiliser l'Éditeur en MODE VISUEL
=> mise en forme simple.
📍 Utiliser l'Éditeur en MODE TEXTE =HTML
pour une mise en forme personnalisée.
➜ Et donc utiliser des balises :
<p> pour créer un paragraphe
<span> pour différencier la mise en style
concernant une portion de texte
<hr /> pour créer une séparation horizontale
<xxx> pour créer un ...
<sup> pour écrire les abréviations en HTML
➜ Utiliser des propriétés CSS :
text-align: left; pour aligner le texte à gauche
text-align: center; pour centrer le texte
text-align: right; pour aligner le texte à droite
text-align: justify; pour aligner le texte
à gauche comme à droite
padding-left: 5px; pour créer un retrait de 5px
à gauche
padding-right: 5px; pour créer un retrait de 5pxà droite

_🌅_ Insérer des médias :
📍 Gérer les médias
📍 Insérer une image
Et à propos :
➜ Utiliser Photoshop pour :
🔺 Réduire le poids d'une image/photo
(Enregistrer pour le web)
➜ Coder en mode TEXTE (= HTML) pour :
🔺 Faire changer d'image au survol de souris
(onmouseover / onmouseout)

📍 Insérer une animation
📍 Insérer une vidéo 🎥
Et à propos, utiliser VLC Média-Player pour :
🔺 Réduire le poids d'une vidéo
(Convertir en MP4)
📍 Insérer de la musique 🎶
📍 Insérer un fichier [.pdf]
📍 Insérer d'autres fichiers téléchargeables

Créer une page CONTACT
📌 Intégrer un formulaire de contact 👥
📌 Intégrer une carte Google Maps 🌍

Créer une page MENTIONS LÉGALES
📌 Obligation française ⚖️

Créer des MENUS
📌 Créer un menu (parent)
📌 Créer un sous-menu (enfant)
📌 Créer un menu parent non cliquable

Meubler la BARRE LATÉRALE de WIDGETS

📌 Créer un widget de type TEXTE

Au sein de ce widget :

_✍🏻_ Mettre en forme le texte :
📍 Utiliser l'écriture simple
=> Mise en forme incolore, alignée à gauche.
➜ Cocher la mise en § pour aller à la ligne.
📍 Utiliser l'écriture HTML
pour une mise en forme personnalisée.
➜ Utiliser la balise <br> pour aller à la ligne

_🌅_ Insérer des médias :
📍 Insérer une image
📍 Montrer l'image2 au survol de l'image1
Formule (onmouseover onmouseout:

📍 Insérer une animation
📍 Insérer une vidéo 🎥
📍 Insérer de la musique 🎶

Meubler la BARRE LATÉRALE [2]
➜ Créer un WIDGET de type CALENDRIER 📆

📌 Hélas NON conçu comme un calendrier
où faire apparaître les événements à venir !
(les futures expos par exemple)
Mais conçu comme calendrier des articles
parus ce jour et antérieurement.
(=> Utilité très médiocre !)

➜ Mise à profit artisanale de sa fonction si mal conçue :
• Créer les articles des expos à venir.
• Tous les publier ce jour.
• Et en titre du widget CALENDRIER,
inscrire à côté du mot « Calendrier: » :
« Cliquez sur la date de ce jour pour
connaître les futures expos. »
• Ensuite actualiser chaque jour leur date de parution
jusqu'à la date de l'événement...
Agaçant et lassant n'est-ce pas ?!!
Pas trouvé d'extension gratuite qui ferait le travail !

Créer le SLIDER (= diaporama de la page d'Accueil)

➜ Composer le contenu du diaporama :

• Créer à minima deux articles.
Le titre d'article sera le seul contenant de texte
et c'est précisément ce texte qui
se superposera au diaporama.
Le corps d'article ne contiendra pas de texte
mais de larges images (du genre affiche
d'expo + invitation + plan, que sais-je...).

• Sous PHOTOSHOP ou autre,
créer strictement dans ces dimensions :
1018 x 460 px
les images que le SLIDER montrera.
Puis les importer dans la bibli. du site.
Entrer ensuite ces images comme
« IMAGE À LA UNE »
(en bas droit de l'éditeur d'article)
pour chaque article concerné.

• En barre latérale du tableau de bord,
cliquer sur TOUS LES ARTICLES.
> Dans la dernière colonne, ID, noter sur papier
les ID des articles concernés.

• En barre latérale du tableau de bord :
APPARENCE
> PERSONNALISER
> ... FEATURED SLIDER
> OPTIONS ARTICLE
> Taper les ID recueillies précédemment :
la 1ère en regard de SLIDE #1,
la 2e en regard de SLIDE #2, etc.
> OPTIONS DU SLIDER
- EFFECT (= effet),
- DELAY (= délai),
- LENGHT (= durée, en secondes)
> ENREGISTRER

• Vérifier le fonctionnement du diaporama
en haut de la page d'accueil.

• Cliquer sur une image du diaporama,
renvoie à l'article correspondant.

Créer un LIEN...

➜ ...vers une autre page du même site
sans ouvrir de nouvel onglet :
📌 <a href="PermalienPage">
Annoncedulien</a>

➜ ...vers un endroit précis de la même page
ou un endroit précis d'une autre page du même site
sans ouvrir de nouvel onglet :
📌 Notion d'ancrage ⚓️
=> 1) Destination du lien :
<a name="motàancrer"></a>
=> 2) Départ du lien :
<a href="PermalienPage/#motancré">
Annoncedulien</a>

➜ ...vers (la page d') un autre site web
en ouvrant dans un nouvel onglet :
📌 <a href="PermalienPage" target
="_blank" rel="noopener">
Annoncedulien</a>

Créer un TABLEAU

➜ Utiliser des balises et leurs options :

📌<table> pour définir la réalité du tableau.
avec son attribut width en pixels (px) ou en %
pour définir la largeur du tableau.

📌<tr> (= table row) pour définir une ligne

📌<td> (= table data) pour définir une cellule
avec son attribut width en pixels (px) ou en %
pour définir la largeur de la cellule.

➜ Fusionner des cellules :
📌rowspan="X" pour fusionner X lignes
📌colspan="Y" pour fusionner Y colonnes