اگه نظر ندين ديگه خبري از اموزش نيست قهر قهر قهر
+ نوشته شده در یکشنبه هجدهم شهریور 1386ساعت 7:25 توسط حسین
|
| تبليغات | X |
دوستان زیادی از من خواسته بودن اموزش ساخت لینکباکس رو یاد بدم این هم اموزشش البته چون بیشتر درخواستها توی بلاگفا بود مال بلاگفا را می زارم
شما اول باید یک وبلاگ دیگر در سیستم بلاگفا برای خود ایجاد کنید دقت کنید یک وبلاگ دیگر یه جز وبلاگ اصلی خودتون٬بعد از ایجاد وبلاگ جدید و وارد شدن یه قسمت مدیریت وبلاگ می بایستی به قسمت ویرایش قالب رفته وتمامی کد های موجود را پاک کنید و بعد کدهای زیر را جایگزین کنید .
▪ خوب حالا این مرحله با موفقیت به پایان رسید .
▪ کار بعدی که شما باید انجام بدید این است که به قسمت ویرایش قالب آرشیو بروید تاکید می کنم ویرایش قالب آرشیو بعد تمامی کدهای موجود را پاک کرده و کدهای زیر را جایگزین کنید .
▪ خوب حالا در همین وبلاگ جدید یک مطلب پست کنید و عنوان اون مطلب رو هم بزارید ثبت لینک در لینک باکس ٬ خوب حالا هرکس که لینکش رو بخواد تو لینک باکس شما ثبت کنه ٬ عنوان لینک و آدرس سایتش به قسمت نظرات همین پستی می ره که الان شما پست کردید .
▪ اما چگونگی اضافه کردن لینک تو لینک باکس : برای اینکار به قسمت پیوندهای روزانه همون وبلاگ جدید رفته و لینک هاتون رو اضافه کنید .
▪ اما شما حالا می خواهید کد لینک باکستون رو دریافت کنید و اونو تو وبلاگ اصلی خودتون قرار دهید : باز هم بر می گردیم به اون وبلاگ جدید که ساخته اید بعد مشاهده وبلاگ را می زنیم حالا چیزی که مشاهده میشه لینک باکس شما است برای دریافت کد هم روی گزینه دریافت کد در بالای لینک باکس کلیک کنید
* این لینک باکس فقط برای کاربران بلاگفا طراحی شده
* هر مشکلی که داشتید به من از طریق نظرات وبلاگم به من بگید .
منبع : http://www.m-blog.blogfa.com
.....................................................................................
ساخت لینک باکس در میهن بلاگ:
از همه ی شما دوستان باحال به خاطر نظرات قشنگتون واقعا متشکرم ! خیلی از دوستان گفته بودن چکار باید بکنیم که وبلاگمون بازدید کننده بیشتری داشته باشه خوب ببینید راه های زیادی وجود داره مثلا ثبت وبلاگ در موتورهای جستجوگر که سیسم میهن بلاگ این امکان رو در کنترل پنلتون به شما میده ولی یکی از راه هایی که میتونید بازدید کننده بیشتری و به وبلاگتون بفرستید داشتن یه لینک باکس مطلوب و حرفه ای به همین دلیل میخوام آموزش ساختن لینک باکس با استفاده از سیستم میهن بلاگ رو براتون بگم . برای این کار هم فقط کافیه چند مرحله زیر رو طی کنید .
/25_files/greenfelesh.gif)
وارد سیستم میهن بلاگ بشید و یه وبلاگ جدید برای خودتون بسازید . بعد از ساختن وبلاگ جدید یکی از قالبهای پیش فرض سیستم میهن بلاگ رو انتخاب کنید بعد در این مرحله باید به قسمت ویرایش قالب وبلاگتون برید و در قسمت کد اصلی قالب هرچی که هست پاک کنید یادتون با شه فقط کدهای اصلی قالب رو پاک کنید به کدهای نظر سنجی کاری نداشته باشید .
حالا شما احتیاج به یک قالب برای لینک باکستون دارید من یه قالب نسبتا قشنگ براتون طراحی کردم که میتونید عکسش رو ببینید.
/25_files/link-box-fuul.jpg)
حالا برای دریافت کد قالب کلیک کنید .
بعد از اینکه کد قالب رو دریافت کردید همه کد هارو در قسمت ویرایش قالبتون کپی کنید .به همین راحتی شما دارای یک لینک باکس شدید و از حالا به بعد شما میتونید از قسمت مدیریت لینکدونی لینکهای خودتون رو در لینک باکس ثبت کنید.
یا اگه دوست دارین لینک باکس سایت منو بزارین تو سایت یا وبلاگتون و هر ۲ روز یه لینک بفرستین تا آمار بازدید سایت یا وبلاگتون بالا بره و باید از بعضی از دوستان تشکر کنم که من توسط اونا تونستم آموزش ساخت لینک باکس رو بزارم امیدوترم لذت ببرین و ما رو از نظرات بی بهره نزارین.
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
دیدی داشت نظر یادت میرفت
ابتدا بايد به كد قالبتون دسترسي داشته باشين سپس بدنبال تگ <BLOGFA> بگرديد و دقيقا قبل از اين تگ كد زير رو اضافه كنيد.
حالا دقيقا بعد از تگ <BLOGFA> اين كد رو اضافه كنيد.
خوب در آخر هم هر جا كه دوست داريد عناوين مطالب وبلاگ به همراه لينك پست مربوطه ظاهر بشه اين كد رو قرار بدين.
منبع:http://it-for-you.blogfa.com/
شروع قسمت سوم آموزش
در قسمت قبلی با بخشی از آیکون های سمت چپ نرم افزار آشنا شدید در این قسمت یعنی قسمت پایانی با سایر بخش ها آشنا خواهید شد.
نکته : بهتر است با توجه به اینکه در آینده آموزش SWFTEXT و SWISHMAX را ارائه خواهیم داد این دو نرم افزار را از بیرون تهیه نمایید.زیرا نسخه کامل یا رجستر و کرک شده آن در اینترنت بندرت یافت می شود.
آیکون های سمت چپ برنامه
بطور کل عملیات ایجاد و ویرایش اسناد و ساخت لوگو و بنر توسط آیکون های سمت چپ صورت خواهد گرفت.بجز آیکون آخر یعنی About که در مورد Version برنامه و ... آن توضیح داده بقیه آیکون ها یعنی هشت آیکون باقیمانده کارایی دارند که چهار آیکون در آموزش قبلی توضیح داده شد و چهار آیکون باقیمانده در این قسمت (آخر) توضیح داده خواهد شد.
آیکون Text effect
این بخش مربوط به اعمال افکت ها به متن و کلمات نوشته شده می بشاد.که مثلا به چه صورت تعویض شده یا بچرخند و ...
این قسمت نیاز به توضیح خاص نداشته و فقط کافیست تا تا افکت مورد نظر خود را از میان لیست موجود انتخاب و کارکرد آن را مشاهده نمایید.در پایین این قسمت دو پارامتر Letter delay و Page delay موجود است که با تغییر مقدار آنها می توانید سرغت تعویض کلمات و جملات نوشته شده با کلمات بعدی را تنظیم کنید.
آیکون Font
همان طور که از نامش مشخص است برای تنظیم قلم می باشد.اما کارایی های دیگر نیز دارد.از جمله تعین محل نوشته ها بر روی تصویر و ...
این بخش دارای دو قسمت کلی Font و Layout می باشد.در بخش Font می توانید نوع قلم,رنگ آن و درصد محو بودن یا نشان داده شدن کلمات را تنظیم کنید یعنی پارامتر Alpha trancparency که از 0 تا صد قابل تنظیم است.
بخش Layout دارای پارامترهای بیشتری می باشد.Text size مربوط به تعین انداره متن و کلمات.Horz Aligment که موقعیت و محل متن مورد نظر را در راستای افقی تغییر میدهد.Horz offset که بطور دقیق تر و بصورت دستی و وارد کردن اعداد همین کار را انجام میدهد.Ver Aligiment که موقعیت متن مورد نظر را در راستای عمودی تعیین میکند.Ver offset نیز همین کار را به صورت دقیق تر و دستی با تغییر اعداد انجام میدهد.Letter space فاصله بین حروف را تغییر میدهد.مثلا کلمه GRATIS قابل تغییر به G R A T I S می باشد.و Line space مربوط به تنظیم فاصله بین خطوط می باشد.
آیکون Interaction
این بخش برای تعیین مسیر فایل فلش می باشد.یعنی بعد از کلیک بر روی آن به چه آدرسی برود.
برای این منظور علامت کنار جمله Open web page in browser ... را چک زده و گزینه گایین آن را در صورت اینکه از قبل انتخاب شده بود از حالت چک ئ انتخاب در بیاورید.سپس کافیست در قسمت URL آدرس دلخواه خود را باز نمایید.ودر پایین آن یعنی Target را بر روی _blank تنظیم نمایید تا به این صورت بعد از کلیک شما آدرس مورد نظر در صفحه جدیدی باز شود.
آیکون Sound
این بخش برای قرار دادن موزیک بر روی فایل فلش می باشد.
کارایی این بخش خیلی زیاد نمی باشد ولی کار کردن با آن ساده است.کافیست Play backgrond ... را چک زده و در کارد مسیر نما آدرس موزیک دلخواه خود را وارد نمایید.
نکته:برای ذخیره کردن فایل فلش دکمه Publish را زده سپس در کادر بعدی Ok کرده و در آخر با دادن نام فایل و انتخاب محل ذخیره سازی آن را ذخیره نمایید.
امیدوارم از آموزش های این بخش و قسمت های قبلی استفاده کافی را برده باشید
یه سری کدهای جاوای جدید یا واسه بعضی ها قدیمی اومدم:
حذف تبلیغات پرشین بلاگ:
كد جاواي لرزش مرورگر
كد جاوايي كه در زير مي بيند را اگر در ابتداي قالب خود قرار دهيد هنگام ورود هركس به وبلاگ شما مرورگر (معمولا اينترنت اكسپلور) به مدت چند ثانيه مي لرزه و در كل خيلي جالبه
دريــــافت كد:
كد انيميشن سخنگو با قابليت معرفي بخش هاي مختلف وب كه با نام مرلين شناخته شده است
جالبه و كدشو مي تونيد از زير برداريد اگه نظر يادتون نره بد نيست!!!!!!!!!
دريافت كد:
اینم یه کد جاوای دیگه
بارش ستاره از بالای وبلاگ:
نمايش آمار وبلاگ : تعداد بازديدها و نفرات آنلاين و بازديدهاي هر شخص (براي خودش)
ام تی (MT) چیه؟
ام تی مخفف موبل تایپ است(Movable Type) یك برنامه است كه روی سرور اجرا میشه و كارش مرتب كردن و مدیریت مطالب یك نشریه كوچكه كه بصورت وبلاگ به كار میرود.
اگه دقیق‌تر بخواهید بدونید باید بگم كه ما برنامه ام تی رو روی سرور خودمون نصب میكنیم و بعد مطالب، عكسها و لینك‌هامون رو به اون تحویل میدیم و این برنامه خودش سایت ما رو (بر طبق قالبی كه قبلا براش تعیین كردیم) به روز میكنه و تغییر میده. مدیریت كامنت‌ها و درست كردن آرشیوهای ماهانه و موضوعی هم از كارهایی است كه این برنامه خودش انجام میده.
كاری كه ام تی انجام میده تقریبا مثل همون كاریه كه سایتهایی مثل Blogger (همون BlogSpot خودمون) یا PersianBlog یا BlogSky انجام میدن. فقط این سایتها كه مجانی هستند امكانات كامل در اختیار شما قرار نمیدن و همه چی دست خود سایته ولی وقتی ام تی رو روی هاست خود بریزید دیگه همه چیش مال خودتونه.
ام تی چطوری كار میكنه؟
ام تی مثل همه برنامه‌هایی كه روی ویندوز اجرا میكنیم یه برنامه است. فقط روی سرور اجرا میشه. (سرور همون كامپیوتریه كه ما سایتمون رو روش میریزیم، وقتی شما میخواین یه سایت برای خودتون درست كنین باید یه سرور گیر بیارین. این سرور در اصل یه كامپیوتره كه همیشه روشنه و شما سایتتون رو كه روش ریختین، هر كی دیگه بخواد بیاد سایت شما رو ببینه كافیه آدرس اون سرور رو داشته باشه تا بتونه از اون كامپیوتر بخواد كه سایت شما رو نشونش بده. مثلا شما میتونین بصورت مجانی از سرور NetFirms یه سایت بگیرین. این سرور به شما یه فضای مثلا 12 مگابایتی روی هارد دیسك خودش میده كه شما میتونین هرچی خواستین رو روش بریزین. حتی میتونین یه برنامه مثل ام تی روش بریزین كه به جای اینكه روی كامپیوتر شما اجرا بشه روی اون كامپیوتر سرور اجرا بشه و فقط نتیجه كارش رو به شما نشون بده.)
بازم تو عكس نشون دادم كه تفاوت یه برنامه كه روی كامپیوتر شما اجرا میشه (Client Side Appication) با یه برنامه كه روی سرور اجرا میشه (Client Side Application). برنامه‌هایی كه روی سرور اجرا میشن دیگه از قدرت كامپیوتر شما استفاده نمیكنن، اونها فقط نتیجه كار رو به شما نشون میدن. فرض كنید شما قراره یه محاسبه خیلی سنگین سه بعدی (مثلا طراحی فیلم جنگ ستارگان) انجام بدین كه معمولا روی كامپیوتر شما ممكنه یك روز طول بكشه. ولی اگه یه كامپوتر قوی گیر بیارین كه بتونه كار محاسبه رو انجام بده، شما فقط بهش میگین چیكار كنه و بعد اون كامپیوتر قوی محاسبات رو انجام میده و در آخر فقط نتیجه رو (كه در اینجا فایل گرافیكی است) برای شما ارسال میكنه.
قالب ام تی چیه؟
وقتی كه برنامه موبل تایپ رو روی یك سرور نصب كردین باید براش یه قالب درست كنین، یعنی به اون بگین كه میخواین شكل سایتتون چه شكلی باشه، نوشته‌ها رو كجا و با چه خط و رنگی نشون بده و .... مثلا به همین سایت ما نگاه كنین، با ام تی ساخته میشه. من این نوشته‌ها و عكسها رو بهش میدم و ام تی خودش میاد كد HTML سایت ما رو میسازه.
این قیافه و سر و شكل باحال رو هم كه می‌بینید خودمون (Lost و Lord) طراحی كردیم. در اصل ما یه قالب درست كردیم و دادیم به ام تی و هر وقت كه یه نوشته جدید مینویسیم دیگه نمیریم كل سایت رو از اول تغییر بدیم. خود برنامه میاد این سایت رو تغییر میده.
قالب در اصل یكی دو خط نوشته است كه بین كدهای HTML سایت قرار میدیم و وقتی برنامه ام تی (كه گفتیم روی سرور اجرا میشه) میخواد اجرا بشه میاد اون جاهایی كه ما مشخص كردیم نوشته‌هامون و بقیه چیزایی كه هر روز تغییر میكنه رو جایگزین میكنه (وقتی كه سایت رو ReBuild یا دوباره سازی میكنیم این برنامه كارش رو شروع میكنه و سایت رو میسازه. در این مورد بعدا كاملا صحبت میكنیم).
یادآوری، كدهای HTML
نمیدونم تا حالا با كدهای HTML كار كردین یا نه؟ اگه از FrontPage استفاده كرده باشین حتما دیدین كه اون پایین وقتی در حالت طراحی هستین (Normal) دو تا دكمه دیگه هم هست به نامهای HTML و Preview كه دكمه HTML كدی رو كه این صفحه رو میسازه نشونتون میده و دكمه بعدی یه پیش‌نمایشه از قیافه صفحه وقتی دیگران اون رو می‌بینند.
یه نمونه از كد HTML خیلی ساده برای ساخت یه صفحه اینه:
<html>
<title>صفحه آزمایشی</title>
<body>
سلام به صفحه من خوش آمدید
</body>
<html>
این كدها رو كپی كنید و توی Notepad بروید و Paste كنید و بعد با یه نامی مثل test.html ضبط كنیدش. (یادتون نره كه قبل از ضبط Save as Type رو روی All Files بزارین.)
حالا وقتی test.html رو با اینترنت اكسپلورر (Internet Explorer) باز كنید یه صفحه میبیند كه عنوانش «صفحه آزمایشی» است و توش نوشته «سلام به صفحه من خوش آمدید».
این كه دیدید یك كد HTML ساده است. هر قسمت كه بین دوتا علامت كوچكتر و بزرگتر قرار گرفته رو بهش «Tag» میگن.
خیلی از Tagها به صورت زوج به كار میرن. یعنی كی نشان دهنده شروع اون قسمت است و یكی دیگه نشان دهنده پایان اون قسمت و هر چی داخل اون دوتا باشه داخل اون Tag محسوب میشه. تگ پایانی همیشه با یك اسلش «/» مشخص میشه. مثلا «title/» نشاندهنده پایان عنوان سایت است.
مثلا تو مثال بالا اولین Tag كه بكار رفته تگ html بود كه بصورت <html> نشون داده شده. این تگ از تگ‌های استاندارد HTML است كه نشون میده این صفحه یه سایته.
تگ بعدی title بود كه عنوان سایت رو تنظیم میكنه.
اون جمله‌ای كه بین تگ title قرار میگیره بالای صفحه اینترنت اكسپلورر نشون داده میشه
تگ Body هم نشون دهنده شروع محتویات سایت یا بدنه اصلی سایته كه چیزایی كه توی این تگ قرار بگیره بعنوان محتویات سایت نشون داده میشه.
تا اینجاش هیچ چیز خاصی نداشت.
اصول اولیه قالبها
میخواهیم یك قالب خیلی ساده و مرتب درست كنیم. كه در عین سادگی كار ام تی رو هم نشونمون بده.
قالبها بصورت خیلی ساده همون HTML هستند كه قبلا دیدیم، فقط یك سری تگ (Tag) ویژه خود ام تی توی اونها میزاریم كه وقتی ام تی میاد سایت رو بسازه اون تگ رو با مقدارش عوض میكنه و یه HTML معمولی نشونمون میده.
مثلا توی ام تی یه تگ داریم كه اسم سایت رو نشون میده: <$MTBlogName$>. وقتی توی یك HTML این عبارت پیدا بشه (اصلا مهم نیست كجای اون HTML باشه)، خود ام تی اون رو با اسم وبلاگ عوض میكنه و یه HTML به كسی كه سایت شما رو می‌بینه نشون میده كه داخلش اسم واقعی وبلاگ شما به‌جای اون نوشته شده.
اگه بخواهیم همون كد HTML كه قبلا نوشتیم رو استفاده كنیم و به قالب ام تی تبدیل كنیمش كه به جای عنوان صفحه (Title) كه ما گذاشته بودیم «صفحه آزمایشی»، بیاد و خودش اسم وبلاگ رو بزاره اون بالا، میشه اون كد HTML رو به این تغییر داد:
<html>
<title><$MTBlogName$></title>
<body>
سلام به صفحه من خوش آمدید
</body>
<html>
حالا وقتی این رو به ام تی بدین و بگین این یه قالبه و سایت رو برای من بساز، ام تی میاد این تگ <$MTBlogName$> رو با اسم وبلاگ شما جایگزین میكنه میزاره داخل HTML كه برای اینجا اگه فرض كنیم عنوان وبلاگ ما «دو نفر و یك بلاگ» باشه خواهیم داشت:
<title>دو نفر و یك بلاگ</title>
حتی میشه یك كم جلوتر هم رفت و نوشت:
<html>
<title><$MTBlogName$></title>
<body>
خوش آمدید <$MTBlogName$> سلام به
</body>
<html>
كه توی صفحه اصلی می‌نویسه: «سلام به دو نفر و یك بلاگ خوش آمدید»
درست كردن یك قالب با FrontPage
من شخصا از FrontPage برای درست كردن قالب استفاده میكنم و از خوش دستیش خوشم میاد، ولی ممكنه یكی با Notepad قالب درست كنه و یكی از یه برنامه دیگه مثل Dreamweaver استفاده كنه. ولی چون FrontPage دم دست تره معمولا از اون استفاده میشه.
توی این مثالها از FrontPage XP استفاده شده ولی در كل فرقی نمیكنه. توی نسخه‌های قبل مثل 2000 هم همینطوره.
بعد از باز كردن FrontPage یك صفحه جدید باز كنید. (New Page رو از منوی File انتخاب كنید و از اونجا Normal Page رو انتخاب كنید).
توی صفحه‌ای كه باز میشه میتونید هر چی خواستید تایپ كنید و اندازه و فونت و رنگش رو تغییر بدین یا میتونید یه عكس وارد كنید (از منوی Insert و سپس Picture/From File) یا جدول بكشید و خلاصه یه سایت طراحی كنید. اگه پایین صفحه رو نگاه كنید می‌بینید كه سه تا دكمه اونجاس
تغییر قالب ام تی
برای تغییر قالبهای استاندارد ام تی باید وارد خود ام تی شد (معمولا برای وارد شدن به برنامه ام تی باید یك اینترنت اكسپلورر باز كرد و به آدرسی كه ام تی رو توش نصب كردین برین. اگه فرض كنیم اسم سایت شما LostLord.com باشه معمولا توی آدرس Lostlord.com/cgi-bin/mt/mt.cgi میتونید ام تی رو اجرا كنید. البته این آدرس بستگی به محل نصب ام تی روی سرور شما داره.)
بعد از وارد كردن نام كاربر و رمز اون
توی این صفحه وارد Manage Weblog بشین تا صفحه خوش‌آمد گویی ام تی رو ببینید. اینجا تو ستون سمت چپ كه ابزارها و امكانات ام تی رو نشون میده وارد Template (یا «قالبها» در صورتی كه از فارسی شده ام تی استفاده میكنید.) بشین.
اینجا توی صفحه‌ای كه باز میشه لیست تمام قالبهای ام تی رو میشه دید. صفحه اول سایت ما توی قسمت Main Index قرارداره. ما هم میخواهیم همین قسمت رو تغییر بدیم ولی برای اینكه اگه یه وقت مشكلی پیش اومد بتونیم خرابكاری كه واقع شده رو جبران كنیم اول از اون یك نسخه یدكی میگیریم. پس وارد Main Index بشید (روی اسمش كلیك كنید)
حالا در قسمت Output File نام فایل رو كه باید index.html باشه به index.old تغییر بدین
یك صفحه خالی میاد در قسمت Template Name نام قالب رو وارد كنید كه بعدا برای خودتون نشون داده میشه و اصلا مهم نیست اسمش رو چی میزارین ولی یه چیزی بزارین كه بعدا هم بتونید بفهمید توش چیه. مثلا من وارد میكنم (blog) و بعد در قسمت Output File نام فایلی كه قراره تشكیل بشه رو بنویسین (اینجا باید نام «index.html» رو وارد كنیم، چون میخواهیم كه صفحه اصلی سایت ما این باشه.) و كنار «Rebuild...» هم حتما تیك خورده باشه.
حالا باید اون قالبی رو كه توی FrontPage درست كردیم بیاریم اینجا و Paste كنیم توی قسمت «Template Body»
بعد دكمه Save اون پایین صفحه رو بزنید و وقتی كار ضبط به پایان رسید دكمه Rebuild (دوباره سازی) را بزنید و در كادری كه باز میشه دكمه «REBUILD» رو بزنید تا كار تشكیل سایت انجام بشه.
حالا اگه یه سری به سایتتون بزنید و همه چیز درست باشه باید صفحه مطابق قالب شما تغییر كرده باشه.
اصول تگ‌های ام تی
ام تی كلی تگ داره كه میتونید توی راهنماش ببینید ولی ما از یه تعداد محدود اونا استفاده میكنیم.
قبلا كه تگ <$MTBlogName$> رو دیدیم. كارش هم كه جایگزین كردن اون با نام وبلاگ بود.
معمولا تگ‌های ام تی به دو دسته تقسیم میشند:
تگ‌هایی كه زوج هستند به تگ‌های در بر گیرنده (Container) مشهورند.
برای شروع فعلا به كد HTML زیر نگاه كنید:
<html dir="rtl">
<title><$MTBlogName$></title>
<body>
<MTEntries>
<$MTEntryTitle$><br>
<$MTEntryBody$><br>
<$MTEntryAuthor$><br>
<hr>
</MTEntries>
</body>
</html>
اگه دقت كنید، ما یك تگ زوجی داریم (MTEntries) و سه تا تگ تكی (MTEntryTitle MTEntryBody MTEntryAuthor).
كار این تگ‌ها هم به این صورته كه وقتی ام تی به MTEntries میرسه، میاد تمام نوشته‌هایی رو كه شما قبلا پست كرده بودید به جای اون جایگزین میكنه. البته با توجه به اون تگ‌هایی كه داخل تگ MTEntries قرار میگیره، نوشته‌ها رو قرار میده. اگه یه تك زوج تگ MTEntries بزارین هیچی نشون داده نمیشه. اما ااگه مثل اینجا بنویسین MTEntryTitle، خود ام تی میاد عنوان تك تك نوشته‌ها رو جایگزین اون میكنه.
توی این مثال ما تك تك نوشته‌ها اول عنوانشون نشون داده میشه و بعد سر خط بعدی متن كامل نوشته قرار میگیره و در خط بعد نام نویسنده متن قرار میگیره. و در آخر هم یك خط افقی زیر هر نوشته كشیده میشه.
این كد رو میتونید با كپی كردن در صفحه قالبها و توی قالب blog كه خودمون ساختیم و اسم فایلش رو گذاشتیم index.html و ضبط كردن (Save) و بعد دوباره سازی وبلاگ (Rebuild) مشاهده كنید.
طراحی كردن یك قالب
برای شروع باید یه طرح كلی برای سایتتون (یا بهتر بگم همون وبلاگتون) بكشین:
حالا كه طرح رو كشیدیم بیاین فكر كنیم چه چیزایی توی وبلاگمون میخوایم.
یك قالب خوب
میخواهیم یه صفحه طراحی كنیم كه مواردی رو كه تو بخش قبل گفتیم داشته باشه.
به كد زیر توجه كنید، خیلی كد ساده‌ایه، از قیافه وحشتناكش نترسین، الان خط به خط توضیح میدهیمش:
توجه كنید كه وقتی در حالت HTML هستید میتونید روی یك تگ كلیك كنید و بعد راست كلیك كنید و از منویی كه باز میشه گزینه آخرش كه Tag Properties هست رو انتخاب كنید
<html dir="rtl">
<head>
<meta http-equiv="Content-Language" content="fa">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title><$MTBlogName$></title>
</head>
<body text="#000000" bgcolor="#333333">
<p align="center">
<b><font size="4" color="#FF9900" face="Tahoma"><$MTBlogName$></font></b>
</p>
<hr color="#FF9900" size="1">
<MTEntries lastn="15">
<div style="width: 100%; border: 1px solid #C0C0C0; padding: 5; background-color:#666666">
<font face="Tahoma" size="2">
<b><$MTEntryTitle$></b>
<div style="width: 100%; border: 1px dotted #C0C0C0; padding: 5; background-color:#808080">
<$MTEntryBody$>
</div>
</font>
<font face="Tahoma" size="1">
نوشته شده توسط: <$MTEntryAuthor$> | در تاریخ: <$MTEntryDate$>
<MTEntryIfAllowComments>
|
<a href="<$MTCGIPath$><$MTCommentScript$>?entry_id=<$MTEntryID$>">
نظرات دیگران (<$MTEntryCommentCount$>)
</a>
</MTEntryIfAllowComments>
</font>
</div>
<br>
</MTEntries>
</body>
</html>
خط اول كه یه صفحه HTML میسازه كه راست نویسه (مخصوص صفحات فارسی)
اون Meta Tag هایی كه بین دوتا تگ Head قرار گرفته مشخص میكنه كه صفحه فارسی نوشته شده و از كدپیج یونی‌كد استفاده میكنه (اگه نمیدونین چیه هیمنطوری استفاده كنید.)
خط بعد كه عنوان صفحه رو تعیین میكنه. (قبلا دیدیم.)
بعد كه تگ Body شروع میشه و توی این تگ مشخصات صفحه از قبیل رنگ نوشته‌ها و پس زمینه مشخص میشه.
بعد یك پاراگراف داریم كه بصورت وسط چین قرار گرفته (Align=center)
داخل اون پاراگراف اول خط رو Bold میكنیم (<b>) و بعد اندازه و رنگ فونت رو تغییر میدیم كه نام سایت رو بزرگ و كلفت وسط صفحه بنویسیم.
بعد یك خط افقی می‌كشیم كه عنوان سایت از نوشته‌ها جدا بشه.
حالا میرسیم به تگ «MtEntry» كه نوشته‌ها رو نشون میده. ما یكی از سوییچ‌های این تگ رو استفاده كردیم به نام «lastn» كه عدد بعدش نشون میده چند تا از آخرین نوشته‌ها رو باید نشون بده كه ما اینجا 15 تا از آخرین نوشته‌ها رو نشون میدیم.
بعد یك DIV درست كردیم. (Div یك تگ خاص در HTML است كه باعث میشه محتویات داخل اون از بقیه صفحه جدا بشه. تقریبا مثل یك جدول تك سلولی كار میكنه، اما تفاوتش نسبت به جدول اینه كه خیلی ساده به كار میره و تازه، نوشته‌های داخل اون در حین این كه دارن از اینترنت گرفته میشن نشون داده میشه، ولی در یك جدول تا تمام محتویات جدول گرفته نشده باشه اون جدول نشون داده نمیشه.)
رنگ داخل اون و اندازه و نوع حاشیه‌اش رو تنظیم كردیم كه یك كادر خاكستری با خط حاشیه طوسی و فاصله متن از اطراف 5 نقطه كشیده بشه.
اندازه خط رو كوچیك میكنیم چون میخواهیم عنوان نوشته‌ها رو بنویسیم. و بعد عنوان نوشته‌ها رو بصورت Bold مینویسیم.
بعد یك DIV دیگه تعریف میكنیم كه دوباره بتونیم دور نوشته‌هامون یك كادر بكشیم. البته این بار رنگ زمینه رو یك كم روشن تر كردیم و حاشیه رو خط چین گزاشتیم. (الان استفاده از خط چین خیلی مد شده)
حالا متن هر نوشته داخل اون قرار میگیره.
بعد خط رو دوباره كوچیك میكنیم، چون میخواهیم نام نویسنده و تاریخ نوشته و نظرخواهی رو زیر نوشته بصورت كوچیك نمایش بدیم. (دقت كنید كه اینها خارج از اون DIVی قرار گرفته كه متن نوشته‌ها رو در بر گرفته بود و حاشیه‌اش خط چین بود ولی هنوز داخل او DIVی هست كه عنوان و متن نوشته رو باهم در بر گرفته و حاشیه‌اش ساده بود.)
حالا متن فارسی «نوشته شده توسط:» رو مینویسیم و بعدش از تگ «<MTEntryAuthor>» برای جایگزین شدن با نام نویسنده مطلب استفاده كردیم
به همین صورت نوشته «در تاریخ:» به دنبالش تگ «<$MTEntryDate$>» قرار گرفته كه تاریخ نوشته‌شدن مطلب رو نشون میده.
این قسمتش جالبه. یك سری از تگ‌های ام تی، تگ‌های شرطی هستند. یعنی اگر اون شرط برقرار باشه مطالب داخل اونها نشون داده میشه و در غیر این صورت اصلا انگار كه همچین نوشته‌ای قبلا وجود نداشته.
اینجا ما از تگ شرطی «<MTEntryIfAllowComments>» استفاده كردیم كه در صورت برقرار بودن شرط اون مطالب داخل اون نشون داده میشه. مقادیر داخل این تگ در صورتی نشون داده میشه كه شما در هنگام نوشتن مطالب خود گزینه باز بودن نظرخواهی رو انتخاب كرده باشین.
یك نكته دیگه كه اینجا به كار رفته اینه كه ما یك خط عمودی كوچیك بین تاریخ و نویسنده قرار دادیم كه همیشه دیده میشه چون همیشه یك مطلب هم عنوان داره و هم تاریخ نشرش مشخصه، اگه ما اون خط عمودی رو كه خط زیر تگ «<MTEntryIfAllowComments>» قرار دادیم می‌آوردیم بیرون تگ قرار میدادیم، یك خط عمودی همیشه بعد از تاریخ دیده میشه حتی اگه اون نوشته نظرخواهی نداشته باشه. اما حالا تنها در صورتی این خط عمودی بعد از تاریخ قرار میگیره كه اون نوشته نظرخواهیش فعال باشه.
بعد هم یك لینك درس كردیم به صفحه نظرخواهی اون مطلب خواص. (این تگ رو همینطوری كه هست بكار ببرید. چون یخورده پیچیده‌است.)
بعدش هم كه همه تگ‌های زوجی رو كه تا حالا باز مونده می‌بندیم (با استفاده از «/» و همه چیز تموم شد.
این یك قالب خوشگل و تر و تمیز شد. كه واقعا برای همین چند خطی كه نوشتیم خیلی خوبه.
كپی كنیدش داخل اون قالب blog كه توی ام تی ساختیم و ضبط كنید و دوباره سازی بكنیدش ببینید چه شكلی شده. باید مثل شكل زیر شده باشه:
ضمیمه 1 - تنظیمات ام تی
یكی از دردسر سازترین چیزها در ام تی، تنظیمات اولیه اونه كه معمولا همه توش مشكل پیدا میكنند. در صورتی كه اگه یكبار درست ام تی رو تنظیم كنید دیگه لازم نیست اونها رو تغییر بدین.
حالا اینجا میخواهیم نشون بدیم كه برای راه‌اندازی ام تی چه تنظیماتی باید در قسمت «Weblog Config» وجود داشته باشه.
ابتدا با كلیك كردن بر روی دكمه «Weblog Config»
ما دو نوع موزیک می توانیم در وبلاگمان قرار دهیم. یکی موزیکی که موزیک خوانده می شود و به محض باز شدن وبلاگ پخش می شود و نوع دیگر موزیکی است که بصورت Plug-in در وبلاگ قرار می گیرد. برای هر دو نوع، یا آن موزیک روی یکی از سایتها وجود دارد و یا این که ما باید موزیک مورد نظرمان راآن لاین کنیم. یعنی به فضائی که قبلا در اینترنت گرفته ایم ارسال کنیم . ارسال موزیک با ارسال عکس تفاوت چندانی ندارد. دقت کنید که سایت Villagephotos که قبلا معرفی کردیم فقط برای ارسال عکس است و برای ارسال موزیک باید یکی دیگر از سایتهای رایگان را انتخاب کنید. قدم بعدی این است که این کد را در قالب وبلاگتان کپی کنید.
<"bgsound src="your music" loop="-1>
بجای عبارت your music آدرس دقیق موزیک مورد نظرتان را بنویسید. مثلا اگر آدرسی که گرفته اید به این صورت باشد : http://Mazloomi.20m.com و نام فایلی هم که ارسال کرده اید test.mp3 باشد باید این کدها را در قالب وبلاگ خود بنویسید:
" loop="-1http://Mazloomi.20m.com/test.mp3<"bgsound src="
مکانی که این کدها را کپی می کنید چندان مهم نیست. مثلا میتوانید آنها را قبل از تگ<Style> کپی کنید کنید.
نوع دوم موزیک، موزیک هائی هستند که بصورت Plug-in در وبلاگ قرار می گیرند. پخش این نوع موزیک ها از طریق یک برنامه واسط انجام می گیرد و کاربر می تواند به دلخواه خود پخش موزیک را قطع و وصل کند یا ولوم آن را از طریق همان Plug-in کم و زیاد کند. برای انجام این کار نیز باید کدهای زیر را در قالب وبلاگتان کپی کنید:
<"embed width ="128" src="your music">
در اینجا نیز بجای your music آدرس کامل فایل مورد نظرتان را وارد کنید. البته اگر میخواهید جای دقیق نمایش plug-in را در وبلاگتان مشخص کنید باید به این صورت عمل کنید: در برنامه فرانت پیج، در حالت Normal در محل مورد نظرتان کلیک کنید، از منویInsert گزینه Web Component را انتخاب کنید. در پنجره سمت راست گزینه Plug-in را انتخاب کنید . در کادری که ظاهر می شود آدرس فایل صوتی را دقیقا وارد کنید و OK را کلیک کنید. البته می توانید در حالت Normal ابعاد پنجره Plog-in را به اندازه دلخواه درآوری
با Word هم مي توانيد سايت بسازيد
اگر مي خواهيد با ساختن يك سايت ، كالا و خدمات خود را به همه ي دنيا معرفي كنيد و يا يك صفحه ي شخصي ( Home page ) براي معرفي خود و تخصص هايتان داشته باشيد , يا حتي اگر دوست داريد يك سايت خانوادگي بسازيد و عكسها و مشخصات خانواده تان را در آن قرار دهيد و يا ... نيازي به دانستن زبانهاي برنامه نويسي ، اصول طراحي وب Front Page html و يا هيچ تخصص ديگري نيست . كافي است كمي با نرم افزار Word مايكرو سافت آشنا باشيد . در اين مقاله ي كوتاه مي خواهيم به كمك محيط ساده و دوست داشتني Word در عرض چند ساعت يك سايت بسازيم . همه ي مراحل را مي توانيد در نگارش هاي مختلف Word را انجام دهيد ؛ حتي در Word 97 . البته بهتر است حداقل از ورژن 2002 استفاده كنيد
خوب حالا دست به كار شويد . ابتدا يك صفحه ي جديد باز كنيد و از منوي Fileگزينه ي Save as HTML يا Save sa web pages را برگزينيد و به صورت يك فايل با پسوند htm در مسير دلخواه ذخيره كنيد . بهتر است نام آن را indexhtm انتخاب كنيد چرا كه در آينده اي نزديك اين فايل ، صفحه ي اصلي سايت شما خواهد شد اگر دوست داشته باشيد مي توانيد براي صفحه خود يك رنگ زمينه ( Background ) برگزينيد . توجه كنيد انتخاب رنگ زمينه بايد دقت كافي صورت گيرد ، تا از خوانايي مطالب صفحه كاسته نشود معمولاً رنگهاي كمرنگ و ملايم و مناسب ترند . براي اين كار از منوي Format گزينه ي Background را انتخاب كنيد و رنگ مورد علاقه ي خود را برگزينيد از قسمت Fill Effects هم مي توانيد افكتهاي مختلفي به آن بدهيد در اين قسمت مي توانيد با انتخاب پوشه Picture نيز يك تصوير را براي پيش زمينه ي سايت خود قرار دهيد . تايپ كنيد ؛ مثل يك صفحه ي معمولي Word مي توانيد از فونتهاي مختل ، بولت ( Bullet ) جدول ، تصوير نمودار و … استفاده كنيد . براي افزودن تصوير مي توانيد از آيكن موجود در نوار ابزار ( toolbar ) يا از گزينه ي Picture موجود در Insert استفاده كنيد . Word تصاوير جالب و جذابي دارد كه Clip Art ناميده مي شود . براي استفاده از آنها مي توانيد از منوي باز شده، Clip Art را برگزينيد . اگر قصد داريد از تصاوير دلخواه خودتان استفاده كنيد ، گزينه ي دوم راكه From file است . انتخاب كنيد . پس از مشخص كردن مسير و نام فايل . تصوير مربوطه در صفحه ظاهر مي شود . نگران سايز تصاوير Clip Artها نباشيد . با يك كليك روي آنها مي توانيد به كمك ماوس از گوشههاي تصاوير آنها را تغيير سايز دهيد فراموش نكنيد در حين انجام مراحل مختلف كار ، هر از گاهي صفحه ي خود را Save كنيد . يكي از اجزاي مهم يك صفحه ي وب پيوند با لينك ( Hyper link ) است لينك قسمت ي از صفحه است كه اگر روي آن كليك كنيد . شما را به يك سايت ديگر صفحه ي ديگري از همان سايت ، يا قسمت ديگري از همان صفحه مي برد . وقتي ماوس را روي يك لينك قرار مي دهيد . حالت ماوس از حالت فلش ، به صورت يك دست تغيير مي يابد . لينك مي تواند يك يا چند كلمه ، يك تصوير و يا حتي قسمتي از يك تصوير باشد با استفاده از لينكها ، بين صفحات مختلف سايت حركت مي كنيد . اگر سايت شما بيش از يك صفحه داشته باشد ، نياز داريد در قسمتي از صفحه ي اول يك سري لينك براي رفتن به صفحات ديگر قرار دهيد .
صفحه ي دوم سايت را به همان روش صفحه نخست ايجاد كنيد و آن را با نام مناسبي در همان مسير قبلاي ذخيره كنيد . مجدداً به صفحه ي index . htm برگرديد . كلمات يا تصويري كه مي خواهيد به صفحه ي دوم لينك شود مارك يا Select كنيد ماوس را روي آن قرار دهيد . كليك سمت راست كنيد و از منوي باز شده گزينه ي Hyperlink را انتخاب كنيد ( مي توانيد از آيكن link – Hyper در نوار ابزار و يا از گزينه ي Hyperlink در منوي Insert نيز براي اين كار استفاده كنيد . ) حال مسير و نام صفحه ي دوم را انتخاب كنيد و OK را بزنيد . با اين كار اگر روي صفحه ي لينك شده از صفحه index كليك كنيد به صفحه دوم خواهيد رفت اگر اهل گشت و گذار در اينترنت باشيد . حتماً ديده ايد كه وقتي به صفحات داخلي يك سايت مراجعه مي كنيد ، معمولاً راه بازگشت براي شما پيش بيني مي شود تا در سايت گم نشويد بهتر است شما هم در همه صفحات داخلي سايت خود ، يك لينك « صفحه ي اصلي » يا ( home ) داشته باشيد در اين مثال هم در صفحه ي دوم يك لينك قرار دارد و آن را به Index . htm لينك كنيد . مراحل فوق را براي صفحات ديگر سايت خود نيز انجام دهيد . تمام شد به همين راحتي شما به كمك Word يك سايت ساده ساختيد .
حال بايد سايت خود را بر روي يك ميزبان وب ( WebHost ) قرار دهيد .
در اينترنت ميزبانان رايگان و غير رايگان بيشماري وجود دارد
www.netfirms.com , www.8m.com , www.tripod.com نمونه هايي از ميزبانان رايگان وب هستند . داشتن يك سايت در اينترنت ، نياز به تخصص چنداني ندارد . فقط كمي همت مي خواهد همين امروز دست به كار شويد و براي خود يك سايت اينترنتي جذاب ايجاد كنيد و نشاني آنرا به دوستان و آشنايان خود بدهيد یش دهم
/28_files/006.gif)