Utiliser MCK3

Transcription

Utiliser MCK3

Multimedia Construction Kit
http://www.fredericfouet.com
Erip Aix-Ouest – ASH3
d'après Frédéric Fouet
Installation de MCK3 en images
Après avoir téléchargé le logiciel, double-cliquez sur l'icone d'exécution automatique.
Cliquez sur " Next "
Cliquez sur " Next ". (Cet écran
vous permet d'installer MCK3 dans
un autre répertoire que celui par
défaut.)
Cliquez sur " Install "
Cliquez sur " Finish " " pour
terminer l'installation. Si la case "
Launch MCK3 " est cochée, alors,
MCK3 se lancera automatiquement
après avoir cliqué sur le bouton "
Finish ".
Un icône de lancement du logiciel est maintenant présente sur le bureau. Vous
pouvez supprimer le dossier téléchargé.
Pour bien commencer…
Après avoir installé et démarré MCK, vous pouvez créer un nouveau projet.
Cliquez sur " Créer un nouveau
projet ".
Après avoir donné un nom à votre
projet, vous pouvez saisir le nom
de l'auteur ainsi que la taille (en
pixel) des pages.
Cliquez sur OK pour valider.
L'écran principal s'affiche alors…
La première page :
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"
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
texte
son
vidéo
• d'afficher des options complémentaires :
propriétés de la page
modèles de page
options du projet
• d'obtenir des informations supplémentaires :
options du logiciel
infos propriétaire
coordonnées de
l'objet sélectionné
taille de l'objet
sélectionné
Les vignettes de prévisualisation des pages se situent en bas.
Pour visualiser ou créer une page, il faut cliquer dans celle-ci. Des boutons de
déplacement sont situés aux deux extrémités de la barre de visualisation.
La page en cours d'édition est soulignée :
Les touches de raccourcis
Echap :
F5 :
Ctrl + C :
Ctrl + X :
Ctrl + V :
Ctrl + P :
Suppr :
Accès au menu de MCK
Actualise l'affichage
Copier (Copie d'un ou de plusieurs objets)
Couper (Coupe un objet)
Coller (Colle un ou plusieurs objets)
Imprimer la page en cours
Supprimer (Suppression d'un ou de plusieurs objets)
Les Projets
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
Ouverture (ou chargement) d'un projet
1. Lorsque le menu de démarrage s'affiche, cliquez sur "Ouvrir un projet
existant"
2. Les projets s'affichent dans une liste. Cliquez sur le projet que vous voulez
ouvrir.
3. Cliquez sur OK pour valider
Les Options du Projet
Pour accéder aux options du projet, cliquez dans ce bouton.
Le retour
permet de revenir dans l'espace de travail
L'exportation
permet d'enregistrer les pages de votre
projet de façon à ce qu'il soit lisible sur un
autre ordinateur disposant de MCK3
La compilation
traduit les pages en langage HTML ce qui
permet à votre projet d'être lisible sur tout
ordinateur disposant d'un navigateur
Internet, soit par le web, soit par un cdrom
Les Paramètres
Dans cette fenêtre, vous pouvez changer les options du projet :
• nom du projet
• nom de l'auteur
• dimension de la fenêtre de sortie
(Largeur et Hauteur sont exprimées en
pixel)
• offset, ce qui agrandira d'autant la
fenêtre du navigateur
• lorsque le bouton CD-Rom est activé, il
est possible de graver le répertoire de
sortie sur un CD-Rom et le projet
s'exécutera automatiquement.
• grâce au bouton Répertoire..., vous
pouvez accéder au dossier de votre
projet
Dans le cas de création de pages internet, le bouton Méta-Tags vous permet
d'indiquer des indices de référencement à destination des moteurs de recherche.
Note : Vos fichiers sont situés dans le dossier OUTPUT de votre projet :
C:\ProgramFiles\MCK3\Projects\nomduprojet\OUTPUT.
Les Objets
L'objet " image "
Cliquez sur le bouton "Ajouter une image"
La bibliothèque d'images s'ouvre. Utilisez les onglets pour choisir la provenance des
images.
Dans l'onglet Galerie MCK3, vous disposez d'un certains nombre d'images
déposées par l'auteur du logiciel. Sélectionnez le répertoire (à gauche) que vous
voulez ouvrir, les images s'afficheront à droite. Un aperçu de l'image sélectionnée est
affiché dans la partie en bas à gauche de la fenêtre.
Note : Galerie MCK correspond au répertoire suivant : C:\ProgramFiles\MCK3\Gallery\
Images. Vous pouvez ajouter vos propres fichiers images (aux formats *.gif, *.jpg ou *.bmp)
dans ce répertoire. Ils seront disponibles pour tous vos projets
Dans l'onglet Images du Projet, vous retrouverez les images utilisées dans le
projet.
Note : Images du Projet correspond au répertoire suivant : C:\ProgramFiles\MCK3\Projects\
Nom du projet\GFX. Vous pouvez ajouter vos propres fichiers images (aux formats *.gif,
*.jpg ou *.bmp) dans ce répertoire. Ils ne seront disponibles que pour le projet en cours.
Cliquez sur l'image et validez par OK.
Dans l'onglet Ouvrir un fichier, vous ouvrirez une fenêtre d'exploration qui vous
permettra de préciser l'emplacement du fichier à insérer.
IMPORTANT ! Pensez à calibrez vos images avant de les utiliser : leur taille n'a pas
besoin d'être plus grande que celle de la page (et encore, si l'image doit servir de
fond de page…), une résolution de 72dpi est suffisante pour un affichage sur écran.
Si vous comptez publier vos pages sur le web, le temps de chargement sera moins
long et vos visiteurs vous en seront reconnaissants.
L'objet " texte "
Cliquez sur le bouton "Ajouter un texte"
Une fenêtre apparaît et vous invite à taper votre texte.
Vous pouvez changer la police, la taille, l'alignement (centré, gauche, droite),
la casse (Gras, Italique), la couleur de fond (par défaut, le fond est transparent) et la
couleur du texte. La mise en forme se fait sur la totalité du texte saisi, même s'il n'est
pas sélectionné.
En cliquant sur le petit dossier en haut à droite, vous pouvez importer un texte
précédemment saisi et enregistré au format *.txt, mais il y aura ensuite des
manipulations pour établir une taille de fenêtre correcte.
Cliquer sur le bouton fléché permet d'insérer un lien. Nous verrons plus loin
comment faire, et quelles autres actions le permettent.
Cliquez sur OK pour valider.
Il est possible d'éditer un texte validé pour le modifier. Nous verrons plus loin
comment faire.
IMPORTANT ! Veillez à ne pas utiliser de polices trop "exotiques". En effet, pour un
rendu identique sur l'écran du destinataire, il faut que ce dernier possède les mêmes
polices que vous. Si tous les ordinateurs disposent de Times New Roman, Arial ou
Comic Sans MS, il est moins évident d'y trouver des polices spécifiques comme
Ecolier ou Crayon et a fortiori des polices commerciales.
L'objet "son"
Cliquez sur le bouton "Ajouter un son"
La bibliothèque Multimedia s'ouvre.
Elle ressemble beaucoup à la bibliothèque d'images et son organisation en est
identique.
Dans l'onglet Bibliothèque MCK3, vous disposez d'un certains nombre de sons
ou d'extraits musicaux (au format *.mid) déposées par l'auteur du logiciel.
Sélectionnez le répertoire (à gauche) que vous voulez ouvrir, les images s'afficheront
à droite. Un aperçu du son sélectionné est affiché dans la partie en bas à gauche de
la fenêtre et il est possible de l'écouter en cliquant sur le bouton "jouer".
Note : Bibliothèque MCK correspond au répertoire suivant : C:\ProgramFiles\MCK3\Gallery\
Media. Vous pouvez ajouter vos propres fichiers sons (aux formats *.mid, *.wav ou *.mp3)
dans ce répertoire. Ils seront disponibles pour tous vos projets
Dans l'onglet Sons du Projet, vous retrouverez les sons utilisés dans le projet.
Note : Sons du Projet correspond au répertoire suivant : C:\ProgramFiles\MCK3\Projects\
Nom du projet\MEDIA. Vous pouvez ajouter vos propres fichiers sons (aux formats *.mid,
*.wav ou *.mp3) dans ce répertoire. Ils ne seront disponibles que pour le projet en cours.
L'option "Afficher tous les boutons" modifie l'aspect de la barre de lecture : par
défaut, si la case n'est pas cochée, seuls les boutons "Lecture", "Arrêt" et "Réglage
du volume" sont affichés.
L'option "Démarrage automatique" permet de démarrer la lecture du son à
l'ouverture de la page.
Validez par OK.
Dans l'onglet Ouvrir un fichier, vous ouvrirez une fenêtre d'exploration qui vous
permettra de préciser l'emplacement du fichier à insérer.
L'objet " video "
Cliquez sur le bouton "Ajouter une vidéo"
La bibliothèque Multimedia s'ouvre. C'est la même que la précédente, mais le bouton
"Video" est disponible.
Utilisez les onglets pour choisir la provenance des vidéos.
Visualisez la vidéo sélectionnée en bas à gauche (bouton "Jouer")
L'option "Afficher tous les boutons" modifie l'aspect de la barre de lecture : par
défaut, si la case n'est pas cochée, seuls les boutons "Lecture", "Arrêt" et "Réglage
du volume" sont affichés.
L'option "Démarrage automatique" permet de démarrer la lecture du son à
l'ouverture de la page.
Validez par OK.
Note : Bibliothèque MCK correspond au répertoire suivant : C:\ProgramFiles\MCK3\Gallery\
Media. Vous pouvez ajouter vos propres fichiers vidéo (aux formats *.mpeg, *.mpg ou *.avi)
dans ce répertoire. Ils seront disponibles pour tous vos projets.
Sons du Projet correspond au répertoire suivant : C:\ProgramFiles\MCK3\Projects\
Nom du projet\MEDIA. Vous pouvez ajouter vos propres fichiers vidéo (aux formats *.mpeg,
*.mpg ou *.avi) dans ce répertoire. Ils ne seront disponibles que pour le projet en cours.
Actions sur les objets
En cliquant une fois sur un objet, il est sélectionné : une petite barre d'outils s'affiche
à gauche de l'objet ; trois poignées (petits carrés crème) apparaissent sur le bord
bas, sur le bord droit et dans l'angle en bas-droite de l'objet.
En cliquant (clic gauche) sur l'objet, et
en maintenant le bouton de la souris
enfoncé, vous déplacez l'objet n'importe
où sur la page.
En cliquant (clic gauche) sur la poignée
de droite, et en maintenant le bouton de
la souris enfoncé, vous étirerez ou
réduirez l'objet dans le sens de la
Largeur.
En cliquant (clic gauche) sur la poignée
du bas, et en maintenant le bouton de la souris enfoncé, vous étirerez ou réduirez
l'objet dans le sens de la Hauteur.
En cliquant (clic gauche) sur la poignée d'angle, et en maintenant le bouton de la
souris enfoncé, vous étirerez ou réduirez l'objet de façon proportionnelle.
Image originale
En tirant le bas
En tirant le côté
Les petits boutons à gauche de l'objet vous
permettent d'effectuer des actions rapides : utiliser
un autre objet, de même catégorie, mettre l'objet
au premier plan, à l'arrière-plan, créer un lien,
accéder aux propriétés de l'objet (positionnement
et taille précis, dossier de l'objet, lien éventuel).
En effectuant un clic droit sur l'objet, vous affichez
un menu contextuel qui complète le menu des
petits boutons.
Les liens
Seul les objets " Image " et " texte " peuvent être liés.
En tirant l'angle
En cliquant sur le bouton "Lien" ou sur la ligne "Lier…" du menu contextuel, vous
pouvez créer un lien :
Vers une page du
projet
Les pages de votre site s'affichent.
Cliquez sur celle que vous voulez
lier et appuyez sur OK pour valider.
Vers un site internet
Saisissez le lien vers le site Internet
que vous souhaitez lier sous la
forme : www.site.fr et appuyez sur
OK pour valider.
Vers une adresse email
Saisissez une adresse e-mail de la
forme : [email protected]
et appuyez sur OK pour valider.
Vers une commande
Internet
Tapez la commande Internet
souhaitée entre les balises <a href>
(Réservé aux utilisateurs très
avertis)
La Page
Propriétés de la page
Pour accéder aux propriétés de la page, cliquez sur ce bouton.
C'est dans cette fenêtre que vous définirez la première page de votre projet en
cochant la case "Page de démarrage".
•
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 en
cliquant sur le bouton
•
Cliquez sur le bouton
pour changer
la texture ou pour mettre une image en
fond de page. (Pour les textures, sélectionnez
"Background" dans la bibliothèque graphique. Il est préférable que le fond soit de la même teinte de
couleur que la texture. Pour une image, veillez à ce qu'elle soit de la même dimension que la page.)
Modèles de pages
Un modèle vous permettra de travailler sur une base de mise en page identique pour
toutes les pages créées à partir du modèle. C'est très utile, par exemple lorsqu'on
conçoit une barre de navigation que l'on souhaite retrouver dans tout le projet.
Fabriquez la page qui servira de modèle et cliquez sur le bouton "modèle et
création de page".
La fenêtre des modèles s'affiche :
Cliquez alors dans le bouton "Création d'un nouveau modèle"
Saisissez un nom pour le modèle et cliquez sur OK pour valider.
Pour créer une nouvelle page à partir d'un modèle, placez vous sur une page vierge
et cliquez sur le bouton "modèle et création de page".
Cliquez alors sur le modèle à ouvrir. Une page pré-formatée est affichée et vous
pouvez la compléter avec de nouveaux objets.
ATTENTION ! si vous n'êtes pas sur une page vierge, le contenu en place sera
effacé et remplacé par le modèle !
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 de destination 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. (Remarque : Vous ne pouvez pas supprimer la page
sur laquelle vous êtes.)
Divers
Visualiser le projet
A tout moment, vous pouvez, en cliquant sur les onglets en haut à gauche, soit :
Visualiser la page en cours
Visualiser la totalité du projet
Revenir à la conception de page
Quitter le projet
En cliquant sur le bouton "Fermer", en haut à droite de la fenêtre de travail, une
sauvegarde automatique est effectuée et vous quittez le logiciel.
Compilation
En cliquant sur le bouton "Options du projet", vous pouvez le compiler pour
une distribution web ou cd-rom. Le logiciel génère automatiquement le
langage HTML nécessaire.
Dans le cas d'une version cd-rom, vous pouvez
au préalable cocher la case CD-ROM dans la
fenêtre Paramètres…, ce qui permettra un
lancement automatique du cd lors de son
insertion dans un lecteur.
La compilation se fait automatiquement. Vous
n'avez aucun choix à faire (dossier de
destination, format, nom…)
Distribution
Dans le cas d'une exportation pour le web, il faudra transférer votre travail sur le
serveur de votre FAI à l'aide des outils que vous utilisez habituellement. Sinon, vous
trouverez sur le site de Frédéric Fouet un petit utilitaire permettant le transfert de
pages web créées avec MCK3.
Dans le cas de création de cd-rom, gravez le
C:\ProgramFiles\MCK3\Projects\Nom_du_projet\OUTPUT
contenu du dossier

Utiliser MCK3

Transcription

Documents pareils

1er pas dans I-Prof

http://www.ca-cotesdarmor.fr Vider les fichiers temporaires et l

mode d`emploi - Médiathèque municipale de Villeneuve d`Ascq

Comparer des documents à l`aide de la visionneuse en ligne

detecter et supprimer les faux logiciels sous

Pour consulter le manuel d`utilisation d`une machine John Deere

Tutoriel pour Free Video Dub Comment supprimer des parties

Comment activer un code cheque-cadeau Gamesplanet

CREPS de Bourgogne