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

5.Aperçut d'une page

6.Les barres d'outils

7.Fontions HTML

8.Formulaires

9.Commentaires

10.Images

11.Musique

12.Vidéos

13.Applets Java et DHTML

14.Boutons spéciaux

15.Effets sur les Images

16.Liens Hypertexte Spéciaux

17.Texte repassant

18.Texte lettre par lettre

19.Texte changeant de couleurs

20.Texte rayonnant

21.Texte surligné

22.Effet de mer

23.Texte encadré

24.Boutons de déplacement : précédant/suivant

25.Lien Hypertexte

26.Tableau

27.Puces

28.Ligne 3D

29.Police

30.Passer des lignes

31.Effets de texte : clignotants et défilants

32.Les fonctions PLAY, STOP, PAUSE

33.Le transmuteur

34.Le centre Multimédia

 

 

 

 

 

 

 

 

 

 

AVANT TOUT : Explications rapides sur l'HTML.

 

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.

 

 

1.Créer un nouveau document HTML :

 

      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.

 

 

 

 

 

 

 

2.Créer un nouveau document HTML contenant des cadres :

 

 

      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.

 

 

3.Ouvrir Enregistrer/enregistrer sous...

 

 

            Barre d'outils : PRINCIPALE

 

      Les fonctions d'ouverture et d'enregistrement de fichier sont disponibles dans

Fichier/Ouvrir, Fichier/Enregistrer, Fichier/Enregistrer sous...

 

 

4.Utilisation des feuilles de style :

 

 

      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 !!!

 

 

5.Aperçut d'une page :

 

 

      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".

 

 

6.Les barres d'outils :

 

 

      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.

 

 

7.Fontions HTML :

 

      Les fonctions HTML sont les fonctions, éditées une par une, permettant de générer votre

propre code.

 

 

8.Formulaires :

 

 

      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 !!!

 

 

9.Commentaires :

 

 

      Les commentaires permettent de ... commenter vos codes. MAIS ce commentaire ne sera pas

afficher dans votre page web.

 

10.Images :

 

 

      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".

 

11.Musique :

 

 

      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".

 

12.Vidéos :

 

      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".

 

13.Applets Java et DHTML :

 

 

      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.

 

14.Boutons spéciaux :

 

 

      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 !!!

 

15.Effets sur les Images :

 

 

      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 !!!

 

 

16.Liens Hypertexte Spéciaux :

 

 

      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).

 

17.Texte repassant :

 

 

      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".

 

18.Texte lettre par lettre :

 

 

      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".

     

19.Texte changeant de couleurs :

 

 

      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".

 

20.Texte rayonnant :

 

 

      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".

 

21.Texte surligné :

 

 

      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".

 

22.Effet de mer :

 

 

      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".

 

23.Texte encadré :

 

 

      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".

     

24.Boutons de déplacement : précédant/suivant :

 

      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.

 

25.Lien Hypertexte :

 

 

       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).

 

26.Tableau :

 

 

      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".

 

27.Puces :

 

 

      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".

 

28.Ligne 3D :

 

 

      Cliquez sur "insertion/ligne 3d. Choisissez la hauteur de la ligne et la longueur puis

cliquez "OK".

     

29.Police :

 

 

      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.

 

30.Passer des lignes :

 

 

      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".

 

31.Effets de texte : clignotants et défilants :

 

 

      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

 

32.Les fonctions PLAY, STOP, PAUSE :

 

 

      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...

 

33.Le transmuteur :

 

 

      LE transmuteur permet de sélectionner n'importe quel fichier de votre ordinateur pour

l'envoyer vers le dossier de votre site.

 

34.Le centre Multimédia :

 

 

      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