AIDE POUR DCD WEB V7.0
AVANT TOUT : Explications sur l'HTML
1.Créer un nouveau document HTML
2.Créer un nouveau document HTML
contenant des cadres
3.Ouvrir
Enregistrer/enregistrer sous...
4.Utilisation des
feuilles de style
19.Texte changeant de couleurs
24.Boutons de déplacement
: précédant/suivant
31.Effets de texte : clignotants
et défilants
32.Les fonctions PLAY, STOP,
PAUSE
L'html est le langage de code qu'utilise Internet.
L'HTML ne comprend malheureusement pas les retours à la ligne
(ENTRER), il lui faut donc un code
spécial pour les retours. Une aide sur ce code est disponible
dans la rubrique "30.passer une
ligne".
L'html ce décompose en "balises". Ces balises sont
automatiquement créées par DCD Web V7.0.
Barre d'outils :
Principale
La fenêtre des
nouveaux documents s'allume à l'ouverture de DCD Web V7.0. Elle est
également disponible en cliquant sur
"Fichier/Nouveau".
Cette fenêtre comprend plusieurs onglets définis si dessous :
L'onglet
"Paramètre" :
C'est ici que vous
donnerez les paramètres principaux de votre page web. Une description
rapide dans l'onglet "description", les mots clé que
le moteur de recherche devra trouver sur
internet, le nom de l'auteur dans l'onglet "auteur",
les couleurs du texte et des liens et
surtout, le chemin de votre site. Ce chemin est la base de toute
la création qui va suivre.
L'onglet
"Images et sons" :
Ici, vous devrez, si
vous souhaitez un son où une image de fond, entrer les chemins du
fond musical, le nombre de fois qu'il sera répété et une image
de fond.
L'onglet
"Souris" :
Si vous désirez que
votre souris soit animée par des "bullets" (petites boules) qui
tournent autour d'elle, vous devez cocher ici, "Souris
Bullets" et insérer le chemin de l'image
qui servira de "bullet" MAIS, les fichiers bullet ont
une extension spécifique : *.bul. Ces
fichiers sont donc disponibles dans le dossier
"bullets" de DCD Web.
L'onglet
"Feuille de démarrage" :
Ici, vous pouvez
choisir ou non d'afficher une fenêtre à l'ouverture ou à la fermeture
de votre site. Cette fenêtre contiendra le texte que vous aurez
saisi dans cet onglet.
Une fois ces
informations remplies, cliquez sur "OK" pour créer une nouvelle
feuille ou "ouvrir" pour ouvrir un fichier HTML
existant.
La fenêtre de cadre
s'ouvre sur clique de : Fichier/cadres.
Dans cette fenêtre, vous avez le choix entre 3 types de cadres :
HORIZONTAL
VERTICAL
3
CADRES
Pour chacun, un aperçut est dessiné avec des rectangles bleu
vert NUMEROTES.
Vous devez noter la Hauteur des colonnes et la largeur des
lignes.
Si la valeur est 0, l'une des pages sélectionnée sera invisible.
Ensuite, vous devrez désigner les pages web à ouvrir dans chaque
cadre.
Vous devez également taper le titre de la page et dans les
onglets :
Vous donnerez les
paramètres principaux de votre page web. Une description
rapide dans l'onglet "description", les mots clé que
le moteur de recherche devra trouver sur
internet, le nom de l'auteur dans l'onglet "auteur",
les couleurs du texte et des liens et
surtout, le chemin de votre site. Ce chemin est la base de toute
la création qui va suivre.
Barre d'outils
: PRINCIPALE
Les fonctions
d'ouverture et d'enregistrement de fichier sont disponibles dans
Fichier/Ouvrir, Fichier/Enregistrer, Fichier/Enregistrer sous...
Cette fonction est
nouvelle dans DCD Web V7.0. Sachez qu'un éditeur de style est
disponible sur demande à : damien.letroher@club-internet.fr
Pour les feuilles de
style, vous devez impérativement remplir les champs "Titre de la
page" et "Chemin de votre site" dans la fenêtre
"Nouveau". Sans ces informations, DCD Web V7.0
vous affichera un message d'annulation.
Une fois les
paramètres de "Nouveau" remplis, vous pouvez cliquer sur
"Fichier/Nouveau
style". Une nouvelle page s'affiche.
ATTENTION: Lors de l'ouverture de la fenêtre "styles",
DCD Web V7.0 fermera tous les projets en
cour.
Dans la fenêtre de
styles, vous devez sélectionner un des styles disponibles dans la
fenêtre à gauche de votre écran. Double cliquez sur DCD Styles
et vous aurez les styles offerts
par DCD Web V7.0. Si vous avez créé des styles, vous pouvez le
sélectionner en cliquant sur
"importer un style". Si vous effectué cette
manipulation, il devrai s'afficher #texte# à votre
écran. Vous pouvez le supprimer. Pour le reste, le manipulateur
de styles fonctionne comme un
traitement de texte.
EDITION DE LA
BARRE DE NAVIGATION : Cette fonction vous permet de créer une barre
de navigation. Cliquez sur "FICHIERS/Editer la barre de
navigation". Cette fonction vous renvois
à DCD Web V7.0 classique. Avec une nouvelle page d'affichée.
Créez votre barre de navigation
comme une page web puis cliquez sur "générer la barre de
navigation". Revenez dans l'éditeur de
style puis sauvegardez votre projet. C'est bon !!!
Pour voir un aperçut
de votre page, plusieurs fonctions sont à votre disposition :
L'explorateur
d'HTML dans la barre de multimédia.
Un aperçu
avec votre navigateur courant. (voir ci dessous)
Un aperçu
de votre page de code.
Pour avoir un aperçut avec votre navigateur courant, vous devez
absolument SAUVEGARDER votre
page web. Sans sauvegarde, les dernières modifications apportées
ne prendront pas effet !!!
Cliquez ensuite sur "Fichier/Aperçu de la page".
Pour voir un aperçut directement de votre page de code, cliquez
sur l'onglet "Aperçu".
Barre d'outils
principale : Cette barre d'outils contient les bases de l'HTML. Et les
outils courants : Nouveau, charger, Sauver ... etc. etc.
Barre d'outils médias
: Cette barre contient les outils qui vous donneront un accès à
tous les fichiers multimédias de votre ordinateur !!!
Exploreur : Cette
page permet de sélectionner certains fichiers à lire avec DCD Web V7.0
Barre d'outils
Java/JavaScript, DHTML : Cette barre d'outils contient les fonctions
avancées de DCD web V7.0 !!!
Eléments du site :
Cette barre d'outils contient tous les fichiers insérés dans votre site
lors de votre dernière modification.
Les fonctions HTML
sont les fonctions, éditées une par une, permettant de générer votre
propre code.
Les formulaires pour
créé un formulaire, cliquer sur "insérer/formulaire".
Vous devez insérer l'adresse Email où seront envoyées les
réponses à votre formulaire.
Puis sélectionnez le
composant à insérer avec la barre déroutante et effectuez pour
chacun des composants suivant, les actions correspondantes :
Zone de texte
simple : tapez la largeur, cliquer sur "Ajouter"
Zone de texte
multiligne : tapez la hauteur, cliquer sur "Ajouter"
Menu déroulant
: cliquer sur "Ajouter" taper la ligne à ajouter, cliquez
"Ajouter
ligne"
Case d'option :
tapez le texte de la case d'option, cliquer sur "Ajouter"
Case à cocher :
tapez le texte de la case à cocher, cliquer sur "Ajouter"
Bouton envoyer
: cliquer sur "Ajouter"
Bouton annuler
: cliquer sur "Ajouter"
Vous pouvez
évidemment intégrer vos propres codes si vous le souhaitez !!!
Les commentaires
permettent de ... commenter vos codes. MAIS ce commentaire ne sera pas
afficher dans votre page web.
Choisissez le chemin
de l'image puis sauvegardez la dans votre site (en cliquant sur
"Parcourir") puis vous devrez choisir la Hauteur et la
largeur de votre image. Cliquez en suite
"OK".
Choisissez le chemin
de la musique puis sauvegardez la dans votre site (en cliquant sur
"Parcourir") puis vous devrez choisir la Hauteur et la
largeur du panneau multimédia (si vous
l'activez en cochant sa case). Vous pouvez choisir d'activer
votre musique au démarrage de votre
page en cochant "Activer automatiquement". Cliquez en
suite "OK".
Choisissez le chemin
de la musique puis sauvegardez la dans votre site (en cliquant sur
"Parcourir") puis vous devrez choisir la Hauteur et la
largeur du panneau multimédia ). Vous
pouvez choisir d'activer votre musique au démarrage de votre
page en cochant "Activer
automatiquement". Cliquez en suite "OK".
Les applets Java et
Dhtml sont les fonctions les plus complexes de DCD Web V7.0. Celle-
ci permettent de créer des sites complexes et jolis.
Pour accéder à cette
fonction, cliquez sur "Insérer/Applet Java et DHTML/Boutons
spéciaux". Puis sélectionnez, dans la fenêtre qui apparaît,
le type de bouton que vous souhaitez
avec la barre déroulant. Ensuite sélectionnez la couleur de
l'effet, du texte et du bouton puis
entrez la taille du bouton et son url (chemin du lien
hypertexte). Cliquez "OK".
N.B : Pour que les boutons apparaissent dans votre site, vous
devez impérativement sauvegarder
votre page dans le dossier que vous avez désigné à la création
de votre page !!!
Pour accéder à cette
fonction, cliquez sur "Insérer/Applet Java et DHTML/Effets d'images
". Puis sélectionnez, dans la fenêtre qui apparaît, le type
d'effet que vous souhaitez
avec la barre déroulant. Ensuite sélectionnez le chemin de
l'image 1 et de l'image 2 (vous devez
également les intégrer au dossier de votre site. Une fenêtre de
sauvegarde s'ouvrira sur clique
de parcourir) puis entrez la taille du bouton et son url (chemin
du lien hypertexte). Cliquez
"OK".
N.B : Pour que les appâts apparaissent dans votre site, vous
devez impérativement sauvegarder
votre page dans le dossier que vous avez désigné à la création
de votre page !!!
Les liens hypertexte
spéciaux sont deux types de liens DHTML. Cliquez sur "Insérer/
Applet Java et DHTML/Liens Hypertexte Spéciaux".
Vous devez donc
cocher le type de lien :
1.va vers un
autre site
2.va vers un
Email
3.vers une page
de votre site
4.Un fichier de
votre ordinateur à télécharger
Pour 1. et 2.,
vous devez noter l'adresse du site ou de l'Email.
Pour 2. et 3.,
vous devez sélectionner le fichier ou la page dans l'explorer.
Sélectionnez ensuite
le type de liens spécial que vous désirez :
Flash sur
passage de la souris ou
surligne
le lien sur passage de la souris.
Ensuite, Tapez le
texte de l'effet (pour "Flash sur passage de la souris") et le nom
de l'effet, le texte du lien et sélectionnez, dans la barre
déroutante, dans quel cadre la page
s'affichera (si le lien est un lien vers une page de votre
site).
Le texte repassant
est un texte qui se réécris de différentes couleurs.
Cette fonction est
disponible sur clique de "Insérer/Applet Java et DHTML/
Texte repassant".
Tapez le texte qui devra apparaître puis choisissez les couleurs
de l'effet.
Cliquer "OK".
Le texte lettre par
lettre est un texte qui s'écris lettre par lettre.
Cette fonction est
disponible sur clique de "Insérer/Applet Java et DHTML/
Texte lettre par lettre".
Tapez le texte qui devra apparaître
Cliquer "OK".
Le Texte changeant de
couleurs est un texte qui change de couleurs.
Cette fonction est
disponible sur clique de "Insérer/Applet Java et DHTML/
Texte changeant de couleurs".
Tapez le texte qui devra apparaître puis choisissez les couleurs
de l'effet, et la vitesse de
clignotement.
Cliquer "OK".
Le Texte rayonnant
est un texte entouré d'une bordure jaune.
Cette fonction est
disponible sur clique de "Insérer/Applet Java et DHTML/
Texte rayonnant".
Tapez le texte qui devra apparaître
Cliquer "OK".
Le Texte surligné est
un Texte surligné.
Cette fonction est
disponible sur clique de "Insérer/Applet Java et DHTML/
Texte surligné".
Tapez le texte qui devra apparaître et la couleur du surlignage.
Cliquer "OK".
L'Effet de mer est un
effet sur les images qui donne une impression de mer.
Cette fonction est
disponible sur clique de "Insérer/Applet Java et DHTML/
Effet de mer".
Sélectionnez le chemin de votre image en cliquant sur
"Parcourir" puis sauvegardez la dans le
dossier de votre page web.
Cliquer "OK".
Le Texte encadré est
un Texte encadré.
Cette fonction est
disponible sur clique de "Insérer/Applet Java et DHTML/
Texte encadré".
Tapez le texte qui devra apparaître
Cliquer "OK".
Ces boutons sont
disponibles dans "Insertion/Applet Java et DHTML/Boutons de
déplacement"
. Sélectionnez le type de bouton que vous désirez : précédant ou
suivant.
Cliquez sur "Insérer/Liens
Hypertexte".
Vous devez donc
cocher le type de lien :
1.va vers un
autre site
2.va vers un
Email
3.vers une page
de votre site
4.Un fichier de
votre ordinateur à télécharger
Pour 1. et 2.,
vous devez noter l'adresse du site ou de l'Email.
Pour 2. et 3.,
vous devez sélectionner le fichier ou la page dans l'explorer.
Ensuite, Tapez le
texte du lien et sélectionnez, dans la barre déroutante, dans quel
cadre la page s'affichera (si le lien est un lien vers une page
de votre site).
Cliquez sur
"insertion/tableau". Pour ajouter une case à la ligne, cliquez sur
"Ajouter
une case" et pou aller à la ligne, cliquez "Passer à
la ligne suivante". Pour entrer du texte
dans une case, tapez simplement ce texte dans la zone de texte
SANS EFFACER LE CODE !!!
Vous pouvez également
insérer une image dans une des cases. Pour plus d'informations,
Reportez-vous à la rubrique "10.Images".
Pour intégrer des
puces à votre site, cliquez sur le bouton désignant les puces.
Sélectionnez le type de puces que vous désirez puis cliquez
"OK" puis, pour chaque ligne, cliquez
sur le bouton à droite du bouton puce et tapez le texte à afficher
!!!
Terminez la fonction,
puce en cliquant encore sur le bouton "puces".
Cliquez sur
"insertion/ligne 3d. Choisissez la hauteur de la ligne et la longueur puis
cliquez "OK".
Cliquez sur
"Format/police" puis sélectionnez le type de police à intégrer à
votre site
ainsi que sa taille et sa couleur. Cliquez "OK". Pour
finir cette fonction cliquez encore sur
"Format/police".
Vous pouvez choisir
de mettre votre texte en gras en cliquant sur "Format/gras"
Vous pouvez choisir
de mettre votre texte en italique en cliquant sur "Format/italique"
Vous pouvez choisir
de mettre votre texte en souligné en cliquant sur "Format/souligné"
ATTENTION : Il faut toujours cliquer une seconde fois sur le
bouton correspondant à votre
fonction pour l'annuler.
Pour passer une ligne
avec l'HTML, il ne suffit pas de faire entrer mais de taper un code
. DCD Web le fais pour vous sur clique du bouton "Passer
une ligne".
Pour accéder à cette
fonction, cliquez sur "Format/texte clignotant" ou "Format/texte
clignotant".
ATTENTION : Il faut toujours cliquer une seconde fois sur le
bouton correspondant à votre
fonction pour l'annuler.
N.B : Le texte clignotant ne fonctionne qu'avec Microsoft
internet explorer
Le texte clignotant
ne fonctionne qu'avec NestCape
Si vous sélectionnez
dans l'Exploreur à droite de votre écran, une extension Wave, Midi,
MP3, MPeg ou Avi, vous pouvez visionner les fichiers
sélectionner en cliquant sur PLAY.
CEtte fonction
fonctionne comme un lecteur...
LE transmuteur permet
de sélectionner n'importe quel fichier de votre ordinateur pour
l'envoyer vers le dossier de votre site.
Le centre multimédia
vous permettra de visionner les fichiers Multimédias de votre
ordinateur...
POUR TOUTE AIDE
SUPLEMENTAIRE, N'HESITEZ PAS A CONTACTER :
damien.letroher@club-internet.fr