نحوه ساخت قالب مخصوص برای سایت شما

در اين بخش مي‌توانيد در مورد تمامي مسائل و موضوعات مرتبط با طراحي صفحات اينترنتي به بحث بپردازيد

مدیران انجمن: Mahdi Mahdavi, شوراي نظارت

ارسال پست
Old Moderator
Old Moderator
نمایه کاربر
پست: 883
تاریخ عضویت: سه‌شنبه ۱۴ اسفند ۱۳۸۶, ۱:۳۰ ب.ظ
سپاس‌های ارسالی: 112 بار
سپاس‌های دریافتی: 327 بار
تماس:

نحوه ساخت قالب مخصوص برای سایت شما

پست توسط H@med »

قالبها مجموعه ای از نوشته ها و تگ هایی هستند که با زبان اچ تی ام ال تهیه میشوند و شکل و ظاهر سایت شما را مشخص میکنند
در اینجا به شما طریقه ی ساخت قالب (استاندارد وب1 و سی اس اس) مخصوص برای سایت خودتان را آموزش میدهیم
قالبهای سایت در قسمت "منابع" در بخش مدیریت کل سایت شما ساخته میشود.

تصویر

از فهرست سمت راست صفحه روی گزینه ی "قالب جدید" کلیک کنید.

تصویر

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

تصویر

بعنوان مثال بیایید با هم یک قالب ساده دوستونی را بسازیم.

Please Login or Register to see this code

همچون هر کد "اچ تی ام ال"دیگری قالبهای مدایکس نیز حاوی کدهایی هستند که ساختار صفحه را مشخص میکنن
صفحه شما با معرفی نوع صفحه یا داک تایپ شروع میشود
برخی اطلاعات را در بخش "هد" یا سربرگ مشخص میکند بعنوان مثال آدرس فایل "سی اس اس" را از شما میگیرد و از روی ساختار مشخص شده در "سی اس اس" صفحات شما را ساختار بندی میکند
ما در اینجا سعی نداریم چگئنگی "اچ تی ام ال " نوشتن را برای شما توضیح دهیم اما بعنوان ارجاع موضوع میتوانید سری به سایتهای مفید آورده شده در زیر بزنید:
[align=left]

Joe Barta's beginners tutorials (where I started! Thanks, Joe!) [External Link Removed for Guests]
W3Schools tutorials [External Link Removed for Guests]
A List Apart [External Link Removed for Guests]
W3C tutorials [External Link Removed for Guests] 

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

Please Login or Register to see this code

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

تصویر

بنظر شما این چیزی نیست که ما خواسته باشیم؟ درباره این یکی چه فکری میکنید؟

تصویر

یا این یکی؟

تصویر

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

در صورتیکه علاقمند به دانستن بیشتر در زمینه ی هنر نگارش "سی اس اس " دارید میتوانید از سایتهای مفید در این زمینه که در زیر فهرستی ازآن را آورده ایم استفاده کنید:
[align=left]
W3Schools Tutorial [External Link Removed for Guests]
Eric Meyer's css/edge [External Link Removed for Guests]
glish.com CSS Layout Techniques [External Link Removed for Guests]
A List Apart [External Link Removed for Guests]
Left Justified [External Link Removed for Guests]
CSS Zen Garden [External Link Removed for Guests] /

این مقاله تنها جنبه ی آموزشی دارد و بمنظور جلوگیری از شلوغی مبحث این عنوان قفل شده است اما چنانچه در این مورد سوال و یا موردی را قابل ذکر میدانید لطفا آنرا در موضوع زیر به بحث بگذارید

منبع: [External Link Removed for Guests]
[External Link Removed for Guests]
   آموزش شارژ کارتریج و تعمیر انواع    (راهنمای تعمیر لپ تاپ و پرینتر ، ...)


[External Link Removed for Guests]
ارسال پست

بازگشت به “طراحي صفحات اينترنتي”