اسماعیل
5 سال پیش توسط اسماعیل مطرح شد
11 پاسخ

طراحی قالب

سلام دوستان یک سوال ازافرادی که قالب میسازن.
برای قرارگیری قسمت های مختلف دریک صفحه از کدام استفاده میکنید؟
1-Margin
2-Float
3-Position
واگه از روش های دیگه هم استفاده میکنید لطفابفرمایید؟


ثبت پرسش جدید
Alimotreb
تخصص : کانفیگ سرور و برنامه نویس
@Alimotreb 5 سال پیش مطرح شد
1

سلام
@em1378sm

ببینید شما با مارجین فاصله ایجاد میکنید از اطراف
با float یه وضعیت کلی و شناور بودن المان رو مشخص میکنید
با پوزیشن بهش حالت میدید
پوزیشن فیکس ، مثلا یه جا فیکس میمونه
یا دیگر پوزیشن ها که به تگ پدرشون هم مربوطه
که با پارامتر هایی مثل top
left
right
میتونید جای دقیق المان رو مشخص کنید.


علی فرمانی
تخصص : فرانت اند
@farmani 5 سال پیش آپدیت شد
1

@em1378sm
بستگی به نوع قالبی داره که طراحی میشه .
پیشنهاد میکنم زیاد از posation استفاده نکنید قالب بزرگ بشه مشکل ساز میشه پوزیشن کاربرد زیاد داره ولی برای چپ و راست کردن ابزار های دیگه سی اس اس بهتره و پوزیشن بعد مشکل ایجاد میکنه . البته خیلی جاها باید از پوزیشن استفاده کنی ولی خوب جایی که با یه float کار حل میشه بهتره از اون استفاده کنید پوزیشن تو پردازش سرور هم تاثیر میزاره .
برای چپ و راست بودن فلوت خوبه اونم البته شرایط خودشو داره بعضی مواقع دادن به تگ direction به body شاید مارو از حجم بزرگی از float ها بی نیاز کنه .
البته در صورت کلی برای قالب های چند زبانه این موارد خیلی تو چشم میان قالب تک زبانه میتونید راحت از float و ... استفاده کنید .


اسماعیل
@em1378sm 5 سال پیش مطرح شد
0

@Alimotreb
دوست عزیزتشکرازنظرتون
m'lady
اما من میخوام بدونم که برنامه نویسان وب دراین عکس جای تبلیغات یا جای هدر یا...
را چطوری تعیین میکنن(این عکس مثالی ازقالبش بود)


اسماعیل
@em1378sm 5 سال پیش مطرح شد
0

@ali.farmani
تشکر دوست عزیز از نظرتون آیا با Margin هم میشه؟


سیدعلی موسوی
تخصص : سی شارپ و پی اچ پی
@juza66 5 سال پیش مطرح شد
0

در جوابت برای عکس قالبی که فرستادی، درباره گریدبندی یا flex سرچ کنید


علی فرمانی
تخصص : فرانت اند
@farmani 5 سال پیش مطرح شد
0

@em1378sm
با مارجین هم میشه ولی برای چپ و راست بردن چیزی فلوت و ... استفاده میشه مارجین برای فاصله بیرونی هست auto هم بدین میاد وسط و این موارد که تو کدنویسی دستتون میاد با تمرین .


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

سلام
برای چیدمان صفحه و قراردادن عناصر صفحه در جای جای اون بهترین خصوصیت مورد استفاده flexbox هستش. حتما و حتما این خصوصیت رو مورد مطالعه قرار بده، با بکارگیری اون چیدمان اصلی صفحه رو می سازید.
این دوره رایگان راکت رو که زمان زیادی هم نداره ببینید: https://roocket.ir/series/full-training-flexbox


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
0

و اما در مورد این سه تا:
۱-Margin: برای ایجاد حاشیه بیرونی عناصر هستش، به چیدمان کلی صفحه ربطی نداره.
۲-Float: ازین خصوصیت برای ایجاد چیدمان صفحه استفاده میشه، منتها کار باهاش سخته. بعد از یادگیری flexbox که بهتون گفتم، استفاده از float رو قول میدم میذارید کنار : )
۳-Position: این خصوصیت هم برای قراردن عنصر در صفحه مورد استفاده قرار می گیره، منتها با این خصوصیت ما کارهای خاص می کنیم، نه اینکه بخوایم چیدمان اصلی صفحه رو ایجاد کنیم.

در کل مهم ترین کاری که شما باید انجام بدید اینه که با خصوصیت flexbox آشنا بشید، سپس یک نمونه کار رو که طراح شروع به کدنویسی می کنه تماشا کنید تا متوجه مراحل طراحی صفحه بشید و اصل مطلب دست تون بیاد.


اسماعیل
@em1378sm 5 سال پیش مطرح شد
0

@milad
@ali.farmani
@juza66
تشکرازنظراتتون


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
1

درود

روش هایی که نام بردید هم میشه استفاده کرد اما الان دیگه Flexbox جای این متدهارو گرفته و خیلی کم ازشون استفاده میشه


اسماعیل
@em1378sm 5 سال پیش مطرح شد
0

@ali.bayat
تشکر ازنظرتون


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام