Cours_Pages_Perso

071021 - Au fait, si tu veux monter un Site il faut:

- Ouvrir un espace perso après avoir ouvert un compte e-mail, soit celui que tu as déjà soit un autre dédié au Site. Attention il faut un nom original (dans le sens d'unique).

- Remplir le Site, dans un répertoire sur son ordinateur, c'est à dire créer des pages et les remplir. Pour un Site selon le modèle du mien, cela se fait avec Open Office. Quelques éléments sont déjà sur le Site Anglet Accueille à la page informatique, page "Cours pages perso".

Dans ce cours je traite des cadres et des liens, de l'insertion de dessins et photos en .jpg par copier/coller depuis PhotoFiltre, c'est le plus simple.

Le texte, tableaux et autres élaborations fonctionne comme un traitement de texte qu'est OO. En .html, le texte et les photos qui sont dans la même page sortent avec des fichiers différents, un pour la page, un pour chaque photo. Il est indispensable que les fichiers soient dans un même répertoire d'ailleurs il faut mettre tous les fichiers d'un Site dans un seul et unique répertoire. Une information, les photos changent de nom choisi par OO quand elles deviennent html.

- Mettre le site sur Internet dans l'espace perso avec Filezilla, en .ftp.

- Entretenir le site, changer carrément les pages quand on les modifie, le premier fichier en html quand il n'y a que du texte, les photos concernées quand elles sont changées. D'ailleurs s'il y a des doutes sur le nom des photos, après s'être assuré que le site sur l'ordi est parfait, il suffit d'effacer purement et simplement sur le site la page concernée, texte et toutes les photos et de la remplacer par la page qui est sur l'ordi. Pour une modification d'un texte, mot, phrase, etc, ajout de texte, ne changer que le premier fichier .html. Ne pas toucher aux fichiers photos.

Je mets cette page sur le Site pour les futurs WebMasters.

Voilà, il suffit de se lancer.

Pages pour Site Perso avec "Open Office"

Mise en place de cadres:

• "Insertion", "Cadres",

- Dans la fenêtre, "A la page",

- "Horizontal" ou "à gauche", "0,5" pour le premier cadre à gauche.

- "Vertical" ou "en haut", 0,5 pour le premier cadre en haut.

-Nota, le cadre peut être déplacé à la souris une fois sélectionné mais perd sa position bien définie.

Pour sélectionner un cadre cliquer sur le coin en haut à gauche.

Pour écrire dans un cadre le désélectionner en cliquant en dehors.

Mise en place de liens:

- Insscrire le nom d'arrivée dans un cadre ouvert, par exemple "Page101".

- Sélectionner en bleu ce nom.

- "Insertion", "Hyperlien",

@ - "Document":

- Dans la fenêtre,  cliquer sur le bouton "Document"", tous les renseignements à donner appartiennent à la page de départ du lien, page100 si l'on envoie depuis la page 100.

- "Chemin", cliquer à droite sur le dossier jaune. On est dans l'explorateur de Windows.  Pour un fichier nouveau, en ouvrir un. Le fichier en question est la page sur laquelle on travaille. La mettre donc dans un répertoire au format "html" et l'appeler par exemple "page100_01".

Pour la reprise d'une page existante, aller dans le répertoire ou se trouve le fichier.

Enregistrer assez souvent.

- "Cible à l'intérieur du document", "Page101". Ce nom est inscrit dans le cadre de départ du lien.

- Dans la ligne "texte", écrire "Page101".

- Cliquer sur "Appliquer".

- Cliquer sur petit bouton bleu, blanc, rouge.

- Une fenêtre s'ouvre. Cliquer sur "Cadre Texte", sur "Appliquer puis sur "Fermer".

@ - "Nouveau Document":

- Dans la fenêtre, cliquer sur le bouton "Nouveau Document", tous les renseignement à donner appartiennent à la page d'arrivée du lien, page 101 si l'on envoie à la page 101.

- "Chemin", cliquer à droite sur le dossier en jaune. On est dans l'Explorateur de Windows. Donner le nom du répertoire ou est le fichier déjà ouvert. On complète à la main le nom du fichier. Le format ".html" se met tous seul en place.

- Type de fichier, cliquer sur "Document .html".

- Cliquer sur "Appliquer".

- "Insertion", "Hyperlien

Le lien est en place.

Il faudra faire la même chose sur la page 101 en retour vers la page 100.

Pages pour Site Perso avec "Open Office"

Mise en place de photos ou d'images au format ".jpg":

Les images, photos et autres documents graphiques sont au format .jpg.

Avec PhotoFiltre:

Si les photos ne font pas la largeur de page les mettre en page sur un feuillet "Nouveau" et assembler les documents pour avoir une largeur de page avec deux petites marges blanches de part et d'autre. Recadrer au plus juste en bas et en haut.

- Clic droit de la souris sur la photo. Cliquer sur "Copier".

Reprendre la page en cours avec Open Office.

- Clic droit de la souris à l'emplacement choisi pour implanter la photo. "Coller".

Enregistrement de la page pour la rendre opérationnelle pour le site sur Internet:

- Enregistrer sous

- Choisir le répertoire

- Mettre un nom.

- Prendre le format ".html"

- Enregistrer sous

- Garder le même répertoire

- Garder le même nom

- Prendre le format html ".oth".

La page ainsi que la photo qui a été mise dessus ont été enregistrées. Trois documents html, deux fois la page et la photo sont prêts à être mis ensemble sur le Site.

****************

Ces documents .html seront mis sur le site avec le protocole "FTP". Ce sera l'objet d'un prochain cours.