Création de pages Web à l'aide de FrontPage. Utiliser une image comme arrière-plan Créer un modèle de page dans FrontPage

Que pouvez-vous ajouter à votre site pour améliorer l’expérience visuelle ? Peut définir l'arrière-plan de la page. Les pages blanches sur fond gris sont bien mieux perçues.

Le but de l’arrière-plan de la page est de souligner et de concentrer l’attention sur le contenu du site, et non de distraire. Il serait donc correct d’utiliser des arrière-plans neutres. Ce sont généralement des nuances de gris.

Ajoutons un arrière-plan à notre page. Je vous rappelle que notre site Internet ressemble désormais à ceci (cliquez sur le lien).

1. Pour ajouter un arrière-plan, ouvrez le programme Frontpage et dans le menu "Format" presse " Arrière-plan"

3. Cliquez sur "Autre..."

4. Définissez les valeurs suivantes :

Teinte : 160, Contraste : 0, Luminosité : 216,

Rouge : 230, Vert : 230, Bleu : 230

et cliquez partout " D'ACCORD"

5. Après toutes nos manipulations, tout était peint en gris, c'est à dire l'arrière-plan de la page et la page elle-même sont devenus gris clair.

Comment repeindre une cellule en blanc

Pour rendre la page blanche, vous devez repeindre la cellule en blanc.

6. Pour ce faire, faites un clic droit sur la page et sélectionnez "Propriétés des cellules"

7. Suivant : "Arrière-plan" - "Couleur" - "Couleur blanche" - "Appliquer" - "Ok"

9. Ainsi, nous avons créé un arrière-plan sur la page du site. Maintenant, la page elle-même est blanche et l'arrière-plan est gris clair :

Cette page semble beaucoup plus lisible et ne se fond pas dans le décor. Cliquez sur le lien pour afficher la page du site dans sa taille originale.

A l'aide du programme Frontpage, intégrez une vidéo sur le site Ce n’est pas du tout difficile. Pour ce faire, vous n'aurez pas besoin de rechercher sur Internet, de télécharger et d'utiliser des plugins ou des scripts supplémentaires. Dans cette leçon, je vais vous expliquer comment insérer une vidéo sur un site Web à partir du site d'hébergement vidéo populaire YouTube. Cela se fait facilement, rapidement et surtout gratuitement.

Sur YouTube, vous pouvez toujours trouver de nombreuses vidéos disponibles gratuitement sur n'importe quel sujet, puis les ajouter aux pages de votre site Web.

Ou vous pouvez enregistrer votre vidéo vous-même. Téléchargez-le sur un hébergement vidéo, puis insérez-le également depuis YouTube sur votre site Web. Pour ce faire, il vous suffit au préalable de vous inscrire sur le service et de créer votre compte.

Pourquoi intègrent-ils des vidéos sur le site ?

Premièrement, si votre site, en plus des images, des textes et des graphiques, contient également des vidéos, cela rendra le site encore plus intéressant et attrayant. La vidéo aide les gens à mieux et plus clairement comprendre l’essence de votre proposition.

Deuxièmement, lorsqu'un visiteur regarde une vidéo, il reste un certain temps sur le site et ne le quitte pas. Et cela a un très bon effet sur la promotion du site Web par les moteurs de recherche.

Et parfois, c’est impossible sans vidéo. Par exemple, une femme au foyer a créé un site Web proposant des cours de tricot et de couture. Je suis sûr que les images et le texte seuls ne suffiront pas ici. Mais si vous enregistrez une vidéo sur la boucle dans laquelle insérer une aiguille à tricoter et quel nœud serrer, puis que vous ajoutez la vidéo au site Web, tout deviendra immédiatement clair.

Ou un autre site thématique. Par exemple, comment bien préparer le matériel pour la pêche ou comment bien gonfler vos abdominaux. Comment peut-on se passer de vidéo ici ?

Comment intégrer une vidéo YouTube sur un site Web

Je répète que cela se fait très simplement. Le code HTML de la vidéo est copié depuis YouTube et collé sur la page du site Web. Tout cela ne prend pas plus de 3 minutes. Je propose d'apprendre cela en utilisant notre site Internet, que nous avons créé lors des leçons précédentes. Postons une critique vidéo du coffret cadeau de thé "Assortiment".

Je dirai tout de suite que je n’ai pas enregistré moi-même la vidéo spéciale. Le thé était vraiment très savoureux et je l'ai bu très rapidement. Mais je n'ai pas eu le temps d'enregistrer la vidéo))

C'est pourquoi j'ai trouvé une courte vidéo sur YouTube sur ce coffret cadeau. Il nous conviendra tout à fait comme exemple et nous permettra de comprendre le principe d'insertion d'une vidéo sur les pages d'un site Internet créé en html.

Alors, c'est parti :

1. Allez sur le site www.youtube.com et dans la barre de recherche tapez la phrase " Coffret thé Greenfield". Ci-dessous apparaîtra une liste de vidéos qui répondent à notre demande. J'ai choisi la quatrième en partant du haut (merci à l'auteur de l'avoir créée). Voici un lien direct vers celle-ci, au cas où : http://www.youtube.com/watch?v=hNFpu3EOPAM

3. Cliquez ensuite sur "Code HTML"

4. Copiez le code

5. Ouvrez notre site Web sur le thé dans Frontpage. Permettez-moi de vous rappeler que maintenant cela ressemble à ceci (cliquez sur le lien) et mettez la lettre " Ô" sur le mot " Livraison"

6. Ensuite, sélectionnez la lettre " avec le bouton gauche de la souris Ô", passez en mode "Avec division", on retrouve la lettre "en haut du code" À PROPOS"et aussi le souligner

7. Dans le code, au lieu de la lettre " À PROPOS"collez le code vidéo que nous avons copié (voir étape 4), cliquez sur le bouton "Constructeur" et cliquez sur Enregistrer

8. Suite à toutes nos manipulations, un rectangle gris a été inséré sur la page du site. Ça dit: " Impossible d'ouvrir la page" et puis il y a un lien vers une vidéo de YouTube.

10. C'est tout. Nous avons intégré la vidéo sur notre site Web. Désormais sur le site, en plus du texte et des images, il existe également une visualisation.

Cliquez maintenant sur l'image pour ouvrir le site dans une nouvelle fenêtre et à échelle réelle. Là, vous pouvez vous assurer que la vidéo fonctionne.

À mon avis, une telle critique vidéo, en plus du texte et des images, donne une idée encore plus claire de la taille, du contenu et de la qualité du produit que nous proposons d'acheter chez nous.

Par conséquent, l’utilisation de la vidéo sur votre site Web est non seulement possible, mais également nécessaire. L'essentiel est de ne pas en faire trop. Comment NE PAS faire d'erreurs lors de la création d'un site Web et d'autres astuces sont décrits en détail dans le cours vidéo n° 3, intitulé « Comment créer un site Web que les gens aiment ». Recommande fortement.

Et pour vous détendre, je vous propose de regarder une belle vidéo.

Questions et réponses

Chers amis! Si vous avez des questions, des suggestions ou si quelque chose devient soudainement flou, vous pouvez toujours m'écrire à ce sujet. Je vous rappelle qu'un formulaire spécial a été créé sur le site à cet effet. Je m'assure de répondre aux lettres de chacun.

Il n'y a pas longtemps, j'ai commencé à étudier le programme "Microsoft FrontPage 2003" à partir du livre "Microsoft Office FrontPage 2003" (384 pages), version russe (+1 CD), Moscou, 2005. La description dans le livre est assez détaillée et le plus est-ce qu'il y a beaucoup d'illustrations et de captures d'écran pour que vous puissiez comparer ce que l'utilisateur obtient et à quoi cela ressemble dans le livre. Et le CD fournit du matériel supplémentaire sur les leçons de la première page du livre. J'ai lu 190 pages et tout allait bien, tous les exercices se sont déroulés exactement comme dans le livre. Je suis arrivé au sujet «Ajout de bordures et d'ombrages» (pages 190-194). Je me concentrerai uniquement sur l'essence du problème survenu lors de ma commande :
1) dans l'exercice, vous devez créer un site Web d'une page ;
2) ouvrir la page principale (accueil) du site index.htm ;
3) sur la page, vous devez appuyer plusieurs fois sur Entrée pour que le curseur tombe tout en bas de la page (ou un peu plus bas est possible) ;
4) lorsque le curseur est en bas, sélectionnez la page entière en appuyant sur Ctrl + A, la page sélectionnée deviendra noire ;
5) vous devez maintenant créer une image de fond sur la page :
a) dans la barre d'outils, cliquez sur Format et sélectionnez Bordures et ombrages ;
b) allez dans l'onglet Remplissage ;
c) en bas dans le champ où il est écrit Motif, cliquez sur le bouton Parcourir... et sélectionnez sur l'ordinateur une image appropriée pour le fond (pas grande, environ 1/16-1/32 de la taille de la page), après quoi le chemin d'accès à l'image doit être affiché dans la ligne Motif d'arrière-plan de l'ordinateur ;
d) maintenant nous définissons les paramètres pour l'emplacement de cette image d'arrière-plan sur la page du site index.htm :


Répéter : axe X
Pièce jointe : faites défiler
e) cliquez plus loin sur OK et regardez l'onglet Affichage du programme Front Page (c'est en bas) - l'image d'arrière-plan apparaîtra horizontalement sur la page (de gauche à droite) ;
f) revenez à l'onglet Designer du programme Front Page et répétez les étapes du point 4) - sélectionnez la page jusqu'au point d) ici, nous définissons de nouveaux paramètres :
Position verticale : centre
Position horizontale : centre
Répéter : axe Y
Pièce jointe : faites défiler
g) cliquez sur OK et regardez l'onglet Affichage du programme Front Page - l'image d'arrière-plan apparaîtra verticalement sur la page (de haut en bas) ;
h) revenez à l'onglet Designer du programme Front Page et répétez les étapes du point 4) - sélectionnez la page jusqu'au point d) ici, nous définissons de nouveaux paramètres :
Position verticale : centre
Position horizontale : centre
Répéter : axes X et Y
Pièce jointe : faites défiler
i) cliquez sur OK et regardez l'onglet Affichage du programme Front Page - l'image d'arrière-plan couvrira toute la page (se multipliera sur toute la page) ;
Tout ce qui s’est passé auparavant correspond à l’exercice du livre. Venons-en maintenant au problème.
j) revenez à l'onglet Designer du programme Front Page et répétez les étapes du point 4) - sélectionnez la page jusqu'au point d) ici, nous définissons de nouveaux paramètres :
Position verticale : centre
Position horizontale : centre
Je répète : non
Pièce jointe : faites défiler
l) cliquez sur OK et regardez dans l'onglet Affichage du programme Front Page - l'image d'arrière-plan DEVRAIT (selon les paramètres) être affichée en une seule copie au centre de la page, mais pour une raison quelconque, cela ne se produit pas. Il se multiplie partout sur la page. Je n'arrive pas à comprendre quel est le problème. Merci pour l'aide!

Avec développement l'Internet un protocole d'échange d'informations est apparu, le protocole s'appelle HTTP (protocole de transfert hypertexte- protocole de transfert hypertexte). Parallèlement à ce protocole, un service est apparu. World Wide Web(souvent appelé WWW ou simplement la toile), qui fournit un vaste réseau de serveurs HTTP transférer des fichiers via l'Internet.

La majeure partie de ces fichiers est les pages Web– fichiers spéciaux écrits dans le langage HTML (langage de balisage hypertexte)- Langage Signalétique Hyper Text). les pages Web Publié dans l'Internet en plaçant ces fichiers sur des serveurs HTTP (sites Web). Contenu les pages Web peuvent être différents et consacrés à des sujets complètement arbitraires, mais ils utilisent tous la même base : le langage HTML.
La plupart des personnes qui souhaitent créer leur propre site Web ou leur propre page connaissent le langage. HTML seulement par ouï-dire. Le programme peut donc leur venir en aide Page d'accueil de Microsoft, l'un des créateurs de sites Web les plus connus.

FrontPage, inclus dans le dossier de candidature Microsoft Office, est devenu le premier produit largement utilisé pour l'Internet, qui combine les parties client et serveur et offre la possibilité de développer le site dans son ensemble et de l'installer sur les serveurs les plus populaires. Page de garde est en mesure de prendre en charge tous les travaux de programmation nécessaires. Cependant Page de garde Il deviendra également un assistant sérieux pour les développeurs professionnels qui préfèrent avoir un contrôle total sur le processus créatif.

Fenêtre du programme Page de garde 2003.

Programme Page de garde publié par la société Microsoft et est fabriqué dans le même style que les produits inclus dans l'emballage Microsoft Office, donc l'apparence du programme n'est pratiquement pas différente de celle d'un traitement de texte Mot .

En haut de la fenêtre se trouvent une barre de menus et deux barres d'outils : Standard et formatage. Vous pouvez activer ou désactiver l'affichage des barres d'outils Afficher le menu.
Sur le côté gauche se trouve Panneau d'affichage, avec lequel vous pouvez changer de mode de document.
La partie principale de la fenêtre est occupée par la zone de travail, dans laquelle une ou plusieurs fenêtres contenant des documents individuels peuvent être ouvertes.
Au bas de la fenêtre il y a barre d'état, contenant Informations d'arrière-plan. Au bas de la fenêtre se trouvent également trois boutons d'affichage des documents.
Affichage des barres d'outils.
Pour gérer les barres d'outils dans Page de garde vous pouvez utiliser les mêmes méthodes que dans Microsoft Word. À savoir:
au menu Voir il faut choisir Élément de la barre d'outils, et dans le nouveau sous-menu qui s'ouvre - installer cases à cocher en face des barres d'outils dont vous avez besoin ; ou cliquez sur clic-droit pour quelque raison que ce soit panneaux de contrôle(ou dans la zone à côté) et utilisez le menu contextuel de la même manière.

Page de garde, comme d'autres applications Microsoft Office, vous permet d'ajouter, de supprimer et de réorganiser les éléments de menu et les boutons des barres d'outils. Il est également possible de créer entièrement vos propres panneaux.
Pour ce faire, vous avez besoin de :

DANS Menu des services choisir Paramètres de l'élément…
ou
V Afficher le menu choisir Élément de la barre d'outils, et dans le menu en cascade qui apparaît - Paramètres de l'élément…
À la suite de vos actions, une boîte de dialogue s'ouvrira Paramètres, où vous pourrez installer les panneaux nécessaires.

Créer un nouveau les pages Web.

Si tu as commencé Page de garde, ça veut dire nouveau page web vous avez déjà créé (au démarrage Page de garde un nouveau vide s'ouvre immédiatement page web, prêt à placer du texte et tout autre élément).
Créer un nouveau page web Vous pouvez le faire d'autres manières :

En utilisant le bouton Nouvelle page sur Panneau standard outils.
Menu Fichier sélectionner le sous-menu Créer, et puis - Page ou Site web;
utiliser des combinaisons Ctrl+N;
en utilisant menu contextuel(fonctionne dans tous les modes sauf Tâches et rapports) - pour ça à l'intérieur Liste des dossiers donné la toile) vous devez cliquer avec le bouton droit et sélectionner l'élément dans le menu contextuel qui apparaît Créer  Page.

Création de pages à l'aide d'un assistant et de modèles.

Comme mentionné ci-dessus, si vous avez utilisé le menu pour créer une nouvelle page Fichier  Nouveau  Page ou site Web, Que Page de garde vous invitera à utiliser un modèle pour créer une nouvelle page.
Pour ce faire, il ouvrira une boîte de dialogue dont l'apparence est présentée ci-dessous :

Sur l'onglet Sont communs Cette boîte de dialogue affiche une liste de modèles Page de garde actuellement disponible. En sélectionnant l'un des modèles, vous pouvez voir sa description dans Exemple de champ.
Création Site Web en première page.
Site Web FrontPage de Microsoft- c'est un ensemble les pages Web, fichiers image et autres composants pouvant être visualisés dans leur ensemble.
Si vous créez un site Web en Page de garde, alors le moyen le plus pratique de le stocker est d'utiliser Site Web en première page.
l'avantage le plus important est la possibilité de renommer les fichiers inclus dans Site Web en première page.
Imaginez qu'avant de publier votre site dans l'Internet Vous avez soudainement remarqué que certains de vos fichiers portent des noms russes. - "Maintenant, vous devrez parcourir tous les fichiers et modifier les liens manuellement!" duamete vous. C'est là que cela vous aidera. Site Web en première page- vous pouvez renommer des fichiers en toute sécurité, et Page de garde parcourra indépendamment tous les autres fichiers inclus dans Site Web en première page et renommera tous les liens vers le fichier que vous avez corrigé.
Je ne décrirai pas tous les autres avantages, mais je voudrais dire que pour utiliser toutes les possibilités Page de garde, alors il vaut mieux utiliser Site Web en première page.
Alors, pour en créer un nouveau Site Web en première page Cliquez sur la flèche située à gauche du bouton Nouvelle page de la barre d'outils et sélectionnez l'élément dans le menu déroulant qui apparaît Site web…

Ouverture de pages Web.

Très souvent, lors de la création d'un site internet, il faut modifier des éléments déjà créés les pages Web. Vous pouvez revenir à la même page autant de fois que vous le souhaitez pour la modifier ou en utiliser des parties pour en créer de nouvelles. les pages Web.

Ouvrir un existant page web possible dans n’importe lequel des modes existants.

Du mode Pages vues Il existe quatre façons d'ouvrir une page existante :

1 voie

Si vous travaillez avec Site Web en première page, puis sélectionnez simplement le fichier souhaité dans Liste des dossiers et double-cliquez dessus avec votre souris.

2 voies

Dans le menu Fichier, sélectionnez Derniers fichiers. Dans le menu en cascade qui apparaît, sélectionnez le fichier souhaité.

3 voies

Utilisation de la boîte de dialogue Ouvrir un fichier : Fichier  Ouvrir.

Aperçu.

Pour voir à quoi ressemble votre page directement dans le navigateur, vous pouvez utiliser l'onglet Aperçu en mode édition. les pages Web. Mais dans ce cas, il se peut que le navigateur Page de garde n'affichera pas certains éléments de votre pages, il est donc préférable de :
utilisez le bouton de la barre d'outils
ou dans Menu Fichier sélectionner un article Aperçu r dans le navigateur.

Si vous avez utilisé la première méthode, le contenu de votre page sera affiché dans le navigateur intégré Page de garde.
Si vous avez utilisé la deuxième méthode, alors Page de garde affichera une boîte de dialogue Afficher dans le navigateur...

Ici tu peux:
Sélectionnez le navigateur dans lequel vous souhaitez afficher votre page web. Généralement affiché ici initialement navigateur, qui est installé par défaut sur votre machine.
Ajoutez tout autre navigateur pour lequel vous devez utiliser le bouton Ajouter.
Modifiez ou supprimez les navigateurs installés.
Définissez la taille de l'écran sur lequel votre page web

Préservation les pages Web.

Défaut Page de garde au lieu d'un titre pages prend la première ligne de texte du vôtre pages. Ce n’est pas toujours ce qui est nécessaire. Vous pouvez modifier le titre de la page en utilisant Modifier les boutons- cliquer sur ce bouton ouvre la boîte de dialogue Titre pages, dans lequel vous pouvez changer le nom pages.

Suppression Les pages Web.

Quand on travaille avec Site web tôt ou tard, il arrivera que vous n'ayez plus besoin de certaines pages et que vous souhaitiez les supprimer.

Il existe trois façons de supprimer les pages Web.

1 voie

Dans le panneau Liste des dossiers sélectionnez le fichier que vous souhaitez supprimer et cliquez sur le bouton Supprimer au clavier.

2 voies

Dans le panneau Liste des dossiers clic droit sur déposer(ou icône déposer), qui doit être supprimé et dans le menu contextuel qui apparaît, sélectionnez l'élément Supprimer.

3 voies

DANS Panneau de liste Dossiers sélectionnez le fichier que vous souhaitez supprimer, puis sélectionnez Supprimer du menu Edition.

Travaillez avec du texte.

À première vue, saisir du texte dans Page de garde n'est pas différent de la saisie de texte dans n'importe quel éditeur de texte (par exemple, dans Microsoft Word).
Pour saisir du texte, cliquez simplement avec la souris n'importe où sur la page et le curseur sera placé au point le plus proche où le texte peut être saisi.
La saisie des lettres majuscules, l'édition du texte (suppression de caractères, insertion de texte, etc.) se font exactement de la même manière que dans Microsoft Word.
Il n'y a qu'un petit MAIS : lorsque vous appuyez sur Saisir les touches dans Page de garde Le curseur est forcé de se déplacer vers une nouvelle ligne, tandis que des retraits de paragraphe fixes sont placés avant et après le paragraphe.
Si vous n'avez pas besoin de créer des paragraphes, il est préférable d'utiliser un raccourci clavier pour accéder à une nouvelle ligne. Maj + Entrée.

Travailler avec des images.

Formate graphiquement en la toile.

Toutes les images informatiques, tous les formats pour les stocker (et, par conséquent, tous les programmes pour les traiter) sont divisés en deux grandes classes - vecteur et raster. Image vectorielle se compose d'objets - des formes géométriques composées de lignes droites, d'arcs, de cercles et de courbes de Bézier. Avantages graphiques vectoriels beaucoup. Du point de vue du concepteur, son avantage le plus important est que les graphiques vectoriels peuvent être « tournoyés » à volonté, sans craindre de « faire un trou » dans l’image ou de perdre certaines informations. Un autre avantage est la petite taille des fichiers (par rapport aux images raster) et l'indépendance de la résolution des périphériques de sortie (qu'il s'agisse d'une imprimante ou d'un écran de moniteur). Ces facteurs ont fait graphiques vectoriels candidat probable pour une utilisation dans l'Internet. Cependant, il convient de mentionner qu’à l’heure actuelle, les graphiques vectoriels ne sont pas aussi courants que nous le souhaiterions.
Cependant, parmi les formats vectoriels réellement utilisés, je voudrais noter le format Flash d'onde de choc de Macromedia. Pour afficher ce format dans navigateur besoin d'un plugin ( brancher), distribué gratuitement par l'entreprise Macromédia. Il existe aujourd'hui à la fois des sites créés entièrement à l'aide de cette technologie et des sites utilisés Format Flash que partiellement.
La représentation raster des graphiques est basée sur le concept de raster. Trame est une collection d'objets (dans ce cas, des pixels) placés dans des lignes et des colonnes identiques. Ceux. fichier informatique raster peut être considéré comme une collection de petits carrés colorés ou gris qui forment une mosaïque d’image. Parce que Étant donné que la taille de ces carrés est évidemment petite, lors de la visualisation de graphiques raster, ces carrés fusionnent les uns avec les autres, formant un changement continu de couleurs.

Le format de stockage d'images raster présente à la fois des avantages et des inconvénients. L'un des grands avantages des graphiques raster est la possibilité de travailler avec des demi-teintes, c'est-à-dire la capacité de transmettre une image exactement telle qu’elle apparaît dans la vie réelle. Mais parmi les inconvénients, le principal problème est la taille du fichier. Naturellement, plus il y a de pixels alloués à la formation Images, plus la qualité du message transmis est élevée Images, mais la taille du fichier sera ainsi plus grande.
Si nous revenons maintenant aux navigateurs, alors nous pouvons dire ce qui suit : la plupart des navigateurs peuvent afficher sans problème des fichiers graphiques de quatre formats (* .gif, *.jpg, *.png, *.bmp), dont pour le moment il est préférable d'en utiliser deux - * .gif et *.jpg. Et même après une optimisation préliminaire.
Insérer des images sur page web.
Insérez une image dans votre page web peut se faire de plusieurs manières :
1. Faites glisser une image de Windows Explorer(c'est-à-dire directement depuis l'Explorateur).
2. Faites glisser une image de Internet Explorer.
3. Faites glisser le fichier image depuis le panneau Liste des dossiers, directement à la page.
4. Avec presse-papiers- copiez l'image dans le presse-papiers à partir de n'importe quel autre programme, puis collez-la depuis le presse-papiers sur la page.
5. Avec Ajouter des boutons dessiner à partir du fichier dans la barre d'outils Standard.
6. Utilisation du menu Insérer  Chiffre.
Examinons ces méthodes plus en détail :
Méthode 1
Windows Explorer(c'est-à-dire directement depuis l'Explorateur), vous devez :
dans Page de garde
ouvrez une fenêtre d'explorateur ;
dans la fenêtre Explorateur, sélectionnez le fichier contenant l'image que vous souhaitez insérer dans votre page ;
bouton gauche de la souris et faites glisser le fichier image sur votre page web L'image est insérée à l'endroit où se trouvait le curseur d'insertion sur la page.
Méthode 2
Pour faire glisser une image depuis Internet Explorer nécessaire:
dans Page de garde ouvrez la page où vous souhaitez ajouter une image ;
V navigateur ouvrez l'image que vous souhaitez mettre sur votre page web navigateur Le nom du fichier doit se terminer par jpg, jpeg, gif);
Utilisez le bouton gauche de la souris pour faire glisser l'image sélectionnée sur votre page web;
Méthode 3
Pour glisser-déposer un fichier avec image du panneau Liste dossiers, directement sur la page dont vous avez besoin :
dans Page de garde ouvrez la page à laquelle vous souhaitez ajouter image;
sélectionnez le fichier image requis sur le panneau Liste des dossiers;
bouton gauche de la souris faites glisser l'image sélectionnée vers la vôtre page web;
l'image sélectionnée sera insérée à l'endroit où se trouvait le curseur d'insertion sur la page.
Méthode 4
Pour insérer une image dans votre page webà l'aide du presse-papiers, vous devez :
dans l'application à partir de laquelle vous souhaitez copier l'image, sélectionnez l'image et utilisez les touches Ctrl+C copiez l'image dans le presse-papiers ;
Sur ton page web collez cette image depuis le presse-papiers en utilisant les raccourcis clavier Ctrl+V
Méthode 5
page web vous décidez d'utiliser le bouton Ajouter une imageà partir du fichier dans la barre d'outils Standard, Que Page de garde ouvrira une boîte de dialogue Dessin.
Dans cette boîte de dialogue, spécifiez le fichier image que vous souhaitez ajouter à votre page web et appuyez sur le bouton Insérer.

Méthode 6
Si vous souhaitez insérer une image dans votre page web vous décidez d'utiliser le menu Insérer  Dessin, Que Page de garde vous invitera à faire d'autres choix :

Images... – la sélection de cet élément de menu vous donne la possibilité d'utiliser une bibliothèque d'images prêtes à l'emploi.
À partir du fichier... – la sélection de cet élément de menu vous donne la possibilité d'indiquer indépendamment l'emplacement du fichier image que vous souhaitez ajouter à votre page web(l'utilisation de cet élément ouvrira une boîte de dialogue Dessin, dont le travail a été décrit ci-dessus).
Créer une collection de photos... - en utilisant cet élément de menu, vous pouvez créer une collection d'images dans un style spécifique. Pour cela dans la fenêtre qui s'ouvre Propriétés collections de photos à l'aide d'un bouton Ajouter sur l'onglet Dessins sélectionnez des images, et sur l'onglet Mise en page sélectionnez un format de conception.
Ajout de fichiers multimédias.

En plus des graphiques simples, tels que des images au format * .gif, *.jpg, *.png etc. Page de garde vous permet de publier sur votre les pages Web fichiers multimédias. Il s'agit notamment de : clips vidéo, sons...

Pour insérer un clip vidéo, vous devez Insérer un menu sélectionner un article Dessin, et puis Enregistrement video...

Une boîte de dialogue s'ouvrira. Fenêtre vidéo, il affichera les clips vidéo en * .avi, *.asf, *.ram, *.ra.

Ajouter du son à page web se trouve dans l'onglet Général de la boîte de dialogue. Propriétés des pages.

Travailler avec des tableaux.

Tableau- l'un des outils les plus puissants utilisés dans la création de sites Web.
Initialement les tables ont été utilisés uniquement pour représenter des données structurées. Cependant, ils ont progressivement évolué pour devenir un outil de mise en page puissant et polyvalent. Les pages Web.

Création de tableaux

Le moyen le plus simple créer un tableau– utilisez le bouton Ajouter un tableau situé sur la barre d'outils Standard.
Une autre façon consiste à utiliser l'article menu Tableau  Insérer  Tableau.
Et tableau peut être dessiné et collé à l’aide du presse-papiers.

Saisie de données et navigation dans les tableaux.

L'un des avantages des tableaux est que le texte que vous saisissez est formaté dans la cellule de la même manière que nous sommes habitués à le formater dans tout le document. Le texte placé dans une cellule passe automatiquement à une nouvelle ligne si sa longueur dépasse la largeur de la colonne. Quand vous appuyez sur une touche Entrer, comme d'habitude, un nouveau paragraphe est inséré. Le texte ou les chiffres sont saisis dans le tableau à partir du clavier.

Avant de saisir des données dans tableau, vous devez placer le curseur de texte dans la cellule souhaitée les tables. Cela peut être fait en cliquant dessus avec la souris.

Cependant, il est plus pratique d'utiliser des combinaisons de touches pour se déplacer entre les cellules :
Raccourcis clavier : Action :

Languette n'importe où dans le tableau, sauf à la fin de la dernière ligne, accédez à la cellule adjacente et sélectionnez son contenu
Languetteà la fin de la dernière ligne, ajoutez une nouvelle ligne en bas du tableau
Maj+Tabulation allez à la cellule précédente et mettez en surbrillance son contenu
Entrer commencer un nouveau paragraphe
Entrer au début de la première cellule ajouter du texte avant le tableau au début du document

Création et application de formulaires.

Formes représentent des champs de texte, des boutons radio, des cases à cocher, des boutons et de nombreux autres contrôles. Il suffit au visiteur du site de saisir quelques informations dans l'un ou l'autre champ de texte, de sélectionner certaines données dans la liste proposée, de cliquer sur le bouton Envoyer pour que les données soient envoyées à serveur Web pour le traitement (ou traité directement sur la page).

Faisons connaissance - veuillez remplir les champs suivants :
Votre nom:

Votre nom de famille:

Votre date de naissance : année mois jour

Merci! Et maintenant, c'est parti !
1. Petit, mais agile.
Partout où il se trouve, il commande.
Il entrera dans la tente -
Le héros se retournera.
Qui est-ce?
Mouche Puce Enfant capricieux
2. S'assoit les yeux exorbités,
Il parle français
Saute comme une puce
Nage comme un humain.
De qui parle-t-on?
Chat Grenouille Perroquet

3. Que respire un phoque lorsqu’il plonge sous la glace ?

4. Pourquoi les grosses tortues pleurent-elles ?

5. Quel genre de vêtements un hareng peut-il porter ?
Gilet de manteau de fourrure
6. Qui est appelé le « cheval de rivière » ?
Loutre Hippo Crocodile

7. Quels oiseaux ne font pas éclore leurs poussins ?

8. Quels oiseaux ne peuvent pas voler ?

Si vous devez sélectionner plusieurs réponses, appuyez et ne relâchez pas la touche Ctrl et faites un clic gauche sur la réponse souhaitée

Mais créer des formulaires sur le même page ce n'est que la moitié du travail. Puisqu'il doit y avoir un programme capable de traiter les données saisies par l'utilisateur à l'aide de formulaires.
Un tel programme peut être localisé sur un serveur ; c'est peut-être dans le vôtre Site web sous la forme d'un fichier séparé, ou peut simplement être écrit en code HTML Sur ton page web.
C'est elle qui détermine ce qu'il adviendra des informations saisies par l'utilisateur :

information peut être ajouté à la base de données et divers graphiques, notes... peuvent être construits sur cette base ;
information peut être envoyé par courrier électronique (ceci est souvent utilisé pour obtenir des informations sur l'utilisateur dans différents types de questionnaires) ;
information peuvent être traités sur place et le visiteur de votre site recevra immédiatement un feedback (par exemple, il recevra des points pour un test, verra les informations qu'il a saisies dans le livre d'or...).

Dans une relation formes Il existe plusieurs règles de base :

1 chacun formulaire occupe une certaine superficie les pages Web. Sur une page web un ou plusieurs formulaires peuvent être localisés.
2. Chaque formulaire doit contenir au moins un des éléments du formulaire (même si, en règle générale, il y en a plusieurs).
3.Chaque élément formes a un nom et une signification. Le nom identifie le champ de saisie des informations et la valeur est égale à la valeur sélectionnée par l'utilisateur.
4. L'un des éléments du formulaire (il peut s'agir d'un bouton ordinaire ou de n'importe quelle image) doit remplir la fonction d'un bouton Envoyer.

Création de formulaires dans Page de garde.
Pour ajouter un formulaire à page web, nécessaire:

Placez le curseur à l'endroit où vous souhaitez coller formulaire.
DANS Insérer un menu choisir Formulaire d'article, dans le menu qui s'ouvre, sélectionnez à nouveau Formulaire d'article. Formulaire sera placé sur votre page web- une zone marquée d'un cadre en pointillés apparaîtra avec deux boutons : Envoyer et réinitialiser.
En utilisant le même point menu Insérer  Formulaire insérez les éléments dont vous avez besoin séquentiellement formes en les sélectionnant dans le menu déroulant en cascade (n'oubliez pas que tous les éléments du formulaire sont insérés à l'intérieur de la zone du formulaire marquée d'un cadre en pointillés).
Après formulaire créé, il ne reste plus qu'à le remplir de contenu - éléments formes, textes, images, tableaux... (avec cotes formes changera automatiquement).
Ajouter du contenu formes peut être fait de la manière habituelle. Par exemple, du texte peut être saisi ou collé à partir du presse-papiers... Toutes les actions avec des objets ajoutés sont similaires.
Cependant créer un formulaire- ce n'est que le début du travail. Après l'avoir créé, vous devez configurer les propriétés comme formes, et ses éléments.

Définition des propriétés du formulaire.

Traiter ou stocker les données saisies par les visiteurs les pages Web, vous devez soit profiter des opportunités offertes Extensions du serveur FrontPage, ou un autre programme exécuté sur serveur Web.
Mais quel que soit le programme que vous choisissez, vous devrez quand même configurer les propriétés du formulaire et des éléments qu'il contient.
Pour ouvrir la fenêtre des propriétés du formulaire, vous devez :
V Insérer un menu choisir Formulaire d'article, et puis -
ou
Appelez le menu contextuel du formulaire et sélectionnez l'élément dans le menu contextuel qui s'ouvre Propriétés du formulaire.
En conséquence, une boîte de dialogue s'ouvrira Propriétés du formulaire.

1.B Enregistrer le champ les résultats doivent indiquer ce qui devra être fait avec les données saisies dans formulaire. Vous pouvez choisir les options suivantes :
o Envoi du nom du fichier- les données seront placées dans le fichier spécifié sur serveur Web. Ce fichier peut être page web, qui deviendra de plus en plus long avec le temps, ou un fichier de données qui pourra ensuite être traité dans Excel, Accès ou tout autre programme ;
o Adresse e-mail d'envoi- dans ce cas, à chaque fois que le visiteur clique les pages Web Boutons Envoyer vers formulaire un e-mail sera généré et envoyé à l’adresse que vous avez fournie. Ce message contiendra toutes les données saisies par l'utilisateur sur Page web.
o Dans la base de données- dans ce cas les données formes sera envoyé à la base de données. La base doit être sur serveur Web(ou être disponible pour lui).
2.B Champ Propriétés formulaire, vous devez préciser le nom du formulaire
Modes d'affichage Page de garde.
Page de garde Offre six modes différents pour visualiser le contenu Site web:

Page,
Dossiers,
Rapports,
Transitions,
Liens hypertextes,
Tâches.
Pour sélectionner le mode souhaité, vous pouvez utiliser Panneau Vues situé sur le côté gauche de l'écran, ou dans le menu Voir sur la barre d'outils Standard sélectionnez l’élément de menu approprié.

Page
Dans ce mode, vous pouvez créer et modifier Les pages Web. Ici vous pouvez créer du vide les pages Web et les pages basées sur des modèles attribuent des thèmes (un ensemble de styles pour présenter la page à l'écran) aux pages. Dans ce mode, vous pouvez ajouter et formater du texte, concevoir pages en utilisant des images graphiques et vidéo (prend en charge la conversion d'un certain nombre de formats graphiques en * .gif, *.jpg et *.png), ajoutez de l'audio à la page, présentez les informations dans des tableaux, des cadres et des formulaires, et enfin créez des hyperliens. Ceci n'est pas une liste complète des possibilités. Page de garde sur l'édition de contenu les pages Web.
Dossiers
Dans ce mode, vous pouvez visualiser la structure Site web(fichiers et dossiers) et gérez-le de la même manière que vous le faites dans les fenêtres, ce mode permet d'obtenir des informations plus détaillées sur les fichiers et dossiers que celles fournies en mode visualisation Page.
Rapports
Vous fournit plus d'une douzaine de rapports contenant diverses informations sur Site web, ouvert en Page de garde.
Transitions
Conçu pour afficher la hiérarchie du site. Dans ce mode, vous pouvez manipuler la hiérarchie en faisant glisser des rectangles (chacun représentant un page web).
Liens hypertextes
Démontre le système de liens hypertextes qui relient les pages entre elles Site web(ainsi qu'un système de liens hypertextes vers d'autres nœuds), assure le contrôle de leur intégrité et de la possibilité de modification.
Tâches
Ce mode est conçu pour la gestion des tâches Site web(ajout, suppression, exécution, définition de la priorité d'exécution et surveillance de l'état des tâches).

Télécharger gratuitement Page de garde vous pouvez utiliser le lien suivant :

http://letitbit.net/download/28576.28615a37d4f2a575882748541adf3bf00/Microsoft_Office_FrontPage_2003.rar.html

Vous pouvez utiliser une image graphique comme arrière-plan de page pour rendre votre page plus attrayante. Mais lorsque vous choisissez une image pour l'arrière-plan, vous devez vous rappeler que cela augmente la taille du fichier et, par conséquent, le temps de chargement de la page augmente. De plus, l'image d'arrière-plan ne doit pas être lumineuse afin que les informations textuelles publiées sur la page Web y soient visibles.

Lors de la création de pages Web, vous pouvez utiliser des graphiques de la bibliothèque Clip Art incluse dans Microsoft Office, des fichiers développés à l'aide d'éditeurs graphiques (par exemple, CorelDraw, Adobe Photoshop), ainsi que des images obtenues à partir d'un scanner. FrontPage vous permet d'importer des fichiers dans les formats suivants :

  • JPEG (JPG)
  • BMP (Windows ou OS/2)
  • TIFF(TIF)
  • WMF (métafichiers Windows)
  • Raster SOLEIL (RAS)
  • EPS (Postscript encapsulé)
  • PCX (pinceau)
  • TGA(Targa)
  • PCD (CD Photo Kodak)

Par défaut, les formats importés autres que GIF et JPEG sont convertis en GIF par FrontPage.

Si vous décidez d'utiliser une image graphique comme arrière-plan d'une page Web et qu'elle a déjà été préparée, alors pour faciliter le placement, placez-la dans le dossier images de votre site Web, car FrontPage commencera à la rechercher à cet endroit. Après cela, vous pouvez commencer à créer l'arrière-plan de la page en suivant ces étapes :

1. Ouvrez le site créé.

2. Ouvrez la page d'accueil en double-cliquant sur le panneau Liste des dossiers(Liste des dossiers) sur le fichier index.htm.

3. Dans le menu Déposer(Fichier) commande de sélection Propriétés(Propriétés) ou sélectionnez la commande du menu contextuel de la page Propriétés des pages.

Propriétés des pages(Propriétés de la page) allez dans l'onglet Arrière-plan(Arrière-plan).

5. Cochez la case située en haut de la boîte de dialogue Image de fond(Photo de fond).

6. Cochez également la case Substrat(Filigrane). S'il est installé, lorsque vous vous déplacez dans une page Web à l'aide de la barre de défilement, l'image d'arrière-plan ne se déplace pas par rapport aux objets situés sur la page.

7. Pour préciser le nom et l'emplacement du fichier graphique dont le contenu sera utilisé comme arrière-plan, cliquez sur le bouton Revoir(Parcourir). Une boîte de dialogue s'ouvre à l'écran Sélectionnez le fond d'écran(Sélectionnez l'image d'arrière-plan) (Fig. 15.5), dans la liste Dossier(Regardez à l'intérieur) qui indique le nom du site Web ouvert.

Riz. 15.5. Boîte de dialogue permettant de sélectionner une image graphique du fond de la page.

8. Si vous avez placé le fichier graphique dans le dossier images, ouvrez-le, sélectionnez le fichier préparé pour le fond de la page et cliquez sur le bouton D'ACCORD.

9. Si vous n'avez pas pris soin de placer le fichier dans les dossiers du site Web au préalable, utilisez les boutons situés à gauche dans la boîte de dialogue pour le rechercher Sélectionnez une image d'arrière-plan. Boutons Revue(Histoire), Mes documents(Mon document) Bureau(Bureau) Favoris(Favoris), Mon environnement réseau(Mes Favoris Réseau) vous permettent de rechercher un fichier dans des dossiers Récent, Mes documents, Bureau, Favoris Et Mon environnement réseau, respectivement. Bouton Trouver sur Internet(Rechercher sur le Web) lance un navigateur pour rechercher sur Internet un fichier pouvant être utilisé comme arrière-plan d'une page Web.

Après avoir sélectionné le fichier requis, cliquez sur OK Sélectionnez le fond d'écran.

10. Revenir à la boîte de dialogue Propriétés des pages, appuie sur le bouton D'ACCORD pour la fermer. Le fichier graphique sélectionné sera utilisé comme arrière-plan de la page en cours.

En figue. La figure 15.6 montre une page Web qui utilise un fichier de la bibliothèque Windows comme image d'arrière-plan.

Riz. 15.6. Image graphique utilisée comme arrière-plan

Vous pouvez utiliser une seule image graphique sur plusieurs pages d'un site Web comme arrière-plan en définissant dans la boîte de dialogue Propriétés des pages case à cocher Obtenir des informations générales à partir d'une autre page(Obtenez des informations générales à partir d’une autre page). Dans ce cas, si vous décidez de modifier l'arrière-plan, il n'est pas nécessaire de le modifier sur toutes les pages utilisant la même image : faites-le simplement sur une seule page. Regardons la séquence d'actions lors de l'utilisation de ce drapeau :

1. Ouvrez le site Web.

2. Ouvrez votre page d'accueil en double-cliquant sur le panneau Liste des dossiers(Liste des dossiers) sur le nom de fichier index.htm.

3. Dans le menu Format(Format) commande de sélection Arrière-plan(Arrière-plan).

4. Dans la boîte de dialogue qui s'ouvre Propriétés des pages sur l'onglet Arrière-plan(Contexte) cochez les cases Image de fond(Photo de fond) et Substrat(Filigrane).

5. Cliquez sur le bouton Revoir situé à côté du champ dans lequel sera placé le nom du fichier graphique.

6. Dans la boîte de dialogue qui s'ouvre Sélectionnez le fond d'écran(Sélectionnez l'image d'arrière-plan) sélectionnez le fichier graphique que vous souhaitez utiliser comme arrière-plan de la page et cliquez sur le bouton D'ACCORD.

7. Cliquez sur le bouton D'ACCORD pour fermer la boîte de dialogue Propriétés des pages.

8. Enregistrez la page Web avec l'image d'arrière-plan placée et le fichier graphique original dans un dossier images.

9. Ouvrez la deuxième page du site Web en mode édition.

10. Ouvrez la boîte de dialogue de cette page Propriétés des pages.

11. Sur l'onglet Arrière-plan Case à cocher (Arrière-plan) Obtenir des informations générales à partir d'une autre page(Obtenez des informations générales à partir d’une autre page).

12. Cliquez sur le bouton à côté de la case à cocher Revoir.

13. Dans la boîte de dialogue qui s'ouvre Site Web actuel(Web actuel) (Fig. 15.7) sélectionnez dans le dossier images page Web enregistrée avec un graphique d'arrière-plan et cliquez sur le bouton D'ACCORD.

14. Appuyez sur le bouton D'ACCORD pour fermer la boîte de dialogue Propriétés des pages.

Riz. 15.7. Boîte de dialogue du site Web actuel

Désormais, si vous souhaitez modifier l'image de fond sur toutes les pages du site Web, il vous suffit de suivre ces étapes :

1. Placez le nouveau graphique dans le dossier images Site web.

2. Ouvrez la fenêtre des propriétés de la page située dans le dossier images, pour lequel vous avez défini une image d'arrière-plan graphique.

3. Modifiez l'image d'arrière-plan à l'aide du nouveau fichier graphique situé dans ce dossier.

4. Fermez la fenêtre des propriétés de la page.



 

Il pourrait être utile de lire :