اینترنتطراحی وب سایت

دکمه CSS. مزایای. سبک. زیبایی شناسی

احتمالا هیچ کس سایت بدون ارجاع آن به دیگر صفحه دکمه است. هر کس می خواهد به آن را به توجه شما را به سایت، و در همان زمان استفاده از انواع ابزار. در طراحی وب سایت در میان آنها عبارتند طراحی دکمه، که با توجه به عوامل مختلف متفاوت - هر دو در اندازه و شکل، و اثرات و غیره.

دکمه های CSS راحت ترین هستند. برای لحظه ای آنها می توانند به طور کامل تغییر سبک. و، البته، آن را می دهد فرصت های بیشتر برای طراحی سایت به عنوان یک کل.

برای شروع، برای جلوگیری از سردرگمی و سوء تفاهم، لازم است به درک برخی از مفاهیم است.

CSS است که

CSS، که به معنی در ترجمه "شیوه نامه های آبشاری"، امروز یکی از فناوری های اصلی بر روی اینترنت است. بدون این زبان بعید است به هزینه حداقل یک سایت.

CSS-کد - راهنمای برای مرورگر هایی که حاوی اطلاعاتی مانند عناصر صفحه نمایش بر روی صفحه و در آن به آن را انجام دهد.

آسان برای ذخیره این دستورالعمل در یک فایل جداگانه با پسوند .css پسوند. از سوی دیگر، می توان آنها را در آغاز از اچ تی ام ال سند قرار می گیرد.

دکمه ها در سایت چی هست؟

را فشار دهید، و یا گرافیک برای ناوبری از سایت باید توجه بازدید کننده را جذب به ببینید که او اطلاعات لازم مخفی شده بود، و علاوه بر این، آن را می خواهید کلیک کنید. هنگامی که آن را به اندازه کافی روشن و برجسته، آن را متوجه خواهد شد. این دکمه می توانید بازدید کنندگان جلب، برای مثال، نظرات در سایت، و یا ارسال درخواست برای عضویت در خبرنامه جالب، و، البته، به سادگی انتقال بخش درخواست کاربران از سایت.

دکمه استاتیک، متحرک، پویا، صدا و بدون آن.

آنها را می توان به خصوص ایجاد، برای مثال، در فتوشاپ، و یک تصویر به سایت، و می تواند به راحتی و به سرعت می آیند تا با آنها را در CSS.

دکمه های CSS

را از این دکمه ها بسیار آسان است. مزیت بزرگ استفاده از آنها این است که آنها را در هر زمان، فقط چند ثانیه، شما می توانید فراتر از شناخت را تغییر دهید.

همانطور که می دانیم، سه نقطه کلیدی وجود دارد:

  • استراحت زمانی که هر کاری با آن انجام نمی دهد، فقط به عنوان در حال حاضر در صفحه؛
  • موقعیت شناور مکان نما بر روی آن.
  • و فعال زمانی که کلیک.

دکمه های کامل دقت در مرورگرهایی مانند فایرفاکس، سافاری، اپرا، کروم نمایش داده شود. در همان زمان در اینترنت اکسپلورر 9، دکمه را به طور کامل نمایش داده نمی شود. به عنوان مثال، دور گوشه و کنار، سایه متن و سکته مغزی در اطراف دکمه خواهد با توجه به این واقعیت است که این ویژگی ها این مرورگر پشتیبانی نمی شود در اینجا قابل مشاهده است. با این حال، به طور کلی، CSS-دکمه برای سایت نظر می رسد خوب در این نسخه از مرورگر. در اینترنت اکسپلورر 8 و نسخه های دیگر زیر هشتم در دکمه نخواهد بود حجم قابل مشاهده است، اما در همان زمان، برای حفظ ظاهر از شیب.

اگر ما دکمه مقایسه را در قالب تصاویر و دکمه CSS، تفاوت فضای بیشتر بر روی سرور را به طور کامل بی ربط است. اما CSS دکمه را کاهش می دهد تعداد درخواست ها به سرور، اما از آن خواهد شد روشن استفاده در مقایسه با دکمه به عنوان یک تصویر.

به نظر می رسد که حتی اگر از پشتیبانی برخی از CSS خواص در اینترنت اکسپلورر و نه، این دکمه ها هنوز هم نگاه های بیشتری را برنده از ساده تصاویر، زیرا تنها چیزی که از دست دادن کاربران در اینترنت Exporer، بنابراین برای دیدن آن زیبایی شناسی از تکنولوژی مدرن در وب طراحی. اما نقص کاملا غیر مادی است.

برای هر موقعیت سبک خود را دارد داده می شود. این استایل ها در یک فایل css را خاص و یا بین تگ سر در صفحه بسیار نوشته شده است.

یک دکمه بر روی وب سایت

بین کد تگ بدن نوشته شده:

جایی که

شناسه = "BUTTON2" در اینجا به نام اختصاص داده شده به دکمه است،

عکاس هنگام عکسبرداری = http: // باشد سایت / مقاله / 175988 /٪ E2٪ 80٪ 9D٪ D0٪ 93٪ D0٪ 98٪ D0٪ 9F٪ D0٪ 95٪ D0٪ A0٪ D0٪ A1٪ D0٪ A1٪ D0٪ AB ٪ D0٪ 9B٪ D0٪ 9A٪ D0٪ 90٪ E2٪ 80٪ 9D داده می شود، ارتباطی را به مورد نظر سند،

متن - چاپ متن به بر روی دکمه نمایش داده می شود.

سبک برای دکمه

1. دکمه CSS سبک به طور جداگانه در سند و یا در صفحه خود ثبت شده است:

2. اول دکمه های CSS نوشته شده است زمانی که آنها در حال استراحت هستند:

3. علاوه بر پارامترهای ثبت شده است، مربوط به دکمه هنگامی که آن را با ماوس از روی. اگر در این مورد، تنها تغییر رنگ و سایه، و سبک، همه چیز یکسان باقی می ماند، به جز برای رنگ و سایه:

4. و آخرین گزینه است که موقعیت دکمه مکان نما بر روی آن فشار داده شده است. اغلب در چنین مواردی تنها حداقل تغییر، از جمله رنگ، در این مورد:

CSS - دکمه های زیبا

برای ساخت یک شیب، شما می توانید از دکمه استفاده کنید. بهتر این است که اولین قرعه کشی بر روی دکمه در هر ویرایشگر تصویر مانند فتوشاپ، بنابراین شما می دانید دقیقا همان چیزی آن را در پایان اتفاق می افتد. اگر شما استفاده از فتوشاپ، سپس آن را در ابتدا در حال حاضر برخی شیب، اما علاوه بر این، شما می توانید دانلود بیشتر و بیشتر، نوعی که می خواهم برای دریافت در سایت.

آزمایش با CSS کد و تغییر پارامترهای مختلف، ممکن است برای تغییر CSS دکمه های زیبا و با انتخاب، برای رسیدن به نتیجه مورد نظر.

این پارامترها عبارتند از:

- رنگ متن بر روی دکمه.

- اندازه متن و دکمه.

- دکمه های شیب رنگ؛

- دکمه های زاویه شعاع.

- و رنگ سکته مغزی او.

صرفا سخن گفتن، شما می توانید با خیال راحت و بدون ترس، به آزمایش و بهترین گزینه را انتخاب نمایید. با وجود تعداد کمی از پارامترهای، شما می توانید در دکمه های سبک بسیار متنوع ایجاد کنید.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 fa.atomiyme.com. Theme powered by WordPress.