ساخت منو به وسیله ی نرم افزار Easy Button and Menu Maker

- visibility ٢٢ mode_comment

با سلام به خدمت همه دوستان عزیز . این بار در خدمت شما هستم با آموزش ساخت منو با نرم افزار Easy Button & Menu Maker که یه نرم افزار قدرتمند در این زمینه محسوب میشه . از اهمیت منو هم که حتما خودتون خبر دارید و میدونید که از بخش های جدایی ناپذیر سایت ها و وبلاگها محسوب میشه . در این نرم افزار ، شما میتونید حتی بدون نوشتن یک خط برنامه نویسی ، یه منوی زیبا بسازید ( که البته استفاده از این روش رو زیاد خودم هم توصیه نمیکنم چرا که این نرم افزار ها هم به هرحال ایراد خودشون رو دارند و مطمئنن در جاهایی با مشکل رو به رو میشند . خوبه که بدونید منوهای سایت های بزرگ و خیلی خیلی شیک رو با Css و نرم افزار فلش ( Adobe Flash ) طراحی میکنند که آموزش ساخت منو به وسیله ی Css رو میتونید از اینجا و اینجا که نویسندش هم دوست بسیار خوبم آقا وحید گل خودمون هست ببینید و آموزش ساخت منو به وسیله ی Flash رو هم حتما خودم در آینده ای نزدیک میذارم ) . بریم به سراغ آموزش :

نام آموزش : ساخت منوی سایت ها و وبلاگها به وسیله ی نرم افزار Easy Button & Menu Maker

مدت زمان یادگیری : حدودا 30 دقیقه

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

باید در این مرحله با انتخاب یکی از این طرحهای آماده کارتون رو شروع کنید ( البته بعضی هاشوهم باید خرید ) . که من از این طرح استفاده کردم :

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

اولین گزینه در منوی Button ، که این گزینه برای وارد کردن متن دلخواه به درون منو مورد استفاده قرار میگیره که من از متن پیش فرضِ " صفحه اول " استفاده کردم . ( یکی از ویژگی های خوب این نرم افزار پشتیبانی از زبان فارسی محسوب میشه ) و اما گزینه ی دیگه ی همین منو گزینه ی انتخاب فونته که من از بین فونت های موجود از فونت Tahoma استفاده کردم که به نظر خودم فونت قشنگی می آد و اما گزینه های بعد دو گزینه ی Normal Style و Mouse Over هستند که به ترتیب برای رنگ نوشته و رنگ نوشته در زمانی که ما وس به روی نوشته میره به کار میرند . و این هم تنظیمات مورد علاقه ی من تا اینجای کار :

گزینه ی بعد ، مربوط به آدرس مورد نظریه که قراره به دکمه های منو مون بدیم (Link) که من از اسم سایت سون لرن استفاده کردم . فقط در اینجا توجه داشته باشید که آدرس مورد نظرتون رو به طور کامل وارد کنید یعنی اینجوری :

Http://www.7learn.com

گزینه ی Hint نیز مربوط به این میشه که موقع قرار دادن ماوس به روی دکمه مورد نظر چه متنی به نمایش در بیاد :

و در قسمت بعد همین منو نیز میتونید یه آیکون برا گزینه ی " صفحه اول " انتخاب کنید که من از این آیکون استفاده کردم  :

و اما منوی بعد که به توضیح اون میپردازم منوی Style هستش که برای تنظیمات ظاهری گزینه ها و بیشتر رنگ اونها به کار میره :

گزینه ی اول ، گزینه ی Menu Box هستش که در زیر قسمت Border قرار داره که والا ما خودمون هم از کار اون با خبر نشدیم و اگه کسی از دوستان متوجه کار این گزینه شد میتونه به ما هم خبر بده !

گزینه ی بعد گزینه ی Menu Box ایه که در زیر قسمت Background  قرار داره و همون طور که از اسمش هم پیداست رنگ پس زمینه ی منوی ما رو مشخص میکنه که من با انتخاب این گزینه و رفتن به قسمت Gradient از این دو رنگ زیر استفاده کردم :

گزینه ی بعد گزینه ی Normal Button در دو قسمت Border و Background هستش که به ترتیب برای رنگ نوار بالای منو در زمان عادی ( منظور از زمان عادی زمانیه که ماوس روی منو نباشه ) و رنگ خود منو استفاده میشه و من از این رنگ ها استفاده کردم :

و اما گزینه های بعد نیز به ترتیب کارشون برای رنگ نوار بالای منو موقعی که ماوس به روی یکی از گزینه ها میره و رنگ خود گزینه در زمانی که ماوس به روی اون میره ( که این گزینه کاری دقیقا مشابه با گزینه ی Menu Box در قسمت  Background داره ) هست .

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

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

همونطور که میبینید در این نوار میشه لینک جدیدی رو اضافه و یا پاک و همین طور زیر منوی جدیدی رو هم اضافه و یا پاک کرد . و در آخر نیز میتونید کارتون رو خیلی خیلی راحت Save کنید .

خوب آموزش امروز هم به پایان رسید و امیدوارم که از اون لذت کافی رو برده باشید .

منتظر آموزش های بعد باشید ...

comment دیدگاه کاربران
aria

س
من نمیدونم با کد های css و js چیکار کنم؟؟؟؟؟؟؟؟؟

سجاد دریس

فایل های css و js رو به فایل htmlتون متصل کنید.
کدهای html رو هم بذارین جایی که میخواید منو نمایش داده بشه

حسین

سلام
خسته نباشید، اینی که شما نوشتید که همه بلدند. بعد اینکه منو رو سیو کردیم چطوری باید از اون فایل هایی که میده توی وبلاگ استفاده کنیم؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟؟

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2