تبیان، دستیار زندگی
برای زیبا كردن صفحه، می‌توانید یك دكمه متغیر به آن اضافه كنید. وقتی كه به این نوع دكمه اشاره می‌كنید، شكل یا رنگ آن تغییر می‌كند. اگر بخواهید می‌توانید جلوه‌های ویژه یا ...
بازدید :
زمان تقریبی مطالعه :

چگونه یك دكمه متغیر ایجاد كنیم؟

برای زیبا كردن صفحه، می‌توانید یك دكمه متغیر به آن اضافه كنید. وقتی كه به این نوع دكمه اشاره می‌كنید، شكل یا رنگ آن تغییر می‌كند. اگر بخواهید می‌توانید جلوه‌های ویژه یا صوت به دكمه اضافه كنید و بعد این دكمه را به صفحات دیگر لینك كنید. دكمه‌های متغیر، كمك می‌كنند تا توجه بازدیدكنندگان را به مهم ترین لینك در سایت جلب كنید.

ایجاد دكمه متغیر

چگونه یك دكمه متغیر ایجاد كنیم؟

روی محلی كه می‌خواهید دكمه متغیر در آنجا قرار گیرد كلیك كنید. از منوی Insert ، گزینه Web Component را انتخاب كنید تا كادر محاوره‌ای Insert web Component باز شود. از لیست Component type در سمت چپ، گزینه Dynamic Effects را انتخاب كنید و از لیست Choose an effect در سمت راست، گزینه Hover Button را انتخاب كنید. بعد روی Finish كلیك كنید. كادر محاوره‌ای Hover Button Properties باز می‌شود.

عنوان دكمه

چگونه یك دكمه متغیر ایجاد كنیم؟

در فیلد Button text ، عنوان دكمه را تایپ كنید. اسم‌های كوتاه بهترند (برای مثال، Home ، News یا Updates) اگر از یك اسم طولانی استفاده می‌كنید، مقدار فیلد Width در كادر محاوره‌ای Hover Button Properties را تنظیم كنید.

یك لینك ایجاد كنید

چگونه یك دكمه متغیر ایجاد كنیم؟

برای لینك كردن این دكمه به یك صفحه دیگر، آدرس آن صفحه را در فیلد Link to تایپ كنید. شما می‌توانید به یك صفحه دیگر در سایت یا به یك آدرس خارجی لینك كنید(به بخش 4 «مرتبط كردن فایل‌ها به یكدیگر با استفاده از هایپرلینك» مراجعه كنید.) از دكمه Browse برای پیدا كردن صفحه مورد نظر استفاده كنید.

انتخاب جلوه

چگونه یك دكمه متغیر ایجاد كنیم؟

یكی از رنگ‌های لیست Button Color را انتخاب كنید. بعد یكی از جلوه‌های لیست Effect را انتخاب كنید. برای مثال می‌توانید كاری كنید كه دكمه برق بزند یا با اضافه كردن یك حاشیه رو بداخل یا روبه خارج، یك جلوه سه بعدی اضافه كنید. در این مثال، جلوه Glow را انتخاب كردم. بعد روی Ok كلیك كنید.

دكمه را مشاهده كنید

چگونه یك دكمه متغیر ایجاد كنیم؟

تا وقتی كه دكمه را ذخیره نكنید و آن را مشاهده نكنید نمی‌فهمید كه این دكمه چگونه كار خواهد كرد. روی دكمه Save در نوار ابزار Standard كلیك كنید و از منوی File گزینه Preview in Browser را انتخاب كنید. توجه كنید كه وقتی اشاره‌گر را روی دكمه حركت می‌دهید، دكمه برق می‌زند.

* توجه *

انتخاب تصویر

اگر می‌خواهید دكمه‌های متغیر شما، زیباتر شوند، خودتان تصاویر مربوطه را انتخاب كنید. یك تصویر بعنوان تصویر دكمه اصلی انتخاب كنید و یك تصویر دیگر برای وقتی كه بازدیدكننده، اشاره گر موس را روی دكمه حركت می‌دهد انتخاب كنید. در كادر محاوره‌ای Hover Button Properties ، روی دكمه Custom كلیك كنید. در كادر محاوره‌ای Custom ، روی دكمه Browse در كنار كادر محاوره‌ای Button كلیك كنید و بعد فایل تصویر مربوط به دكمه اصلی را انتخاب كنید. روی Open كلیك كنید. حال تصویری را انتخاب كنید كه وقتی كه بازدیدكننده، اشاره‌گرموس را روی دكمه حركت می‌دهد نمایش داده می‌شود. روی دكمه Browse در كنار كادر متنی On hover كلیك كنید و فایل تصویر مورد نظر را انتخاب كنید. روی Open كلیك كنید. بعد روی OK كلیك كنید تا هر دو كادر محاوره‌ای بسته شوند.

لغزاندن

با استفاده از كامپوننت Scrolling Marquee می‌توانید مقداری متن در یك كادر كوچك تایپ كنید . این كادر پنهان است ولی بازدیدكنندگان ، این متن را مشاهده می‌‌كنند كه مثل یك تیتر خبری، در صفحه می‌لغزد. این قابلیت در Netscape Navigator كار نمی‌كند استفاده كنندگان Navigator ، متن را مشاهده می‌كنند ولی این متن در صفحه نمی‌لغزد. از منوی Insert گزینه Web Component را انتخاب كنید. از منوی Dynamic Effects ، گزینه Marquee را انتخاب كنید و روی Finish كلیك كنید. در كادر محاوره‌ای Marquee Properties كه باز می‌شود، پیغام خود را در كادر Text تایپ كنید و روی Ok كلیك كنید.