تاريخ : چهارشنبه 12 مهر 1391  | 1:32 AM | نويسنده : Mohammad ali Hajian

شما قصد دارید صفحه ای داشته باشید که در آن ستونهایی مناسب با نیاز تان ایجاد شده است. مثلا اگر header و یک ستون برای نوشتن پستها و یک ستون در کنار ستون پستها به عنوان side bar و برای قرار دادن اطلاعات جانبی مانند آیکون فید، لینک دوستان، آمار بازدید و ... و همینطور در انتهای ستونها یک ستون کم ارتفاع به عنوان footer داشته باشید حدودا صفحه ای را به صورت زیر خواهید داشت:                           آموزش طراحی css قالب وبلاگ تک ستونه دو ستونه سه ستونه منوی css منوی کشویی css

<< تصویر شماره یک >>

آموزش طراحی css

 

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

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

<< تصویر شماره دو >>


ادامه مطلب




نظرات 0
تاريخ : چهارشنبه 12 مهر 1391  | 1:21 AM | نويسنده : Mohammad ali Hajian

 

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

* HTML

* XHTML

html چیست؟

html پایه و اساس هر صفحه اینترنتی است که از سه بخش کلی و اصلی <html> و <head> و <body> تشکیل شده است.

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

xhtml چیست؟

xhtml نوع دیگر نوشتن کدهای یک صفحه اینترنتی ست با این تفاوت که برای نمایش خود به دستوراتی نیاز دارد که در قسمت head جای گرفته اند و یا در قالب یک فایل جداگانه با پسوند css انجام وظیفه میکنند. مثلا وقتی میخواهید برای قسمت پست یک وبلاگ نوع فونت، رنگ و سایز آن را تعیین کنید باید این دستور را در قسمت <style> در بخش <head> و یا در فایل css مربوط به آن صفحه اعمال کنید و لازم نیست مانند html قبل از هر متن از تگ (کد) <font> استفاده کنید.

توجه: استفاده از دستورات style به طور دلخواه طراح میتواند در یک فایل css. و یا در همان صفحه مورد نظر در قسمت head و به صورت کد <style> صورت بگیرد. در هر دو روش نتیجه یکسان خواهد بود.

css چیست؟


ادامه مطلب




نظرات 0

تعداد کل صفحات : 2 :: 1 2