آموزش طراحی سایت
نوشته شده توسط : mihan4shop

یادگرفتن پباده سازی وبسایت
• اگر‌که میخواهید طوری وبسایت خویش را پباده سازی فرمایید که با عوض کردن سایز فونت های کاغذ مسافت هایی که در تارنما خویش تولید می‌کنید به به عبارتی نسبت کم و یا این که دوچندان شوند پس در این حالت شما بایستی از مقیاس em استفاده نمائید . به دلیل آن که میزان های جان دار در تارنما مبتنی بر میزان سایز فونتی است که استفاده کننده برای مرورگر خویش تهیه و تنظیم نموده است , چنانچه یوزرها سایز فونت مرورگر خویش را ارتقاء دهند در این‌حالت مسافت های با مقیاس em هم هم زمان با تغییر‌و تحول سایز فونت مرورگر مضاعف خواهند شد .
• اگر‌که شما در پباده سازی وبسایت خویش برای عناصری در سایتتان که قرار است سوای در لحاظ به دست آوردن سایز فونت ها و هم تغییر تحول سایز پنجره مرورگر همواره یک سایز ثابتی داشته باشند از مقیاس پیکسل بایستی استفاده کنید . یک پیکسل نسبتاً برابر با یک نقطه در کاغذ صفحه نمایش شما می گردد . چرا میگوییم نسبتاً زیرا بخش اعظم مرورگرهای نو امکان قابلیت بزرگ نمایی برگه را برای استفاده کننده دارا‌هستند و همه موادسازنده ورقه را میتوانند به یک نسبت بزرگ کنند که درین فی مابین یوزرها توان در اختیار گرفتن مقداری در طول بزرگ نمایی نسبت به موادتشکیل دهنده خواهند داشت .

تعریف padding و اضافه کردن آن به تارنما :
افزودن مسافت میان موادتشکیل دهنده تارنما سبب بهبود دادن ظواهر تارنما خواهد شد . بیایید تا با نیز این عمل را انجام دهیم و تغییراتی را در پروژه خویش اعمال کنیم . یه خرده وقت بگذارید و padding های اضطراری را به به تگ های heading ( راز تیترها ) در فولدر style1 . css خویش انجام دهید .
به تگ h1 خویش در انتهای استایل های داده شده خطوط پررنگ شده را بیش تر نمائید .

h1 {
font - size : x - large;
background - color : navy;
color : white;
padding - top : 2em;
padding - bottom : . 2em;
padding - left : . 4em;
}

در سطح آن گاه بیایید و برای تگ h2 خویش هم پاره ای مسافت تولید فرمائید .

h2 {
color : navy;
font - size : 130 % ;
font - weight : normal;
padding - top : 15px;
}

طراحی سایت در مشهد





:: بازدید از این مطلب : 148
|
امتیاز مطلب : 0
|
تعداد امتیازدهندگان : 0
|
مجموع امتیاز : 0
تاریخ انتشار : چهار شنبه 11 مرداد 1396 | نظرات ()
مطالب مرتبط با این پست
لیست
می توانید دیدگاه خود را بنویسید


نام
آدرس ایمیل
وب سایت/بلاگ
:) :( ;) :D
;)) :X :? :P
:* =(( :O };-
:B /:) =DD :S
-) :-(( :-| :-))
نظر خصوصی

 کد را وارد نمایید:

آپلود عکس دلخواه: