راهنمایی و آموزش مرجع و آسان در مورده طراحی سایت

**DaRiOuShJh** · 17-02-2008, 15:22

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

1.

قالب چیست؟

به مجوعه کدها، عکس ها و ... ای که شامل یک سند html و ... میگن قالب یا template
حالا شما میری و مثلا تو سایت های مختلف قالب های مختلف رو میبینی و چند تایی که خوشت میاد رو میگیری و دانلود میکنی رو کامپیوترت

قالب از کجا بیاری؟

سایت به این منظوره زیاده تو نت!
تنها کافیه که این عبارت رو کامل و به همین صورت جستجو کنی در گوگل (شامله دو ")

"free website template"

2.

حالا شما قالب رو گرفتی و اونو از حالته آرشیو خارج کردی
معمولا شامله این موارد میشه

2.1 یک سند html به نامه index.htm
2.2 یک directory یا folder به نامه images
2.3 عکس های یه کار رفته در قالب در فولدره images و در موارده لزوم فایل های js و ...
2.4 style.css
2.5 در بعضی موارد فایل های سورس یا استفاده یه شده شامله:
psd
swf
fla
swi
txt
font
و...

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

----------------------------

2.1 این سند فایله اصلیه قالب حساب میشه و باید تمامه تغییرات در اون داده بشه
تمامی کدها و ... در این سند قرار دارند
معمولا شامله لینک های خالی ای هم به about, home, contact us و ... میشه که شما بعد از انجامه تغییراتی که دوست داشتید و ایجاده صفحاته این قسمت ها میتونید این قسمت ها رو به صفحات مذکور link کنید

2.2 و 2.3 شامله object ها و عکس های استفاده شده در سنده index.htm میشه
تمامیه این موراد باید با همین نام و در همین فولدر آپود بشن تا مشکلی پیش نیاد
اگر هم خواستید در عکس ها تغییری بدید یا باید با همون اسم و همون سایز (دقیقا مشابه) save کنید یا اینکه به برنامه نویسی و زبان های html و css اشناییه لازم رو داشته باشید

2.4 شامله کدهای style و طرزه قرارگیریه object ها در سنده index.htm میشه
در مواردی کدهای اضافی ای هم برایه قسمت هایی که هنوز استفاده نشدند و ممکنه در آینده اضافه بشن هم هست
اگر به css آشنایی ندارید دست کاری ممنوع!

2.5 این فایل ها در بعضی قالب ها پیدا میشن
در این موارد از این برنامه ها استفاده کنید

psd --> photoshop
fla --> Marcomedia Flash
swi --> Swish

و ...

3.

در ویرایشه سند html یا هر سنده دیگری یادتون باشه که حتما قبل از اعماله تغییرات و در مواقعی خراب کاری!!! یک copy از فایله مذکور گرفته باشید

فونت های استاندارد و تعریف شده و شامله ساپورته فارسی از این قرارند:

tahoma
times new roman
arial
comic sans MS

این فونت ها در تمامیه سیستم ها به صورته استاندارد تعریف شده و نصب هستند و کاربر در هنگامه مشاهده و استفاده از سایت دچاره مشکلی نمیشه

تذکر: اگر تمایل به استفاده از فونت های دیگری در صفحات دارید به شما پیشنهاد میکنم که آنها را به گرافیک ویا عکس تبدیل کنید
مثلا به فایلهای فلش .swf یا عکس هایی با پسوند .jpg و .gif

4.

همانطور که قبلا هم اشاره شد باید برای درست کردنه صفحات دیگر به جز صفحه اصلی، سند هایه دیگری بسازید
راحت ترین کار در هنگام استفاده از قالب ها گرفتنه copy از خوده سند index.htm در کناره آن و تغییره نام آنها مثلا به این موارد میباشد

contactus.htm
aboutus.htm
links.htm
products.htm
و...

اگر هم عکسی یا مطالبی برایه این قسمت ها و صفحات در نظر دارید تو یه هر قسمت قرار میدید

و در انتها کلیه فایل ها رو آپلود میکنید