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

Old Moderator



نماد کاربر
پست ها

883

تشکر کرده: 0 مرتبه
تشکر شده: 6 مرتبه
تاريخ عضويت

سه شنبه 14 اسفند 1386 13:30

آرشيو سپاس: 389 مرتبه در 151 پست

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

توسط H@med » يکشنبه 10 شهریور 1387 08:52

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



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



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



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

کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 


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


Joe Barta's beginners tutorials (where I started! Thanks, Joe!) http://www.pagetutor.com/pagetutor/makapage/
W3Schools tutorials http://www.w3schools.com/default.asp
A List Apart http://www.alistapart.com/
W3C tutorials http://www.w3.org/2002/03/tutorials


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

کد: انتخاب همه
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 


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



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



یا این یکی؟



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

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

W3Schools Tutorial http://www.w3schools.com/css/default.asp
Eric Meyer's css/edge http://www.meyerweb.com/eric/css/edge/
glish.com CSS Layout Techniques http://www.glish.com/css/
A List Apart http://www.alistapart.com/
Left Justified http://leftjustified.net/
CSS Zen Garden http://www.csszengarden.com
/

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

منبع: http://modxcms.com
 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 
فیلم آموزش شارژ کارتریج و تعمیر انواع پرینتر (راهنمای تعمیر لپ تاپ و پرینتر ، ...)


 لينکها براي کاربران مهمان قابل دسترسي نيست، براي مشاهده ي لينکها لطفا ثبت نام کرده و وارد شويد 

 


  • موضوعات مشابه
    پاسخ ها
    بازديدها
    آخرين پست

چه کسي حاضر است ؟

کاربران حاضر در اين انجمن: بدون كاربران آنلاين و 4 مهمان