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

با استفاده از ابزاری که در سی دی ویندوز xp در فولدر support قرار داده شده ، آن هم در یک فایل Cab براحتی نسبت به نصب خودکار ویندوز اقدام نمایید.

بدین صورت که:

1- در سی دی ویندوز xp به مسیر زیر مراجعه نمایید :

معرفي تگ <P> :

تگ <P> يكي از پركاربردترين تگ هاي html هست . با استفاده از اين تگ شما مي تونيد يك پاراگراف ايجاد كنيد كه اين پاراگراف با تگ <P> شروع و با <P/> تموم ميشه . حالا من در زير بهتون ياد ميدم كه چطور يك پاراگراف رو ايجاد كنيد و يا ويرايش كنيد . مثلا فاصله ي بين سطر ها رو كم يا زياد كنيد ، نحوه ي قرار گيري پاراگراف چطور باشه ( چپ چين ، راست چين يا وسط بودن) و ...

خوب كد يه پاراگراف ساده به شكل زيره كه نمايشش رو در زير ميبينيد :

<p>متن پاراگراف</p>                                                       ======>                                                   متن پاراگراف

 براي تغير نحوه ي قرار گيري پاراگراف در صفحه از ميانكد align استفاده ميكنيم . در زير به مقدار هايي كه بايد براي ميانكد align قرار بديد اشاره كردم و نمايش هر كدوم رو در زيرش گذاشتم :

اگر خواستيد پاراگرافتون راست چين باشه ( ) بايد به ميانكد align مقدار right رو بديد . مثل زير :

<p align="right">متن پاراگراف</p>

متن پاراگراف

اگر خواستيد پاراگرافتون چپ چين باشه ( ) بايد به ميانكد align مقدار left رو بديد . مثل زير :

<p align="left">متن پاراگراف</p>

متن پاراگراف

اگر خواستيد پاراگرافتون وسط باشه ( ) بايد به ميانكد align مقدار center رو بديد . مثل زير :

<p align="center">متن پاراگراف</p>

متن پاراگراف

حالا اگه خواستيد پاراگرافتون از دو طرف ميزون باشه ( ) بايد به ميانكد align مقدار justify رو بديد . مثل زير :

<p align="justify">متن پاراگراف</p>

متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف متن پاراگراف

براي متن هاي فارسي كه از راست به چپ نوشته ميشن از ميانكد dir استفاده كنيد و مقدار اون رو rtl بزاريد كه مخفف  right to left هست يعني راست به چپ .

<p dir="rtl">متن پاراگراف</p>               <===            براي متون فارسي

براي متن هاي انگليسي كه از چپ به راست نوشته ميشن بازم از ميانكد dir استفاده مي كنيد و حتما حدس ميزنيد كه مقدارش رو چي بايد گذاشت . آره ، مقدار اون رو ltr بزاريد كه مخفف  left to right هست يعني چپ به راست .

<p dir="ltr">متن پاراگراف</p>               <===         براي متون انگليسي

حالا بريم سراغ فاصله ي بين سطر ها :

براي تنظيم فاصله ي بين سطرها از ميان كد Style استفاده ميكنيم . اين ميانكد تقريبا در همه ي تگ ها كاربرد داره و خيلي مهمه . اين ميانكد مقدارهاي زيادي رو ميتونه در خودش جا بده كه اين مقادير با يك علامت ; (نقطه كاما) از همديگه جدا ميشن . يادم باشه يه پست رو فقط به اين ميانكد اختصاص بدم . اينجا براي تنظيم فاصله ي بين سطر هاي يك پاراگراف به ميانكد style يك مقدار به شكل زير ميديم و فاصله ي بين سطرها رو به صورت درصدي مشخص ميكنيم :

<p style="line-height: 100%;">متن پاراگراف</p>

با بيشتر كردن مقدار 100% فاصله ي بين سطرها بيشتر ميشه و با كمتر كردن اون فاصله ي بين سطر ها كمتر ميشه .

فاصله ي پاراگراف از راست و چپ :

اگه بخوايد كه پاراگرافتون از راست و چپ فاصله داشته باشه و نچسبه به چپ و راست صفحه ، بايد دو مقدار ديگه در ميانكد style قرار بديد كه به صورت زيره :

<p style="line-height: 100%; margin-left:3; margin-right:3" >متن پاراگراف</p>

مقدار margin-right فاصله از راست و مقدار margin-left فاصله از چپ رو مشخص ميكنه كه بر حسب پيكسل هست . كه در كد بالا براي فاصله از چپ و راست مقدار 3 پيكسل رو گذاشتم .

نكته : جا به جايي ميانكدها تاثيري در نمايش كد نداره .

در آخر من يك سوال مي كنم . شما سوال رو پاسخ بديد و پاسخ خود رو با جواب صحيح مطابقت بديد و ببينيد كه تا چه اندازه ياد گرفتيد . من لينك جواب صحيح رو در زير سوال گذاشتم . فقط بچه ي خوبي باش و تقلبي نكن . اول خودت جواب بده و بعد جواب صحيح رو ببين و با هم مقايسه كن .  در آخر هم تو قسمت نظرات بگو كه چيكار كردي .

شما كد پاراگرافي كه ميگم ايجاد كنيد : يك پاراگراف با متن فارسي ، وسط چين ، فاصله ي بين سطرها 120% ، فاصله از چپ 3 پيكسل و فاصله از راست 5 پيكسل باشه .

 جواب صحيح      

منبع irlearn.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 کرده و در آخر با دادن نام فایل و انتخاب محل ذخیره سازی آن را ذخیره نمایید.

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

منبع gratis.blogfa.com

ام تی (MT) چیه؟
ام تی مخفف موبل تایپ است(Movable Type) یك برنامه است كه روی سرور اجرا میشه و كارش مرتب كردن و مدیریت مطالب یك نشریه كوچكه كه بصورت وبلاگ به كار میرود.
اگه دقیق‌تر بخواهید بدونید باید بگم كه ما برنامه ام تی رو روی سرور خودمون نصب میكنیم و بعد مطالب، عكسها و لینك‌هامون رو به اون تحویل میدیم و این برنامه خودش سایت ما رو (بر طبق قالبی كه قبلا براش تعیین كردیم) به روز میكنه و تغییر میده. مدیریت كامنت‌ها و درست كردن آرشیوهای ماهانه و موضوعی هم از كارهایی است كه این برنامه خودش انجام میده.

اگه به شكلی كه درست كردم نگاه كنید متوجه منظورم میشین. ام تی مطالب ما و هر چی دیگه كه بخواهیم بین نوشته‌ها باشه مثل عكسها رو میگیره، بعد یه سایت تحویل ما میده. (اونها رو داخل كدهای HTML جاسازی میكنه و بعد یك صفحه كامل تحویل میده)

كاری كه ام تی انجام میده تقریبا مثل همون كاریه كه سایتهایی مثل 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) یا جدول بكشید و خلاصه یه سایت طراحی كنید. اگه پایین صفحه رو نگاه كنید می‌بینید كه سه تا دكمه اونجاس شما الان دارین تو حالت Normal كار میكنید. قسمت HTML به درد كار ما میخوره (البته بعد از طراحی سایت). چون ما میخواهیم كه یك سری تگ خاص داخل قالب بزاریم.

تغییر قالب ام تی
برای تغییر قالب‌های استاندارد ام تی باید وارد خود ام تی شد (معمولا برای وارد شدن به برنامه ام تی باید یك اینترنت اكسپلورر باز كرد و به آدرسی كه ام تی رو توش نصب كردین برین. اگه فرض كنیم اسم سایت شما LostLord.com باشه معمولا توی آدرس Lostlord.com/cgi-bin/mt/mt.cgi میتونید ام تی رو اجرا كنید. البته این آدرس بستگی به محل نصب ام تی روی سرور شما داره.)

بعد از وارد كردن نام كاربر و رمز اون وارد صفحه اصلی ام تی میشین

توی این صفحه وارد Manage Weblog بشین تا صفحه خوش‌آمد گویی ام تی رو ببینید. اینجا تو ستون سمت چپ كه ابزارها و امكانات ام تی رو نشون میده وارد Template (یا «قالبها» در صورتی كه از فارسی شده ام تی استفاده میكنید.) بشین.

اینجا توی صفحه‌ای كه باز میشه لیست تمام قالبهای ام تی رو میشه دید. صفحه اول سایت ما توی قسمت Main Index قرارداره. ما هم میخواهیم همین قسمت رو تغییر بدیم ولی برای اینكه اگه یه وقت مشكلی پیش اومد بتونیم خرابكاری كه واقع شده رو جبران كنیم اول از اون یك نسخه یدكی میگیریم. پس وارد Main Index بشید (روی اسمش كلیك كنید)

حالا در قسمت Output File نام فایل رو كه باید index.html باشه به index.old تغییر بدین و بعد تیك كنار نوشته «Rebuild this template automatically when rebuilding index templates» رو بردارید و دكمه Save پایین صفحه رو بزنید و صبر كنید. بعد از چند لحظه به شما پیغام میده كه صفحه ضبط شده. حالا دوباره با كلیك بر روی دكمه Templates از ستون سمت چپ وارد صفحه قالبها بشید و «Create new index template» رو انتخاب كنید (روی آن كلیك كنید).

یك صفحه خالی میاد در قسمت Template Name نام قالب رو وارد كنید كه بعدا برای خودتون نشون داده میشه و اصلا مهم نیست اسمش رو چی میزارین ولی یه چیزی بزارین كه بعدا هم بتونید بفهمید توش چیه. مثلا من وارد میكنم (blog)  و بعد در قسمت Output File نام فایلی كه قراره تشكیل بشه رو بنویسین (اینجا باید نام «index.html» رو وارد كنیم، چون میخواهیم كه صفحه اصلی سایت ما این باشه.) و كنار «Rebuild...» هم حتما تیك خورده باشه.

حالا باید اون قالبی رو كه توی FrontPage درست كردیم بیاریم اینجا و Paste كنیم توی قسمت «Template Body»

بعد دكمه Save اون پایین صفحه رو بزنید و وقتی كار ضبط به پایان رسید دكمه Rebuild (دوباره سازی) را بزنید و در كادری كه باز میشه دكمه «REBUILD» رو بزنید تا كار تشكیل سایت انجام بشه.

حالا اگه یه سری به سایتتون بزنید و همه چیز درست باشه باید صفحه مطابق قالب شما تغییر كرده باشه. (البته عنوان سایت باید نام وبلاگ شما باشه).

اصول تگ‌های ام تی
ام تی كلی تگ داره كه میتونید توی راهنماش ببینید ولی ما از یه تعداد محدود اونا استفاده میكنیم.
قبلا كه تگ <$MTBlogName$> رو دیدیم. كارش هم كه جایگزین كردن اون با نام وبلاگ بود.
معمولا تگ‌های ام تی به دو دسته تقسیم میشند:

• اول تگ‌های تكی (كه بصورت یك تگ واحد به كار میروند مثل <$MTBlogName$> )
• دوم زوج تگ‌ها (كه مثل تگ Body كه قبلا در مورد HTML گفته شد باید باهم به كار بروند و یكی شروع رو نشون میده اونیكی پایان تگ رو مثل <MTEntries> و <MTEntries/>.)

تگ‌هایی كه زوج هستند به تگ‌های در بر گیرنده (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) مشاهده كنید.

طراحی كردن یك قالب
برای شروع باید یه طرح كلی برای سایتتون (یا بهتر بگم همون وبلاگتون)  بكشین:

حالا كه طرح رو كشیدیم بیاین فكر كنیم چه چیزایی توی وبلاگمون میخوایم.

• اولش كه یه عنوان بزرگ بالای سایت باید باشه با یه عكس كه لوگوی اصلی سایته (البته میشه عكس هم نزاشت، بسته به میل خودتونه)
• دوم اینكه باید نوشته‌ها زیر هم و ستونی قرار بگیرند.
• بالای هر نوشته عنوان اون مطلب بصورت Bold نوشته بشه (آخه توی ام تی، هر نوشته یا مطلبی كه مینویسین میتونید براش یه عنوان انتخاب كنید، مثلا اسمش رو بزارین «نوشته اول» و بعد خود نوشته رو تایپ كنید.)
• نوشته‌ها باید غیر BOLD باشن و از زیر عنوان شروع بشن.
• تاریخ نوشته‌شدن مطلب و نام نویسنده مطلب زیر نوشته‌ها قرار بگیریه.
• نظرخواهی (Comment) زیر هر نوشته قرار بگیره (البته ممكنه بعضی‌ها نخوان Comment زیر نوشته‌هاشون باشه، ولی طبق یه قانون كلی بیاین و نظرخواهی رو تو قالب اضافه كنید و اگه نخواستین نظرخواهی داشته باشین، وقتی دارین نوشته رو مینویسین یكی از امكانات ساده ام تی، به شما اجازه میده نظرخواهی رو بزارین یا نه، اینجوری اگه یه وقت خواستین این قالب رو یه جای دیگه هم استفاده كنید و یا برای یك مطلب نظرخواهی رو فعال كنید بیچاره نمیشین.)
• كاری كنیم كه هر نوشته از نوشته بعدی مجزا بشه.
• یخورده به قیافه سایت برسیم.
• دیگه كلی چیز دیگه هم هست كه میشه اضافه كرد. اما وقتی اینا رو یاد بگیرین، شرط میبندم كه خودتون خیلی راحت میتونید اونها رو هم اضافه كنید.

یك قالب خوب
می‌خواهیم یه صفحه طراحی كنیم كه مواردی رو كه تو بخش قبل گفتیم داشته باشه.
به كد زیر توجه كنید، خیلی كد ساده‌ایه، از قیافه وحشتناكش نترسین، الان خط به خط توضیح میدهیمش:

توجه كنید كه وقتی در حالت 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» در ستون سمت چپ ام تی وارد قسمت تنظیمات ام تی می‌شویم. قسمتهای مختلف اون به شرح زیرند:

• «Weblog name:» كه نامی است كه شما برای وبلاگ خودتون انتخاب می‌كنید. این همون نامی است كه جایگزین «$MTBlogName$» در قالبها می‌گردد.
• «Local Site Path:» كه محلی است كه سایت شما قرار میگیرد. كه محل قرارگیری فایلهای شما در روی سرور را نشان می‌دهد و اگر فرض كنیم نام كاربری كه از سایت استفاده می‌كند «lostlord» است (این همان نامی است كه سرور شما را میشناسد و معمولا برای Login كردن به صفحه Control Panel سایت یا FTP خود از آن استفاده می‌كنید.)، باید داشته باشید: (توجه شود كه این مقدار با «/» شروع میشود و بدون آن تمام میشود.)
• «Site URL:» كه آدرس كامل سایت شما است: (توجه شود كه در انتهای آن «/» قرار می‌گیرد.)
• «Local Archive Path:» آدرسی است كه قرار است آرشیو شما در آن تشكل شود. بعضی‌ها همان آدرس سایت را میدهند و تمام فایلهای آرشیو درون ریشه سایت ساخته می‌شود كه به نظر من درست نیست و بهتر است یك شاخه به نام «Archive» مجزا در شاخه اصلی سایت ساخته شود. (توجه شود كه این مقدار با «/» شروع میشود و بدون آن تمام میشود.)
• «Archive URL:» آدرس كامل آرشیو است در سایت شما. (توجه شود كه در انتهای آن «/» قرار می‌گیرد.)
• در انتها هم زمان ساعت محلی خود را تنظیم می‌كنید. كه برای ایران این مقدار «3.5+» می‌باشد.

بسياري بر اين عقيده اند كه رنگ هاي پاييزي به اندازه رنگهاي بهاري، زيبايي و جذابيت دارند.

در اين آموزش مي خواهم طريقه تبديل يك منظره سبز بهاري يا تابستاني، به يك منظره پاييزي را آموزش دهم.

 به ادامه مطلب برین

شروع قسمت دوم آموزش

در قسمت قبلی در مورد خصوصیات,شمای کلی برنامه,کلید های پایین صفحه و ... مطالبی را ارائه دادیم.در این بخش و قسمت آینده بطور کامل روش ساخت اسناد فلش توسط این برنامه را آموزش خواهیم داد.

نکته : بهتر است با توجه به اینکه در آینده آموزش SWFTEXT و SWISHMAX را ارائه خواهیم داد این دو نرم افزار را از بیرون تهیه نمایید.زیرا نسخه کامل یا رجستر و کرک شده آن در اینترنت بندرت یافت می شود.

آیکون های سمت چپ برنامه

بطور کل عملیات ایجاد و ویرایش اسناد و ساخت لوگو و بنر توسط آیکون های سمت چپ صورت خواهد گرفت.بجز آیکون آخر یعنی About که در مورد Version  برنامه و ... آن توضیح داده بقیه آیکون ها یعنی هشت آیکون باقیمانده کارایی دارند که چهار آیکون در این آموزش و چهار آیکون آن در قسمت آینده (آخر) توضیح داده خواهد شد.

آیکون Movie

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

دیدن تصویر این بخش

بخش Movie که دارای سه پارامتر Width و Height و FPS (به ترتیب عرض و ارتفاع و  تنظیم سرعت و تعداد فریم ها) می باشد که میتوانید با دادن مقادبر دلخواه سایز لوگو و بنر خود را تعیی کنید بطور مثال برای ساخت یک بنر شما باید پارامتر عرض را 468 و پارامتر ارتفاع را 60 بدهید.ضمنا میزان FPS بطور پیش فرض 64 می باشد که با کم کردن آن سرعت تعویض فریم های فلش کم و با افزایش آن زیاد می شود.

آیکون Background

این بخش همان طور که از نام آن مشخص است برای تعیین پس زمینه فلش می باشد که دارای پارامتر های زیر می باشد:

دیدن تصویر این بخش

Solid color که برای مواقعی است که میخواهید تنها یک رنگ به عنوان بک گراند انتخاب شود.Gradient color برای زمانیست که می خواهید از ترکیب دو رنگ برای بک گراند استفاده کنید.از قسمت Type گزینه Linear موجب ترکیب رنگ بصورت خطی و گزینه Radial موجب ترکیب رنگ بصورت دایره ای میشود.هم چنین گزینه Rotation degree به ما این امکان را میدهید که در حالت Linear خط مرزی بین دو رنگ ترکیبی را بچرخانیم.(با زاویه دلخواه).در بخش بعد یعنی image می توانیم بجای رنگ ها از تصاویر بعنوان بک گراند استفاده کنیم.در قسمت Image از طریق گزینه Position می توانیم تعیین کنیم عکس در بک گراند تکرار شده و صفحه را پر کند (tile) و یا اینکه تصویر تمام بک گراند را بپوشاند (Stretch).هم چنین Quality میزان کیفیت و نزدیکی پیکسل ها در بک گراند را کنترل میکند.و در نهایت Transparent که نه تصویر در بک گراند قرار میدهد و نه رنگ!!!

آیکون Background effect

در این بخش می توانید انواع افکت های متحرک را به بک گراند خود اضافه کنید.

دیدن تصویر این بخش

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

آیکون Text

دیدن تصویر این بخش

از این قسمت می توانید متن هایی که میخواهید در لوگو و بنر شما نمایان شود را معین کنید به ترتیب که Add را زده و متن را وارد کرده و سپس ok کنید.برای ویرایش و اصلاح متون یا کلمات بعد از رفتن بر روی کلمه مورد نظر Edit را می فشارید.برای حذف کلمات هم از Delete استفاده کنید و برای جابجایی و ترتیب نمایش متون و کلمات از Up و Down استفاده کنید.

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

منبع gratis.blogfa.com

مقدمه

نرم افزار SWIFTEST یکی از جذاب ترین و ساده ترین نرم افزار هایی هست که برای طراحی فلش مخصوصا برای دوستان وبلاگ نویس که قصد ایجاد لوگو و بنرهای زیبایی را برای خود دارند استفاده میشود.این برنامه همانند بسیاری از برنامه ها دارای یکسری معایب و مزایا هست.از معایب آن میشود به عدم وجود امکان تایپ فارسی را نام برد.البته در آموزش های بعدی که برنامه های دیگر مانند SWISHMAX را آموزش خواهم داد شما میتوانید فارسی هم تایپ کنید.اما در حال حاضر با SWFTEXT این امکان نخواهد بود.ولی به شما قول میدهم با توجه به سادگی این برنامه و سطح بالای جذابیت در سند های ایجاد شده توسط آن همگی از آن استفاده کنید.به هر حال یکی از بزرگترین مزیت های آن میز کار ساده و پر امکانات آن هست که براحتی می توان سند های نسبتا حرفه ای فلش را در کوتاه ترین زمان ممکن ایجاد نمود.

دریافت برنامه

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

لینک شماره یک

لینک شماره دو

نکته : بهتر است با توجه به اینکه در آینده آموزش SWFTEXT و SWISHMAX را ارائه خواهیم داد این دو نرم افزار را از بیرون تهیه نمایید.زیرا نسخه کامل یا رجستر و کرک شده آن در اینترنت بندرت یافت می شود.

تصویر برنامه

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

مشاهده تصویر

بخش های مختلف برنامه

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

امکانات

میز کار این برنامه از بخش های مختلفی تشکیل شده است.در سمت چپ 9 آیکون وجود دارد که هر بخش به نوعی شما را در ساخت یک فایل فلش کمک میکند.بطور مثال در بخش Interaction می توانید تعیین کنید که هر کسی بعد از کلیک بر روی فایل فلش شما (لوگو و بنر ...) به چه آدرسی روانه شود ... که تمام بخش ها بطور کامل توضیح داده خواهند شد.هم چنین در پایین صفحه ابزار مورد نیاز برای ذخیره سازی فایل ها,خروج از برنامه,... وجود دارد که در این زمینه هم توضیحات لازم ارائه خواهد شد.

کلید های پایین برنامه

در پایین برنامه کلید هایی همانند Publish یا Sava و ... را مشاهده میکنید.توضیحات لازم در مورد این کلید ها را مشاهده میکنید.

Exit : به شکل یک در بوده و برای خروج از برنامه استفاده میشود.

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

Publish : که به شکل چند کاغذ دسته شده بر روی هم میباشد.از این کلید برای ذخیره سازی فایل فلش با پسوند SWF که همان پسوند قابل مشاهده در وب میباشد استفاده میکنیم.

Preview : برای مشاهده فلشی که در حال ساختن آن هستیم.اما با توجه به اینکه برنامه در حالت پیش فرض این امکان را به شما میدهد که بصورت خودکار تغییرات را مشاده کنید نیاز به فشردن این کلید نخواهید داشت.

Save : برای ذخیر فایل های ایجاد شده توسط شما با پسوند ini می باشد.ذخیره فایل با این پسوند این امکان را به شما میدهد که در آینده نیز بتوانید تغییراتی در آن ایجاد کنید در واقع نسخه قابل ویرایشی که در وب قابل مشاده نیست و فقط توسط این برنامه باز میشود..بنابر این با Publish که موجب ذخیره سازی با پسوند swf میشد و به شما امکان نمایش در وب را میداد متفاوت است.

Load : برای بارگذاری و باز نمودن فایل ها با پسوند ini و ایجاد تغییرات و ... درآنها از این بخش استفاده میکنید.توجه داشته باشید فایهای ذخیره شده با پسوند swf از این بخش باز نمیشود.در واقع ذخیره سازی با گسوند swf که مخصوص فلش است منحصرا برای نمایش در وب بوده و امکان تغییر در آن نخواهد بود.بنابر این توصیه میشود وقتی یک لوگو یا بنر و... طراحی میکنید با هر دو دو پسوند یعنی swf و ini ذخیره سازی را انجام دهید.یکی برای نمایش در وب که در جلسه آخر کد مخصوص برای نمایش فلش را به شما نشان خواهم داد و دیگری یعنی ini برای اینکه بتوانید در آینده تغییرات خود را در آن اعمال کرده و مجددا با ذخیره سازی آن با پسوند swf بتوانید فایل ویرایش شده را در وب به نمایش یگذارید.

در دو قسمت باقیمانده از این آموزش به طور مفصل تمام بخش ها از جمله کارایی تمام آیکون های سمت چپ را یک به یک همراه با تصویر بخش مربوطه توضیح خواهم داد.منتظر نظرات ارزشمند شما هستم!!!

منبع gratis.blogfa.com

اول ساختار كد لينك دادن رو براتون معرفي مي كنم و بعد مي گم كه چطور تو اينترنت و فرونت پيج راحتتر لينك بديم .

لينك چيست ؟

معني لغوي لينك " زنجير ، اتصال و متصل كردن " هست . و همونطور كه از معنيش پيداست كارش هم همينه . يعني در اينترنت بين صفحات و فايل ها ي مختلف يك ارتباط ايجاد مي كنه و اونا رو به هم وصل ميكنه . لينك همونه كه شما با كليك بر روي اون به يه صفحه ي ديگه منتقل ميشيد يا يك فايل رو دانلود مي كنيد .

ساختار لينك

همه ي لينك هايي كه در اينترنت وجود دارن از يك تگ ساده ساخته مي شن . تگ لينك دادن به صورت زير معرفي ميشه .

كه  شما در قسمتhref بايد آدرس لينك رو وارد كنيد و نام لينك رو پس از بسته شدن تك اوليه ي لينك وارد كنيد و در آخر تگ پاياني <a/> رو بكار ببريد . مثلا به نحوه ي نمايش اين لينك زير توجه كنيد :

<a href="http://www.irLearn.com">irLearn سايت</a>        == نمايش كد ==>      irLearn سايت

خوب ، شايد بپرسيد چكار بايد كنيم كه وقتي روي يك لينك كليك مي كنيم توي يه صفحه ي جديد باز بشه ؟

شما مي تونيد با اضافه كردن يه ميان كد به صورت "target="_blank  در تگ اوليه ي لينك دادن اين امكان رو به اون لينك بديد كه در صفحه ي جديد باز بشه . به نحوه ي قرار گرفتن اين ميان كد در كد لينك دادن توجه كنيد :

توجه كنيد كه بايد قبل و بعد از اين ميان كد و هر ميان كد ديگه اي يك اسپيس بزنيد كه به كدهاي بغلي خودش چسبيده نباشه .

به طور مثال با كليك بر روي لينك زير مي بينيد كه در يك صفحه ي جديد باز ميشه :

<a  target="_blank" href="http://www.irLearn.com">irLearn سايت</a>    == نمايش كد ==>    irLearn سايت

چكار كنيم كه وقتي موس رو رو لينك مي بريم يه توضيحي در مورد اون لينك ظاهر بشه ؟

برا اينكار هم بايد از يك ميان به صورت "title="tozih استفاده كنيد . كه بايد به جاي tozih ، توضيحي از لينك رو قرار بديد. اين ميان كد هم به صورت زير در كد لينك دادن قرار ميگيره :

مثلا شما نشانگر موس رو روي لينك زير نگه داريد تا كاربرد اين ميان كد رو ببينيد:

<a  title="بهترين سايت آموزشي" href="http://www.irLearn.com">irLearn سايت</a>

== نمايش كد ==>    irLearn سايت

فكر كنم فعلا همين كافي باشه . بعدا ميان كدهاي بيشتري رو معرفي مي كنم .

حالا اون كساني كه مي خوان تو فرونت پيج يا تو پست هاي وبلاگشون لينك قرار بدن به شكل زير عمل كنن :

در بالاي اديتوري كه مي خوايد پست بديد يا در بالاي فرونت پيج يه دكمه به شكل زنجير يا به شكل وجود داره كه با كليك بر روي اون ،  يه پنجره باز ميشه كه شما بايد در اون نام لينك و آدرس لينك رو وارد كنيد و Ok بزنيد . آدرس لينك مي تونه آدرس يه صفحه يا يه فايل برا دانلود باشه .

تگ هاي Meta بسيار فراوانند كه ما در اينجا فقط به معرفي چند تا از اون ها كه پركاربرد هستند و شما به اون ها نياز داريد مي پردازيم :

جايگاه تگ Meta :  تو درس قبلي يه اشاره به جايگاه تگ هاي Meta كردم . اگه درس ها رو دنبال كرده باشيد من گفتم كه تگ هاي Meta در بين تگهاي Head قرار ميگيرند. به شكل زير :

همونطور كه در بالا مي بينيد تگهاي Meta بعد از تگ <head> و قبل از تگ <head/> اومدن .اگر چند تا تگ Meta به كار ببريد همشون در سطرهاي زير هم و در بين تگ هاي Head قرار ميگيرن ...

خوب در ادامه ی مطلب تگ های متا رو به صورت کامل براتون توضیح دادم و معرفی کردم ...

خوب دوستان عزيز امروز اولين پست رو در مورد آموزش طراحي ميدم . اول يه كم در مورد Html و بعد در مورد برنامه اي كه بهش نياز داريد و بهتره كه از اون استفاده كنيد.

HTML چيست ؟

همونطور كه مي دونيد Html يك زبان برنامه نويسي صفحات وب هست كه از عبارت Hyper Text Markup Language گرفته شده .

يك فايل Html يك فايل متني است كه شامل تگ هاي اين زبان مي باشد و از كنار هم قرار گرفتن اين تگ ها و كدها يك صفحه ي وب ايجاد ميشه . مرورگرها هم با خوندن اين تگ ها و كدهاي Html مي فهمند كه صفحه رو چجور بايد نمايش بدن .

فايل هاي Html با دو فرمت htm. و html. وجود دارند .

از مزيت هاي Html اينه كه فايل هاي اون با هر اديتور ساده اي قابل ساختن هستند . مثلا اگر از ويندوز استفاده مي كنيد مي تونيد با Notepad كه برنامه ي خيلي ساده اي هست يك فايل Html ايجاد كنيد . فقط لازمه در هنگامه ذخيره ي فايل در Notepad به آخر اسم اون html. يا htm. اضافه كنيد و اونو Save كنيد . به همين راحتي مي تونيد يك فايل Html ايجاد كنيد .

اما براي راحتي كار و صرفه جويي در زمان بهتره كه از برنامه ي پيشرفته تري كه براي اين كار ساخته شده استفاده كنيد . برنامه هاي زيادي براي ايجاد صفحات وب وجود دارن كه من به شما پيشنهاد مي كنم كه از برنامه ي Microsof Front Page استفاده كنيد .

اين برنامه كه از كاراي خود مايكروسافت هست يك برنامه ي بسيار كاربردي و كامل براي ايجاد صفحات وب و Html هست . در هر صورت اگه دوست داريد كه يك طراح بشيد يا در اين مورد ياد بگيريد اين برنامه خيلي مي تونه به شما كمك بكنه .

در اين پست فقط به صورت كلي يه چيزايي براي شروع گفتم . ان شاءالله در پستاي بعدي شروع به آموزش تگها و كدهاي Html مي كنم .

پست بعدي ما در مورد طراحي و Html اختصاص پيدا مي كنه به معرفي تنه ي اصلي يك فايل Html و اينكه تگهاي اصلي كدوم تگ ها هستن و كارشون چيه .

منبع irlearn.com