کار با دیو ها

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

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

من تقریبا بصورت سطری عمل می کنم، مثلا فرض کن بخوام رابط کاربری سایت راکت رو در همین صفحه ای که داخلش هستیم بنویسم، اینجوری میشه:
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) رزومه ساز
...
بهمین ترتیب سطر به سطر پیش میرم.

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

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

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

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

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

سلام @hossein657

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

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

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

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

سلام
@hossein657

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