Vous souhaitez rendre votre texte attrayant et original ? Il était nécessaire de créer une sorte d'inscription Style magnifique? Alors lisez cette leçon.

La leçon présente l'une des techniques de conception de texte, en particulier le plan.

Pour faire un trait dans Photoshop, nous avons besoin du « patient » lui-même. Dans ce cas, ce sera un lettre capitale"UN".

Vous pouvez décrire le texte moyens standards Photoshop. Autrement dit, double-cliquez sur le calque, appelez les styles et sélectionnez « Trait ».

Ici, vous pouvez ajuster la couleur, la position, le type et l'épaisseur du trait.

C'est la voie des amateurs, mais vous et moi sommes de vrais professionnels, nous agirons donc différemment.

Pourquoi donc? En utilisant les styles de calque, vous ne pouvez créer qu'un trait linéaire, mais la méthode que nous apprendrons dans ce didacticiel vous permettra de créer un trait de n'importe quelle configuration.

Voilà, nous avons le texte, commençons.

Serrer Touche CTRL et cliquez sur la vignette du calque avec le texte, obtenant ainsi une sélection qui répète sa forme.

Nous devons maintenant décider de ce que nous voulons réaliser. Je veux un trait assez épais avec des bords arrondis.

Allez dans le menu « Sélection – Modification – Développer ».

Il n'y a qu'un seul paramètre ici. Je vais saisir une valeur de 10 pixels (taille de police 550 px).

On obtient cette sélection :

Pour effectuer d'autres modifications, vous devez activer l'un des outils du groupe « Sélection ».

À la recherche de panneau du haut bouton d'outils appelé « Affiner le contour ».

Vous l'avez trouvé ? Cliquez sur.

Ici, nous devons modifier un seul paramètre - "Lissage". Étant donné que la taille de notre texte est énorme, la valeur sera également assez grande.

Sur ce calque, appuyez sur la combinaison de touches MAJ+F5. Une fenêtre avec des options de remplissage apparaîtra.

Ici, nous sélectionnons « Couleur ». La couleur peut être n'importe laquelle.

Nous obtenons ce qui suit :

Désélectionnez la sélection à l’aide de la combinaison de touches CTRL+D et continuez.

Placez le calque de trait sous le calque de texte.

Ici, nous sélectionnons l'élément « Superposition de dégradés » et cliquons sur l'icône affichée à l'écran, ouvrant la palette de dégradés. Vous pouvez choisir n’importe quel dégradé. L’ensemble que vous voyez maintenant s’appelle « Black and White Toning » et est inclus dans le package standard de Photoshop.

Sélectionnez ensuite le type de dégradé « Miroir » et inversez-le.

Cliquez sur OK et profitez-en...

Y a-t-il quelque chose qui ne va pas…

Continuons l'expérience. Désolé, leçon.

Accédez au calque de texte et modifiez l'opacité du remplissage à 0%.

Double-cliquez sur le calque et les styles apparaîtront. Sélectionnez l'élément « Gaufrage » et configurez-le à peu près comme dans la capture d'écran.

Le résultat final que j'ai obtenu était le suivant :

Avec un peu d'envie et d'imagination, grâce à cette technique, vous pouvez obtenir des résultats très intéressants.

Lors du traitement et de la création dans programme graphique Pour les images avec ou sans légende, il est souvent nécessaire de souligner les limites des objets, de les séparer du fond, ou simplement de dessiner un contour. Pour tout cela, vous pouvez utiliser un trait dans Photoshop ou peindre le long du contour avec un pinceau. Cet article est consacré à la façon de procéder.

Deux façons de créer un trait

Il existe deux manières de créer un trait dans Photoshop : sélectionner les limites du calque à l'aide de l'un des effets spécialement fournis et dessiner un contour vectoriel. La première méthode est le plus souvent utilisée pour souligner visuellement les limites des objets et les séparer de l'arrière-plan (le plus souvent, cela est nécessaire, par exemple, pour mettre en évidence du texte sur un fond coloré). La deuxième méthode est davantage utilisée pour le dessin, notamment lors de la création de formes géométriques claires.

Tracez un calque dans Photoshop

Le trait dans Photoshop fait principalement référence à un effet de calque. Ce calque peut être soit une image, un fragment de celle-ci, soit des lettres écrites avec l'outil Texte.

Pour appliquer cet effet de trait de calque, vous devez procéder comme suit.

Sélectionnez le calque.

Dans l'élément de menu de l'onglet « Édition », sélectionnez « Trait ».

Une boîte de dialogue s'ouvrira dans laquelle vous devrez configurer les paramètres de trait et confirmer la commande en cliquant sur le bouton « Oui ». Un trait sera créé dans Photoshop, le calque correspondant sera délimité, ses bordures deviendront visibles.

Les paramètres de course sont faciles à ajuster et il existe ici de nombreuses possibilités. Cela inclut l'ajustement de l'épaisseur de la ligne, le choix d'une couleur et la définition de l'emplacement de la ligne :

• le long de la limite de couche depuis l’extérieur ;
• pour que la frontière soit son centre ;
• le long de la frontière intérieure.

Vous pouvez également définir le mode, comme n'importe quel remplissage (couleur, motif ou dégradé). En combinant ces outils et d’autres programmes, il est facile d’obtenir une grande variété d’effets.

L'avantage de cette méthode de trait est que ses paramètres peuvent toujours être ajustés ultérieurement, vous pouvez donc revenir à cet effet de calque au fur et à mesure que l'image dans son ensemble change. Disons que si vous décidez d'éclaircir et que le trait ne s'harmonise plus avec lui, il peut être ajusté et ajusté.

Son deuxième avantage est que cet effet peut être copié et appliqué à d'autres calques ou d'autres images, ou que de nouveaux peuvent être créés à partir de celui-ci.

Boîte de dialogue Autre trait

La deuxième façon de tracer un calque consiste à sélectionner l'élément de menu « Calque », puis « Style de calque ». Une fenêtre s'ouvrira affichant tous les paramètres pouvant être définis pour le style de calque. Parmi eux, vous devez sélectionner « Stroke ».

La même fenêtre avec les styles est appelée en cliquant sur le bouton « Ajouter un style de calque » dans la fenêtre « Calques ».

Bien sûr, appeler cette fenêtre générale avec des styles via le menu n'est pas très pratique, et si vous utilisez souvent le trait, alors pour un travail dynamique, vous devez définir une combinaison de touches pour cette fenêtre.

Pour cela, rendez-vous dans le menu « Edition », puis « Raccourcis clavier", recherchez l'un des chemins ci-dessus à travers les éléments de menu et définissez une combinaison qui vous convient.

Le sens de l'existence de deux Boîtes de dialogue"Accident vasculaire cérébral"

Les deux fenêtres alternatives pour créer un effet de calque sont similaires, de sorte que de nombreuses personnes sont sûres de travailler avec le même outil. Cependant, c’est une idée fausse. Le fait est que ce sont des fenêtres différentes qui créent des traits différents, et c'est en combinant ces deux commandes que vous pouvez tracer deux chemins ajustables autour d'un même calque. Ceci est particulièrement souvent nécessaire pour décrire un texte.

Trait le long du contour

Comment faire un trait dans Photoshop ? La deuxième façon consiste à créer un contour et à le dessiner.

Dans Photoshop, un chemin est une ligne vectorielle qui spécifie la direction du mouvement du pinceau. Autrement dit, le trait dans ce cas consiste à dessiner avec le pinceau sélectionné le long d'un chemin donné.

À l'aide de l'outil Sélection, de l'outil Lasso ou de " baguette magique"sélectionnez le fragment de l'image que vous souhaitez tracer. Via l'élément de menu "Fenêtre", appelez "Contours". Dans cette fenêtre, recherchez le bouton "Créer un chemin de travail à partir de la zone sélectionnée". Dans la section "Outils" sélectionnez l'outil "Pinceau", définissez ses paramètres (forme, couleur, etc.) Puis dans la fenêtre "Pathlines", cliquez sur le bouton "Tracer un tracé avec un pinceau". La zone que vous avez précédemment sélectionnée sera délimitée. Après cela, supprimez le chemin.

Ainsi, pour tracer un chemin, vous n'avez pas besoin de créer Nouvelle Couche, il suffit de déterminer la ligne stimulante le long de laquelle le programme tracera avec le pinceau de votre choix.

Veuillez noter que le trait dans ce cas sera placé sur le calque que vous spécifiez, y compris le nouveau.

Texte de présentation

Les possibilités de personnalisation de l'outil Pinceau de Photoshop sont très riches, car vous pouvez ajuster les intervalles, la texture, la dynamique de forme et de couleur, etc. Dans le même temps, cette ligne différera du dessin à la main par une précision maximale et le temps ce processus il en faudra beaucoup moins.

Pour tracer un texte, vous devez d'abord sélectionner son calque, puis le convertir - comme une zone de sélection ordinaire - en un contour. Après avoir créé un nouveau calque, vous pouvez expérimenter et dessiner le long de la ligne avec n'importe quel pinceau avec n'importe quel paramètre. N'oubliez pas qu'à des fins artistiques, vous pouvez appliquer le trait obtenu sur un calque régulier. divers effets, placez-le au-dessus ou en dessous du texte, modifiez sa transparence, etc.

Les deux méthodes de présentation décrites ci-dessus ne sont pas interchangeables, mais se complètent. L'avantage du premier est que la ligne peut être ajustée puis remise au réglage, ainsi que copiée et appliquée à d'autres calques, y compris dans d'autres fichiers. L'avantage du second est que le trait dans Photoshop aura l'air plus artistique, puisqu'il n'y a aucune restriction dans le choix des pinceaux.

1 voix

Bonjour, chers lecteurs. Nous continuons à comprendre Les bases d'Adobe Photoshop. Travaillons avec le texte aujourd'hui. J'ai déjà utilisé le contour de texte plus d'une fois dans mes cours, et des visiteurs attentifs ont rencontré ce point à plusieurs reprises et pourraient même apprendre par eux-mêmes à dessiner du texte dans Photoshop.

Pourtant, dans les articles pédagogiques, j'essaie de donner un peu plus et d'aller au-delà du sujet. Cela vous attend aujourd'hui. J'ai décidé d'aborder cette question plus en détail et de vous montrer des astuces intéressantes qui vous aideront dans votre travail.

Ainsi, cette publication répondra complètement à toutes les questions sur la façon de tracer du texte dans Photoshop. Commençons sans plus tarder.

Comment faire un plan de texte simple

Ouvrez Photoshop. N'oubliez pas que vous avez la possibilité de travailler versions en ligne ce programme ( https://pixlr.com). Ce n'est pas plus simple, mais cela peut faire certaines choses plus rapidement, surtout si Photoshop est lent sur votre ordinateur. Cependant, c'est bien quand vous avez votre propre programme.

Là, vous pouvez ajouter des pinceaux, des motifs ou des arrière-plans qui vous conviennent et qui vous plaisent. Option idéale sinon très bonne. À propos, dans la leçon d'aujourd'hui, nous apprendrons également comment procéder.

Je vais donc travailler dans ma version, et je vous souhaite la même chose. Ouvrez et créez une nouvelle image.

La taille n'est pas si importante. Que ce soit 600x400. J'adore les rectangles.

L'arrière-plan est désormais transparent. Je n'aime pas vraiment ce vérificateur, alors je vais d'abord remplir le dessin avec une couleur différente.

D'ailleurs, si vous utilisez un large spectre, vous pouvez toujours revenir en noir et blanc en cliquant sur la vignette sous les couleurs utilisées. Il est mis en évidence par un rectangle sur la capture d'écran.

Eh bien, pour faire un trait uniforme, vous devez d'abord écrire quelque chose. Sélectionnez l'outil « Texte » dans le panneau de droite. Je l'ai marqué d'une flèche.

Nous avons donc écrit le texte.

Sur le côté droit de l’écran, recherchez les calques. Désolé pour la digression si vous connaissez déjà cette information. Mais cette publication est destinée aux débutants, je vais donc vous expliquer ce que sont les couches en général.

Imaginez que vous avez Feuille blanche et vous y mettez des dessins, du texte, des images. Vous faites une sorte de collage. Dans Photoshop, tout est exactement pareil et chaque élément superposé s'appelle un calque ; ils servent à travailler sur un seul fragment, et non sur l'ensemble de l'image.

Par exemple, si vous souhaitez rendre l'arrière-plan plus lumineux, alors les manipulations devront être effectuées sur l'arrière-plan, dans ce cas votre désir n'affectera pas tous les autres éléments de l'image, comme le texte. Il n'y aura pas plus de luminosité.

Regardez, voici à quoi ressemble le calque de texte.

Cliquez sur clic-droit souris pour avoir un menu supplémentaire. Ici, nous avons besoin des "Options de mélange".

Après l'apparition d'un autre menu, vous pouvez facilement effectuer un trait. Cochez la case.

Les modifications sont reflétées immédiatement. Pour les voir, sortez de la fenêtre de style de calque. s'accrocher la partie supérieure menu contextuel et ne le lâchez pas tant que vous ne l’avez pas déplacé au bon endroit.

Désormais, tout est visible sauf le contour. Le fait est que la couleur correspond au texte. Changeons-le. Cliquez sur la couleur.

Et encore un menu supplémentaire. Faites le tour jusqu’à ce que vous trouviez le meilleur.

Maintenant, la couleur est à peine perceptible. Augmentez donc la taille du trait. Il est préférable de le faire non pas avec le curseur, mais avec l'aide du clavier. De cette façon, cela ressort avec plus de précision.

La sélection est désormais plus visible.

Le texte peut être délimité depuis le bord extérieur, le bord intérieur ou depuis le centre. Expérimentez jusqu'à ce que ce soit parfait.

Mais je ne recommanderais pas d’utiliser le mode fusion aux débutants. Je pense que ce sera un peu difficile pour le moment. Ces fonctions sont utilisées par des utilisateurs avancés, mais elles constituent un casse-tête inutile et incompréhensible.

Vous pouvez bien sûr jouer, je ne peux rien vous interdire, mais croyez-moi, il y a ici aussi quelque chose d'intéressant et de plus utile pour vous.

Juste en dessous vous trouverez l'opacité. Cela rend le contour plus ou moins visible.

Eh bien, passons maintenant aux « astuces ».

Contours, ombres, traits de texte dégradés et à motifs

Vous pouvez décrire le texte non seulement avec une seule couleur, mais également avec des motifs. Changez simplement le type comme indiqué dans ma capture d'écran.

Voilà à quoi pourrait ressembler votre dessin.

Lorsque vous avez terminé, retirez la partie cachée du panneau pour enregistrer vos modifications.

Vous pouvez également essayer le gaufrage - contour.

Ou ajoutez une ombre au texte pour faire ressortir les lettres. Je n'y prêterai pas beaucoup d'attention. Tout ici est clair et simple. Essayez simplement différentes choses et essayez. Tout ce que vous atteignez vous-même est bien mieux mémorisé.

Le trait peut être modelé, mais il existe peu de modèles dans le kit de base de Photoshop. Mais ils peuvent être facilement téléchargés, tout comme les dégradés, les polices, etc.

Tas modules complémentaires gratuits peut être trouvé sur le site https://photoshop-master.ru.

Il y a des pinceaux, des cadres, belles polices, motifs et textures. C'est ce dont nous avons besoin maintenant.

Choisissez le motif que vous aimez. Au fait, faites attention. Vous n’avez pas seulement besoin de la section « modèles ». Les couleurs métalliques, florales et assorties conviennent également. Téléchargez ce que vous aimez. Bouton sous la description.

Revenons maintenant à Photoshop. Laissez-moi vous rappeler le chemin. Calque de texte, bouton droit de la souris - « Mode de fusion », « Trait », type de trait : « Motif ». Trouvez un écrou comme celui de la capture d'écran.

Vous devez maintenant télécharger les modèles.

Recherchez le fichier dans le dossier dans lequel vous téléchargez les documents téléchargés sur Internet. Si vous ne le voyez pas ou ne le trouvez pas, essayez de décompresser ce que vous venez de télécharger. Retirez les documents de gagner les archives rare.

Autrement dit, vous avez téléchargé l'archive dans un dossier, dites « Télécharger ». Nous avons trouvé « Télécharger » sur notre ordinateur. Ensuite, ils ont trouvé le nom du document qu'ils venaient de télécharger, l'ont ouvert, ont récupéré le fichier avec l'extension .pat et l'ont déplacé dans le dossier « Téléchargements ». Voilà, vous voyez le motif souhaité via Photoshop et pouvez le télécharger.

Prêt. Il y a d'autres modèles ! Peut être appliqué au texte.

Si vous aimez travailler dans Photoshop, vous le pouvez. DANS temps libre. Pour commencer, abonnez-vous à la newsletter de mon blog pour en savoir plus sur la façon dont les sites Web sont créés et vendus sur Internet.

Ensuite tu peux y aller cours pour les concepteurs de sites Web débutants. Pendant les trois premiers jours, vous êtes autorisé à regarder gratuitement les vidéos de ce site. Franchement, si vous êtes assidu, ce temps sera suffisant pour saisir les bases et comprendre beaucoup de choses. Le plus important est de savoir si vous souhaitez vous impliquer.

Personnellement, j’ai beaucoup aimé, mais en même temps, j’ai fermement décidé que je n’étais pas très attiré par le web design, alors… Retoucher des photos pour votre blog, c'est cool, mais je ne voudrais pas faire ça tout le temps, même pour beaucoup d'argent.

A chacun, comme on dit, le sien.

Cependant, en tant que chef de projet de studio web, j'ai besoin de comprendre le design et de suivre le travail de mes collaborateurs. C'est pourquoi je ne pouvais pas laisser passer un autre cours, sur la netologie - Web designer : site web efficace de l'idée à la réalisation.

J'ai hâte d'entendre les conférences du copropriétaire de Red Keds. L'entreprise est très cool. Une équipe folle, connue aussi bien que le studio d'Artemy Lebedev.

J'ai eu la chance d'assister à plusieurs reprises à des performances de professionnels, dont celles de l'équipe des Red Keds, et c'est toujours un jour férié. Ces histoires sont tout simplement impossibles à oublier ! Par exemple, l'un des designers a expliqué comment il l'avait fait. C'était le but.

Beau, stylé, mais il fallait le vendre ! Imaginez vendre un point pour de l'argent fou ! Vous comprenez bien pourquoi on les appelle des spécialistes.

Eh bien, j'ai complètement oublié le temps. Bonne chance dans vos efforts et à bientôt. De nouveaux articles sur Photoshop vous attendent très prochainement. Ne manquez pas.

Tout concepteur de sites Web sait que la chose la plus difficile à dessiner est l’en-tête du site Web. Et, par conséquent, c'est à cette partie du travail que le client est le plus exigeant. Parfois, il n’est pas possible d’attraper la bonne vague du premier coup. Et plus vos connaissances sont grandes, plus votre imagination peut se déchaîner. Plus tôt vous déploierez une option réussie auprès du client, moins vous consacrerez de temps au développement. Et c'est bénéfique. Préparez-vous à avoir des centaines de variations de traitement de texte et de photo en tête. Certains d’entre eux sont utilisés presque constamment. Ceux-ci incluent des traits de texte.

L'ajout d'un trait au texte dans Photoshop est l'une des opérations les plus simples, mais en même temps l'une des opérations les plus populaires. Par conséquent, savoir comment le faire est tout simplement nécessaire pour tout concepteur de sites Web. Commençons.

Commençons par le plus simple. Comment créer un seul trait de texte. Nous créons nouveau document. Nous écrivons le texte. je choisirai grande police et un style audacieux. Sur couche d'arrière-plan J'ai ajouté un dégradé. Si vous le faites déjà, c’est magnifique.

Faites un trait de couleur noire. Passons à la fenêtre des calques. Sélectionnez le nôtre, avec texte. Cliquez dessus avec le bouton gauche de la souris.

Nous devons trouver les « Options de mélange ».

Sélectionnez l'élément « contour » et définissez les paramètres.

Résultat:

Les paramètres peuvent être modifiés à votre discrétion. Largeur du trait. Sa couleur et son type.

Compliquons un peu la tâche. Et faisons un double coup. Mais! Malheureusement, Photoshop ne permet pas de réaliser un double trait de la même manière. Par conséquent, vous devriez recourir à la ruse. Et convertissez notre inscription en un objet intelligent. Certes, il y a un inconvénient. Votre inscription devient une image. Autrement dit, vous ne pourrez pas le modifier en mode texte. Dans la même fenêtre de calques, utilisez le bouton gauche de la souris pour appeler la même liste d'opérations. Et sélectionnez « convertir en objet intelligent ». Il sera situé juste en dessous des options de fusion.

Le calque ressemblera à ceci :

Revenons maintenant aux options de fusion et de contour. Définissez les paramètres suivants.

Voilà ! Maintenant, le coup est double.

Il s'est avéré qu'à première vue, un outil Photoshop aussi puissant que Stroke est assez simple à créer. Alors allons un peu plus loin. Et ajoutez un trait de dégradé à la police.

J'ai modifié le calque d'arrière-plan pour améliorer l'apparence de notre texte. Et j'ai ajouté ce dégradé au texte :

Plus un simple contour noir. Mon image originale ressemble à ceci :

Maintenant, je le convertis en un objet intelligent et y ajoute un trait de dégradé. Pour ce faire, dans les options de fusion de l'onglet Trait, sélectionnez « dégradé » dans la liste déroulante.

Définissez les paramètres :

Et c'est ce que nous avons. Texte avec un trait dégradé. Grâce au jeu des couleurs, nous avons créé l’effet d’une inscription lumineuse. Cela a l'air très intéressant, vous ne trouvez pas ?

Grâce à quelques outils, nous avons pu créer une inscription sympa, qui pourrait très bien convenir à la création d'un en-tête de site Web.

Il y a quelques choses dont vous devez vous souvenir.

Vous ne pouvez pas tracer un texte indéfiniment. Tout a une limite. Soit vous faites beaucoup de traits fins, soit quelques traits, mais épais.

L'AVC peut être à la fois externe et interne. L'intérieur a inconvénient majeur. Il « mange » l’objet tracé.

En utilisant des traits, vous pouvez créer l’illusion de volume. Tout est question de couleurs. Lors de la sélection la combinaison souhaitée vous pouvez facilement obtenir un effet similaire.

Le trait du texte n'augmente pas proportionnellement au texte. Disons que vous avez créé un trait de police avec une taille de police de 20 px et un trait de 2 px. Si vous augmentez la taille de la police à 40 px, le trait restera de la même taille. Autrement dit, cela sera complètement différent.

Instructions

A l'aide de la commande "Nouveau" du menu "Fichier", créez un nouveau document dans Programme Photoshop. Vous pouvez faire la même action en utilisant le raccourci clavier "Ctrl"+"N". Dans la palette Outils, sélectionnez l'outil Texte horizontal (« Texte horizontal"). Placez le curseur sur le document créé, faites un clic gauche sur dans la bonne place et écris le texte. Traduisez le texte écrit. Pour ce faire, faites un clic droit sur le calque de texte dans la palette "Couches" et sélectionnez l'option "Rasterize Type". Pour cela, utilisez la commande "Trait" du menu "Edition". Dans la fenêtre de paramètres qui s'ouvre, sélectionnez la largeur du trait en pixels, la couleur du trait et son emplacement : à l'intérieur du contour, au centre ou à l'extérieur du contour. Cliquez sur OK. Enregistrez le document créé à l'aide de la commande "Enregistrer" du menu "Fichier".

Une autre façon de créer un trait permet de ne pas traduire le texte en . En d’autres termes, vous pouvez le faire avec un trait créé comme style de calque. Pour ce faire, créez un calque de texte à l'aide de l'outil Texte horizontal. Cliquez avec le bouton droit sur le calque de texte et sélectionnez l'option « Options de fusion ». Cochez la case « Coup ». Cliquez sur cet onglet avec le bouton gauche de la souris. Dans l'onglet Paramètres qui s'ouvre, sélectionnez la largeur du trait en pixels. Ce paramètre peut être ajusté en saisissant les valeurs de finition dans le champ Taille ou en déplaçant le curseur. Dans les listes déroulantes, sélectionnez une position de trait et un mode de fusion. Dans la liste déroulante "Type de remplissage", choisissez si vous souhaitez remplir le trait avec une couleur, un dégradé ou une texture. Dans la palette qui s'ouvre, ajustez la couleur, le dégradé ou la texture du trait. Le résultat de la modification des paramètres sera affiché dans le document que vous avez créé. Cliquez sur OK. Enregistrez le texte d'un trait à l'aide de la commande "Enregistrer" du menu "Fichier".

Sources:

• Texte de trait dans Photoshop

Placer des blocs de texte cachés améliore la perception visuelle d'une page de site Web - elle est chargée dans le navigateur exactement sous la forme développée par le concepteur, quelle que soit la quantité d'informations placées. De plus, c'est plus pratique pour le visiteur - dans la recherche le bloc souhaité Pour obtenir des informations, il n'a pas besoin de parcourir l'ensemble du tableau, mais seulement la petite « pointe de l'iceberg ».

Tu auras besoin de

• Notions de base Langages HTML et JavaScript.

Instructions

Utiliser fonction personnalisée sur Javascript pour organiser le masquage et l'affichage des blocs de texte nécessaires dans une page HTML. Une fonction commune à tous les blocs est bien plus pratique que d’ajouter du code à chacun d’eux séparément. Vers l'en-tête code source page, placez les balises de script d'ouverture et de fermeture et entre elles, créez une fonction vide avec un nom, par exemple, swap et un paramètre d'entrée requis id:function swap(id) ()

Ajoutez deux lignes de code JavaScript au corps de la fonction - entre accolades. La première ligne doit indiquer l'état actuel du bloc de texte, que sa visibilité soit activée ou désactivée. Il peut y avoir plusieurs blocs de ce type dans un document, chacun doit donc avoir son propre identifiant - c'est ce que la fonction reçoit comme seul paramètre d'entrée, id. A l'aide de cet identifiant, il recherche le bloc recherché dans le document, en attribuant la valeur de visibilité/invisibilité (état de la propriété display) à la variable sDisplay : sDisplay = document.getElementById(id).style.display;

La deuxième ligne doit modifier la propriété d'affichage du bloc de texte souhaité par l'opposé : masquer si le texte est visible et afficher s'il est masqué. Cela peut être fait avec le code suivant : document.getElementById(id).style.display = sDisplay == "none" ? "" : "aucun";