ورود

نسخه کامل مشاهده نسخه کامل : آموزش ساخت كليد هاي Roll over در DreamWeaver



ali_nioton
28-08-2006, 19:13
با استفاده از برنامه دریم ویور

اول شما باید یک تصویر مستطیل شکل از تصویر اول یا نمای کلیدتون تهیه کنید
دوم شماباید یه تصویر دیگه به همون سایز برای حالتی که ماوس روی کلید میره تهیه کنید

نکته شما می تونید چند تا کلید رو در یک مستطیل بزرگ تهیه کنید
بعد از اون یه کپی گرفته و تعییرات رو روش پیاده کنید
بعد اون رو به دقت ببرید
دقت کنید تصاویر اول و دوم هر کلید اندازه هم وهمه مستطیل شکل باشن
یا مربع به هر حال چهار گوش
می تونید در انتهای ردیف کلید هاتون تصاویری داشته باشید که
ثابت باشن و تغییر نکنن
از اون شکل ها فقط یک تهیه کنید
حالا برنامه دریم ویور را باز کنید یک جدول وارد بسازید
تعداد خونه های جدول برابر با تعداد کلید ها و تصاویر ثابتیه
که قراره در کنار این کلیدها قرار بگیرن
این جدول ها معمولا یک سطر و تعدادی ستون دارن یا برعکس
عرض قاب جدول و فاصله سلول ها از هم و پد سلول ها را مساوی صفر قرار بدید
برای این کار جدول رو انتخاب و در پایین صفحه کاری از قسمت پراپرتی استفاده کنید
اگه پراپرتی رو نمی بینید منو ویندو رو باز و پراپرتی رو انتخاب کنید
اگه از دریم ویور ام ایکس به بعد استفاده می کنید
حتما نوار ابزار رو بالای صفحه می بینید
common رو انتخاب کرده و فلش کنار گزینه ورود عکس رو زدهو
رول اوور ایمیج رو انتخاب کنید
اگه برنامتون قدیمیه از منو اینسرت همین کارو بکنید
بعد از باز شدن پنجره جدید چند تا قسمت برا ورود ادرس هست
بالایی برای تصویر ظاهری
بعدی برای تصویر دوم موقع اوور شدن توسط ماوس
بعدی متنی که بجای کلید نشون میده همون alt توی اچ تی ام....
بعدی ادرس فایلی که بعد از کلیک باید به اون وصل بشه

دقت کنید
یا به جدول عرض و ارتفاع ندید یا اگه دادید دقیق باشه

این منو روی سیستم شما درست کار میکنه اما رو سرور نه
باید یه کد جاوا بهش اضافه بشه تا تصاویر لایه دوم رو همزمان با بقه چیزا لود کنه

کلید شیفت و اف9 رو بزنید
در پنل ظاهر شده
قسمت جاوا اسکریپت رو باز کنید
قسمت ایمیج رو باز کنید
روی سیمپل پریلود یه کلیک کنید
کدهاش رو بالاتر می بینید
اگه تصاویرتون شماره ای نامگزاری شده از این کد می تونید استفده کنید
همچنین اگه تعداد تصاویر خیلی زیاده
اما اگه نه باید تمام مراحل رو دونه دونه برید
یعنی در تعریف متغیر ها اسم ها و...
با کمی دقت می فهمید این ارایه چیکار می کنه
در واقع یه تعداد تویر مجازی میسازه و تصاویر شما رو میریزه توش

نکته این کد جاوا فقط برای تصاویر مرحله دومه نه نمای ظاهری کلیدها
این کدرو بین دو تگ اسکریپت با زبونه جاوا گذاشته بین دو تگ هد در صفحه اچ تی ام ال که منو توی اونه قرار بدید
شاید یه کم گیج بشید ولی کاری نداره


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

siadate
08-09-2006, 07:25
با سلام وتشكر ازشما دوست عزيز : جالب بو دمرسي!

Elfin-D
08-09-2006, 09:50
مرسی دوست عزیز