DaRiOuShJh's Blog – Collection Of the Bests… » Blog Archive » راهنمایی و آموزش مرجع و آسان طراحی وبسایت
آیــــا میـدانیــد که

   رادیو آنلاین اختصاصی سایت با مجموع 14 ترک از آلبوم Metallic Emotions کار خود را آغاز کرده است!
برای گوش دادن به رادیو آنلاین بر روی آیکون نشان داده شده، در منوی بالای سایت کلیک کنید.
توجه!: رادیو آنلاین سایت در یک پنجره ی جدید و کوچک باز خواهد شد.
[ Close ]
 
<img alt="DaRiOuShJh - Collection Of The Bests..." src="http://djh.ir/blog/wp-content/themes/DaRiOuShJh/images/01.jpg" />


+ پروژه ی رپیدلیچ کاملا فارسی: www.rlfa.DJH.ir
+ قرآن آنلاین سایت شروع به کار کرد!
  نام: داریوش
  نام کاربری: DaRiOuShJh
  علاقمندی ها:  اینترنت، برنامه نویسی تحت وب، برنامه های گرافیکی، فلش، موسیقی، بازی های کامپیوتری و ...
  فعالیت ها:  انجمن های فارسی: MajidOnline P30World PersianTools
  سوابق تحصیلی:
مهندسی معدن - اکتشاف
کارشناسی مترجمی زبان انگلیسی

.: عـنـوان مـقاله قـبـل:  DaRiOuShJh on deviantART
.: عـنـوان مـقاله بـعـد:  آشنایی تصویری و گام به گام با کدهای یک صفحه
0
نوشته شده توسط DaRiOuShJh در: شنبه؛ 4ام آبان 1387 - [13:08]

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
و…

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

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

به همین سادگی میتونید صاحبه یک وبسایت بشید

  • Share/Bookmark

لحــظــاتی کــوتــاه بــا بـــزرگـــان:



.: عـنـوان مـقاله قـبـل:  DaRiOuShJh on deviantART
.: عـنـوان مـقاله بـعـد:  آشنایی تصویری و گام به گام با کدهای یک صفحه

.: دیدگاه خود را بیان کنید...

Anti-Spam Protection by WP-SpamFree