کار با دیو ها

- 5 روز پیش
توسط Alimotreb آپدیت شد
hossein657 ( 6200 تجربه )
7 روز پیش
تخصص : بیکار

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

میلاد ( 72710 تجربه )
6 روز پیش
تخصص : طراح رابط کاربری - 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) رزومه ساز
...
بهمین ترتیب سطر به سطر پیش میرم.

میلاد ( 72710 تجربه )
6 روز پیش
تخصص : طراح رابط کاربری - Front-End

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

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

حمیدرضا رمضانی ( 9415 تجربه )
6 روز پیش
تخصص : php , js

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

علیرضا معمارزاده ( 14364 تجربه )
6 روز پیش
تخصص : برنامه نویس وب

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

میلاد ( 72710 تجربه )
6 روز پیش
تخصص : طراح رابط کاربری - Front-End

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

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

سلام @hossein657

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

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

hossein657 ( 6200 تجربه )
6 روز پیش
تخصص : بیکار

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

omid ( 11694 تجربه )
5 روز پیش
تخصص : برنامه نویس

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

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

سلام
@hossein657

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

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