Grace à MCK III, la fabrication de sites internet où de CD-Rom n'a jamais été aussi simple et amusante.

Transcription

1 1 Grace à MCK III, la fabrication de sites internet où de CD-Rom n'a jamais été aussi simple et amusante. D'un simple clic, intégrez dans vos pages du texte, des images, du son et de la vidéo. Pour avoir un aperçu des possibilités du logiciel, vous pouvez visiter le site Internet du Centre Professionnel Louis Signoles. Il a été créé par les jeunes dans le cadre de l action Equal. (Mise en oeuvre de l'accompagnement socioprofessionnel des personnes handicapées)

2 2 Historique & description détaillée : MCK a été créé à la base pour servir de support de cours à des classes de CM1, CM2 et collège. Par la suite, avec le Centre Professionnel Louis Signoles et dans le cadre de l'action Equal, son champ d'action a été élargi afin de pouvoir être utilisé par des jeunes issus de centres spécialisés. Un système visuel (icônes, vignettes de prévisualisation) a donc été mis en place pour que même l'élève non lecteur puisse se servir du logiciel sans trop de problèmes. Le but de cet éditeur HTML n'est pas de rivaliser avec les ténors du genre (Frontpage Microsoft ou Dreamweaver Macromedia) mais plutôt d'offrir à son utilisateur une approche simple et intuitive pour la création de pages perso. Le code généré par MCK est lisible par tous les navigateurs supportant les "frames". D'abord codé en Delphi, MCK a été entièrement reprogrammé en C++ pour gagner vitesse et stabilité. C'est le résultat de plus de 2 ans de travail et de nombreuses nuits blanches

3 3 Manuel d'utilisation Limite de responsabilités : En aucun cas, l'auteur ne pourra être tenu pour responsable des dommages indirects, particuliers, accidentels ou financiers résultant de l'utilisation et/ou de l'impossibilité d'utiliser le produit. I - Pour bien commencer 1.A Procédure d'installation de MCK3 I.A.1 à partir du CD-ROM 1 Insérez votre CD-ROM dans votre lecteur de CD-ROM. 2 Si vous disposez d'une fonction automatique de détection de CD-ROM, l'installation se fera automatiquement. Cliquez sur l'installation et suivez les instructions qui s'affichent à l'écran. Si vous ne disposez pas d'une fonction de détection automatique de CD-ROM, cliquez sur " Démarrer " dans la barre des tâches, puis choisissez " Exécuter ". Tapez " d:\setup.exe " (si la lettre " d " ne correspond pas à votre lecteur de CD-ROM, indiquez la lettre appropriée).appuyez sur la touche Entrée. 3 Reportez vous au I.B I.A.2 à partir d'internet 1 Après avoir téléchargé le fichier setup.exe, double-cliquez sur celui-ci. 2 Reportez vous au I.B 1.B Installation de MCK3 en images 1 A la question "This will install MCK3... ", Cliquez sur " Oui ". 2 Cliquez sur " Next "

4 4 3 Cliquez sur " Next ". (Cet écran vous permet d'installer MCK3 dans un autre répertoire que celui par défaut.) 4 Cliquez sur " Next "

5 5 5 Cliquez sur " Next " 6 Cliquez sur " Install "

6 6 7 Cliquez sur " Finish " " pour terminer l'installation. Si la case " Launch MCK3 " est cochée, alors, MCK3 se lancera automatiquement après avoir cliquer dans le bouton " Finish ". 1.C Pour bien commencer Après avoir installé et démarré MCK, vous pouvez créer un nouveau projet. 1 Cliquez sur " Créer un nouveau projet ". 2 Après avoir donné un nom à votre projet, vous pouvez saisir le nom de l'auteur ainsi que la taille (en pixel) des pages. 3 Cliquez sur OK pour valider. L'écran principal s'affiche alors (Voir Chap I.D) - Utilisez les boutons à gauche pour ajouter des objets sur la page. (Voir Chap. III) - Les vignettes en bas de l'écran servent à changer de pages. - Pour obtenir le menu de MCK, cliquez en haut, à gauche ou appuyez sur la touche " ECHAP " - Pour accéder au options du projet (Compilation, Exportation, et Paramétrage), cliquez sur le bouton " Options " (Voir Chap. II) - Pour fermer ou réduire le programme, les boutons se situent en haut, à droite. - L'aperçu de la page en cours et du projet s'effectue grâce aux onglets "aperçu" et "projet"

7 7 1.C Pour bien commencer Après avoir installé et démarré MCK, vous pouvez créer un nouveau projet. 1 Cliquez sur " Créer un nouveau projet ". 2 Après avoir donné un nom à votre projet, vous pouvez saisir le nom de l'auteur ainsi que la taille (en pixel) des pages. 3 Cliquez sur OK pour valider. L'écran principal s'affiche alors (Voir Chap I.D) - Utilisez les boutons à gauche pour ajouter des objets sur la page. (Voir Chap. III) - Les vignettes en bas de l'écran servent à changer de pages. - Pour obtenir le menu de MCK, cliquez en haut, à gauche ou appuyez sur la touche " ECHAP " - Pour accéder au options du projet (Compilation, Exportation, et Paramétrage), cliquez sur le bouton " Options " (Voir Chap. II) - Pour fermer ou réduire le programme, les boutons se situent en haut, à droite. - L'aperçu de la page en cours et du projet s'effectue grâce aux onglets "aperçu" et "projet" 1.D Les commandes principales L'accès au menu s'effectue en pressant le bouton en haut, à gauche ou en appuyant sur la touche "Echap".Le titre du projet et le nom de la page s'affichent en haut de l'écran. Les boutons de gauche permettent : d'accéder aux objets disponibles (Image, son, texte, vidéo). d'afficher les propriétés de la page, du projet, et les modèles. d'accéder aux options du logiciel. Les Coordonnées ainsi que la taille des objets s'affichent en bas, à gauche. Les Vignettes de prévisualisation des pages se situent bas. Pour visualiser ou créer une page, il faut cliquer dans celles-ci. 1.E Les touches de raccourcis Echap : Accès au menu de MCK F5 : Actualise l'affichage Ctrl + C : Copier (Copie d'un ou de plusieurs objets) Ctrl + X : Couper (Coupe un objet) Ctrl + V : Coller (Colle un ou plusieurs objets) Ctrl + P : Imprimer la page en cours

8 8 II - Les Projets 2.A Création d'un nouveau projet 1 Lorsque le menu de démarrage s'affiche, cliquez sur " Créer un nouveau Projet " 2 Saisissez un nom pour votre projet. 3 Vous pouvez saisir le nom de l'auteur, ainsi que changer la largeur et la hauteur de la page par défaut. (facultatif) 4 Cliquez dans OK pour Valider 2.B Ouverture (ou chargement) d'un projet 1 Les projets s'affichent dans la liste. Cliquez dans le projet que vous voulez ouvrir. 2 Cliquez sur OK pour valider 2.C Les Options du Projet Pour accéder aux options du projet, cliquez dans ce bouton. 2.C.1 L'exportation Elle permet de d'exporter les pages de votre projet de façon à ce qu'il soit lisible sur un autre ordinateur disposant de MCK3. 2.C.2 La compilation Lorsque les pages sont compilées, l'ordinateur les traduit en langage HTML ce qui permet à votre projet d'être lisible sur tout ordinateur disposant d'un navigateur Internet. MCK3 n'est plus nécessaire à l'exécution de votre projet. Après la compilation, vous pouvez déposer vos pages sur Internet. Pour cela, munissez vous d'un Client FTP (Voir rubrique liens) et uploadez votre projet sur votre site perso. Les fichiers à transférer se trouvent dans le répertoire OUTPUT de votre projet. Remarque : Pour localiser le dossier OUTPUT, cliquez dans Options > Paramètres et Répertoire...

9 9 2.C.3 Les Paramètres Dans cette fenêtre, vous pouvez changer le nom du projet ainsi que celui de l'auteur. La dimension de la fenêtre de sortie peut également être modifiée. (Largeur et Hauteur sont exprimées en pixel) L'offset peut également être changé ce qui agrandira d'autant la fenêtre du navigateur. Lorsque le bouton CD-Rom est coché, il sera possible de graver le répertoire de sortie sur un CD-Rom et votre projet s'exécutera automatiquement. Grâce au bouton Répertoire..., vous pouvez accéder au dossier de votre projet (répertoire OUTPUT) III - Les Objets 3.A L'objet " image " Le bouton " Ajouter une image " 1 Cliquez sur le bouton " ajouter une image " 2 La bibliothèque d'image s'ouvre. Utilisez les onglets pour choisir la provenance des images.

10 10 3.B L'objet " texte " Le bouton " Ajouter un texte " 1 Cliquez sur le bouton " ajouter un texte " 2 Une fenêtre apparaît et vous invite à taper votre texte. Vous pouvez changer la police, la taille, l'alignement (centré, gauche, droite), la couleur de fond et la couleur du texte. 3 Cliquez sur OK pour valider. Remarque : Si vous souhaitez lier votre texte à une autre page, un site internet, une adresse , voir le chapitre 3.E.

11 11 3.C L'objet " son " Le bouton " Ajouter un son " 1 Cliquez sur le bouton " ajouter un son " 2 La bibliothèque Multimedia s'ouvre. Utilisez les onglets pour choisir la provenance des sons. 3 Sélectionnez le répertoire (à gauche) que vous voulez ouvrir. (les sons s'afficheront à droite) 4 Cliquez sur le son et valider par OK. Remarques 1 : - Galerie MCK : correspond au répertoire suivant : Répertoire MCK3\Gallery\Media Vous pouvez rajouter vos propres fichiers sons (*.wav, *.mp3) dans ce répertoire. - Son du Projet : Sélectionne le répertoire " Media " de votre projet. - Ouvrir un fichier : Vous permet de préciser l'emplacement du fichier à insérer. Remarques 2 : - Lors de l'intégration d'un son, vous avez le choix entre plusieurs options : - Afficher tous les boutons : Tous les boutons du Media player de Windows seront affichés. - Démarrage Automatique : Démarre automatiquement la vidéo lors de l'ouverture de la page

12 12 3.D L'objet " video " Le bouton " Ajouter une vidéo " 1 Cliquez sur le bouton " ajouter une vidéo " 2 La bibliothèque Multimedia s'ouvre. Utilisez les onglets pour choisir la provenance des vidéos. 3 Sélectionnez le répertoire (à gauche) que vous voulez ouvrir. (les vidéos s'afficheront à droite) 4 Cliquez sur la vidéo et valider par OK. Remarques 1 : - Galerie MCK : correspond au répertoire suivant : Répertoire MCK3\Gallery\Media Vous pouvez rajouter vos propres fichiers vidéos (*.mpeg, *.mpg, *.avi) dans ce répertoire. - Vidéo du Projet : Sélectionne le répertoire " Media " de votre projet. - Ouvrir un fichier : Vous permet de préciser l'emplacement du fichier à insérer. Remarques 2 : Lors de l'intégration d'une vidéo, vous avez le choix entre plusieurs options : - Afficher tous les boutons : Tous les boutons du Media player de Windows seront affichés. - Démarrage Automatique : Démarre automatiquement la vidéo lors de l'ouverture de la page - Plein écran : Lors de la lecture, la vidéo s'affichera en mode Plein écran. 3.E Le Menu contextuel des objets Grâce à ce menu, vous pourrez accéder aux propriétés de l'objet sélectionné.

13 13 3.F Les liens Seul les objets " Image " et " texte " peuvent être liés. Ce lien peut être : Une page de MCK3 En cliquant sur ce bouton, les pages de votre site s'affichent. Cliquez sur celle que vous voulez lier et appuyez sur OK pour valider. Un site Internet Saisissez le lien vers le site Internet que vous souhaitez lier. Syntaxe : Cliquez sur OK pour valider. Une adresse Saisissez une adresse de la forme : prenom.nom@provider.fr Cliquez OK sur valider. Une commande Internet Tapez la commande Internet souhaitée entre les balises <a href> Validez par OK. Aucun Lien L'objet ne sera pas lié.

14 14 IV - La Page 4.A Propriétés de la page Pour accéder aux propriétés de la page, cliquez sur ce bouton. - Vous pouvez changer le nom de la page, ainsi que sa largeur et sa hauteur. - Pour définir un effet graphique en entrée ou en sortie de page, utilisez la " transition en entrée " et la " transition en sortie " - La couleur du fond peut être changée ainsi que la texture. - Cliquez sur pour changer la texture. (Sélectionnez " Background " dans la bibliothèque graphique. - Cliquez sur pour effacer la texture. Remarque : Il est préférable que le fond soit de la même teinte de couleur que la texture.

15 15 4.B Modèles de pages Bouton " Ouverture et création de modèle " 4.B.1 Création d'un modèle de page 1 La création d'un modèle s'effectue de manière très simple. Fabriquez la page et cliquez sur le bouton " modèle et création de page ". 2 La fenêtre des modèles s'affiche. Cliquez alors dans le bouton " Création d'un nouveau modèle " 3 Saisissez un nom pour le modèle et cliquez sur OK pour valider. 4.B.2 Chargement d'un modèle de page 1 Pour ouvrir un modèle, cliquez dans le bouton " Ouverture et création de modèle ". 2 La fenêtre des modèles s'affiche. Cliquez alors sur le modèle à ouvrir. Attention, la page sera effacée et remplacée par le modèle!

16 16 4.C Copie et Suppression de page - Pour copier une page, cliquez sur la vignette de la page à copier avec le bouton droit de la souris. - Entrez ensuite le numéro de la page que vous souhaitez lui attribuer. Remarque : Si la page n'est pas vide, vous ne pourrez pas la copier. - Pour supprimer une page (la vider), cliquez sur la page à supprimer avec le bouton droit et cliquez dans OK pour valider. V - Transférer son site sur Internet Pour publier votre site sur Internet, il vous faut un Client FTP : c'est un logiciel qui assure le transfert de vos données sur le Web. Dans cet exemple, nous utiliserons deux clients FTP : MckFtp Client est gratuit et facile à utiliser. Il est adapté spécialement à MCK et ne fonctionne d'ailleurs qu'avec lui. SMART FTP a aussi l'avantage d'être gratuit pour une utilisation non commerciale, mais s'oriente plutôt vers des utilisateurs confirmés. 5.1.A MckFtp Client Gratuit et facile d'utilisation, MckFtp est adapté à MCK. Pour transférer un site, il suffit simplement de le sélectionner et de cliquer sur le bouton "Transfert" Vous pouvez librement le télécharger ici. Remarque : Pour déposer vos pages sur le net, il vous faut un espace Web. Demandez le à votre Fournisseur d'accès Internet.

17 B Paramétrage de MckFtp Client Avant toute chose, vous devez vous munir de : L'adresse FTP du Serveur (Chez Wanadoo : perso-ftp.wanadoo.fr) Le répertoire de votre site (Chez Wanadoo : /pub) Votre Login (Chez Wanadoo : Nom.Prenom) Votre Mot de Passe (Chez Wanadoo : Mot de passe messagerie) Si vous n' avez pas toutes ces informations, demandez à votre Fournisseur d'accès de vous les envoyer. Au 1 er démarrage de Mck-Ftp Client, il vous faudra l'initialiser. Pour cela, cliquez sur le bouton «Paramètres». Une fenêtre doit s'afficher et toutes les cellules doivent être renseignées. Address : doit contenir l'adresse du serveur FTP de votre hébergeur. Par exemple, chez Wanadoo, l'adresse FTP est : «perso-ftp.wanadoo.fr» Cette cellule ne doit pas contenir de séparateur (/) ni de répertoire. Login : est votre nom d'utilisateur. Chez Wanadoo, cela correspond au «prenom.nom» Password : est le mot de passe. Directory : contient le chemin vers votre site. Chez Wanadoo, c'est «/pub» (ne pas oublier le séparateur) Remarque 1 : Si la case «Sauvegarder le mot de passe» est cochée, alors, celui-ci sera sauvegardé dans le fichier ini. Si vous n'êtes pas la seule personne à avoir accès à l'ordinateur, il est recommandé de ne pas cocher cette case car n'importe qui pourrait avoir accès au FTP de votre site internet. Remarque 2 : Lors de la saisie, respectez les majuscules et minuscules. En cas d'erreur votre site ne se transfèrera pas! 5.1.C Transfert des pages Attention, avant de transférer vos pages, n'oubliez pas de les compiler : 1 Lancez MCK3 et chargez votre projet. 2 Compilez vos pages ( Options du Projet + Compilation ) Ensuite, vous pouvez fermer MCK3 et lancer MckFtp Client. Après avoir sélectionné votre site dans la liste, il suffit simplement de cliquer sur le bouton «Transférer» Le programme va alors copier tout le contenu des répertoires de votre projet sur le serveur. Au cours des mises à jour de votre site, si un fichier image, son, ou vidéo se trouve déjà sur le serveur, il ne sera pas transféré. Cela permet de gagner du temps. Vous gardez quand même la possibilité de les remplacer en cochant les cases «Retransférer toutes les images» ou «Retransférer tous les fichiers multimedia (son & video)». 5.2.A Avec Smart FTP Si vous souhaitez le télécharger, voici son lien : Remarque : Pour déposer vos pages sur le net, il vous faut un espace Web. Demandez le à votre Fournisseur d'accès Internet.

18 B Paramétrage du Client FTP Avant toute chose, vous devez vous munir de : L'adresse FTP du Serveur (Chez Wanadoo : perso-ftp.wanadoo.fr/pub) Le port du Serveur (21 en général) Votre Login (Chez Wanadoo : Nom.Prenom) Votre Mot de Passe (Chez Wanadoo : Mot de passe messagerie) Si vous n' avez pas toutes ces informations, demandez à votre Fournisseur d'accès de vous les envoyer. Après avoir lancé SmartFTP, il faut le paramétrer. Dans la barre Address, saisissez l'adresse FTP du serveur : Entrez ensuite votre Login, puis votre mot de passe et appuyez sur Entrée Et c'est tout!

19 C Transfert des pages Une fois que vous avez paramétré SmartFTP, on va basculer les pages MCK de votre disque Dur vers votre compte FTP. Le contenu de votre Disque Dur s'affiche à gauche de l'écran. Le contenu de votre site FTP s'affiche à droite. 5.C.1 Compilation avec MCK 1 Lancez MCK3 et chargez votre projet. 2 Compilez vos pages ( Options du Projet + Compilation ) 3 Accédez à votre répertoire ( Options du Projet + Paramètres + Répertoire... ) Remarque : La fenêtre de l'explorateur Windows s'affiche avec à l'intérieur les dossiers qui doivent être copiés. 5.C.2 Copie du site avec SmartFTP 1 Lancez SmartFTP. 2 Connectez-vous à votre serveur FTP. 3 Dans la fenêtre de l'explorateur Windows, sélectionnez tout les fichiers et tous les répertoires (CTRL + A) 4 Copiez la sélection de l'explorateur vers le répertoire de votre site FTP. (Technique du Drag and Drop : Cliquez dans la sélection en bleu et sans lacher le bouton de la souris, déplacez le curseur vers la fenêtre de votre site FTP) Drag & Drop 5 C'est fini! Le site est à présent transféré sur votre Espace Web.

20 Menu de démarrage : Créer un nouveau projet, Ouvrir un projet existant, ou quitter le programme. Ecran Principal de MCK 3 Toutes les fonctions sont regroupées sur le côté gauche de l'écran

21 La bibliothèque d'image permet de choisir simplement les graphismes à incorporer à votre page. Vous pourrez voir vos vidéos et écouter vos sons avant de les insérer dans la page. Vous pourrez voir vos vidéos et écouter vos sons avant de les insérer dans la page.

22 Cette fenêtre vous permet de taper le texte, ainsi que de le formater. Ce menu vous permet d'exporter, de compiler et de paramétrer votre projet.