campaign-edianeh-98

ساخت منو به وسیله ی نرم افزار 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 دیدگاه کاربران
restless replyپاسخ

سلام؛
خیلی ممنون رضاجان برا بعضی از دوستان لازم بود؛
ولی من خودم از کدنویسی بیشتر لذت میبرم تا اینطوری بصورت آماده و پرش هلو تو گلو…
بازم مرسی مفید بود 😉

رضا ساطع بیدگلی

آره من هم کد نویسی رو ترجیح میدم 😉 😉

restless replyپاسخ

برنامه بصورت WYSIWYG هستش؛

اینم لینک دانلود از سایت آسان دانلود

http://www.asandownload.com/software/entry/1656/

restless

لینک دانلود

http://dl.asandownload.com/software/web-development/web-design/Blumentals.Easy.Button.and.Menu.Maker.Personal.v2.3_www.AsanDownload.com.zip

طراحی وبسایت replyپاسخ

عالی بود ممنون

ali replyپاسخ

با سلام به شما دوست عزیز من این منو رو درست کردم اما نمیدونم چه جوری توی وبلاگم قرارش بدم لطفا من رو راهنمایی کنین تا بیشتر از این گیج نشدم 😕

رضا ساطع بیدگلی

خوب دیگه از منوی فایل اون رو به راحتی Save کنید .

ali replyپاسخ

نه من از منوی فایل اون رو save کردم اما هر کاری می کنم تو وبلاگم از اون استفاده کنم نمی تونم یعنی حالت گرافیکه خودش رو از دست میده اگه محبت کنین یه راهنماییه توپولی کنین ممنون میشم 😳

رضا ساطع بیدگلی

دوست عزیز شما باید کدها رو که توی قسمت تنظیمات وبلاگتون کپی کنید و تصاویر رو هم در یه سایت آپلود و سپس همراه با کد ها قرار بدید
اگه مشکل دیگه ای هم بود در خدمت هستم

ali replyپاسخ

با سلام و تشکر از سایت خوبتون ببخشید که خیلی از شما سوال می پرسم ولی به بزرگواریتون ببخشید.
یه سوال …… من چند وقت پیش از یه سایت این منوی کشویی رو کد هاشو گرفتم و به من گفتن که باید یه کد رو بالای head و دیگری رو بالای Body باید بذارم اما این نرم افزار فقط یک کد میده اگه میشه یه راهنمایی در این باره کنین

رضا ساطع بیدگلی

لطفا این سوال رو در انجمن مطرح کنید

مهسا replyپاسخ

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

کیوان علی محمدی

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

رامین replyپاسخ

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

سجاد دریس

سلام.
عبارت Dropdown menu رو توی گوگل جستجو کنید،

آیسا replyپاسخ

باعرض سلام وخسته نباشید
من اول کارگرافیکی خودراانجام دادم وآن راهم save کردم به صورت یک صفحه وب ویک پوشه درجای دیگراین نرم افزار این پوشه را به صورت کدhtml درآوردم ولی وقتی این کدرا می گذارم تووبلاگم منویم کلا به هم می ریزد
توروخدابه من بگید دارم می میرم ❓ 😥

وحید صالحی

سلام
استایل مناسب به عناصر دادی؟؟

حسن replyپاسخ

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

وحید صالحی

مقدار margin-left رو براش اعمال کنید

aria replyپاسخ

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

سجاد دریس

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

حسین replyپاسخ

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

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :