کار با دیو ها

2 ماه پیش
توسط اسماعیل آپدیت شد
hossein657 ( 6750 تجربه )
4 ماه پیش
تخصص : طراح وب

سلام امیدوارم حالتون خوب باشه
یه سوال مسخره
شما اول دیو ها رو میسازین و قالب کلی سایت رو میزنین بعد میرین سراغ داخل دیو ها یا یک دیو رو میزنین و داخلشم کامل میکنین بعد میرین سراغ بعدی؟🤔

میلاد ( 115460 تجربه )
4 ماه پیش
تخصص : طراح رابط کاربری - Front-End

سلام وقت بخیر، سرزنده باشید

من تقریبا بصورت سطری عمل می کنم، مثلا فرض کن بخوام رابط کاربری سایت راکت رو در همین صفحه ای که داخلش هستیم بنویسم، اینجوری میشه:
1) سطر اول: فهرست با پس زمینه مشکی
2) سطر دوم: نام سایت، جستجو و حساب کاربری
3) سطر سوم: فهرست اجزای سایت
4) سطر چهارم: عنوان گفتگو
5) سطر پنجم: مکان نما
6) سطر ششم: پیوند کوتاه و ایجاد گفتگو
7) اینجا که میرسم: ابتدا ساختار ِ دوتا ستون رو درست می کنم، بعدش میرم سراغ اجزای سمت راست و سپس چپ.
ستون اول: 7-1-1) نمایش نظرات، 7-1-2) ارسال نظر
ستون دوم: 7-2-1) همه بحث و گفتگوها 7-2-2) همه موضوعات 7-2-3) کاربران برتر 7-2-4) رزومه ساز
...
بهمین ترتیب سطر به سطر پیش میرم.

میلاد ( 115460 تجربه )
4 ماه پیش
تخصص : طراح رابط کاربری - Front-End

در خصوص واکنش گرایی هم وقتی به روش شبکه بندی (grid system) پیش میرم، باز سطر به سطر واکنش گرایی رو هم بوجود میارم.
اما اگه بنا باشه از media query ها استفاده کنم، در مرحله ی آخر که طراحی اولیه م تموم شدش سطر به سطر واکنشگرایی رو بوجود میارم.

نظرات بقیه دوستان هم شنیدن داره، امیدوارم بنویسند برامون

حمیدرضا رمضانی ( 10165 تجربه )
4 ماه پیش
تخصص : junior programmer

سلام. من معمولا از بالا دیو بندی رو انجام میدم تا فوتر سایت

علیرضا معمارزاده ( 24744 تجربه )
4 ماه پیش
تخصص : junior level developer

سلام
@hossein657
ابتدا یه Div مینویسیم بعد میتونیم کاملش کنیم
البته روش بهتر اینکه از کد های و دستورات سمتیک یا معنایی برای قالب بندی سایت استفاده کنیم
مثلا تگ های header footer content
موفق باشید

میلاد ( 115460 تجربه )
4 ماه پیش
تخصص : طراح رابط کاربری - Front-End

@hossein657
البته همان طور که آقای معمارزاده @alireza.mzh اشاره کردن، باید از عناصر وب معنایی نظیر header, footer, section, article بجای div استفاده کرد.
توی مثالی هم که من زدم، منظورم استفاده ازین عناصر به جای div ها هستش. هر دو دسته کار نگهدارنده رو انجام میدن، ولی برای seo سایت تفاوت هارو رقم می زنند.

فرهاد ( 15250 تجربه )
4 ماه پیش
تخصص : برنامه نویس

سلام @hossein657

من همیشه به صورت المنت بندی شدی و بدون دیزاین پیاده میکنم

یه مثلا اگه اول header باشه تمام اجازش رو بدون دیزاین پیاده میکنم. بعد میرم سراغ المنت بعدی

hossein657 ( 6750 تجربه )
4 ماه پیش
تخصص : طراح وب

خیلی ممنونم از همه دوستانی که وقت گذاشتن
واقعا مفید بود ممنون

omid ( 12034 تجربه )
4 ماه پیش
تخصص : برنامه نویس

سلام
سوالت اول اصلا مسخره نیست
این بر میگرده به عادت به نظرم
من چون با psd کد میزنم بخش (section) به بخش کد می زنم و میام تا انتها و در آخر ریسپانسیو رو چک میکنم

Alimotreb ( 186502 تجربه )
4 ماه پیش
تخصص : کانفیگ سرور و برنامه نویس

سلام
@hossein657

تگ های عمومی که همیشه هستن
ولی section به section میریم جلو
یه قسمت رو پیاده سازی میکنیم استایل میدیم میریم قسمت بعدی!

اسماعیل ( 1720 تجربه )
2 ماه پیش

من اکثرا من قسمت به قسمت جلو میرم چون هم میدونم چی به چی میشه وهم اگه مشکلی پیش بیاد میشه زودترفهمید ازکجاست(گمونم برای تازه کارهایی مثل خودم اینجوری بهتره)

برای ارسال پاسخ باید وارد سایت شوید