آفلاین
user-avatar

عدم توانایی در استفاده مناسب از css

1 سال پیش
توسط yuwdsacasoicsd آپدیت شد
آفلاین
user-avatar
hamed sarkhosh ( 30986 تجربه )
2 سال پیش
تخصص : برنامه نویس

سلام دوستان. من مدتی میشه که طراحی وب رو شروع کردم ولی من همیشه در استفاده از css مشکل داشتم. هنوزم بعد از گذشت یه مدت زیاد نمی تونم اون وبسایتی که مد نظرم هست رو طراحی کنم. نمی دونم چرا ؟ ایا من مفاهیم css رو درست درک نکردم ! یا اینکه تمرین کافی نداشتم و باید بیشتر تمرین کنم با بتونم به مباحث مسلط بشم. اکثر اوقات به خاطر همین ضعف مجبور میشم که از کدهای بوت استرپ استفاده کنم. ولی خب من زیاد تمایلی به استفاده از بوت استرپ ندارم و دوست دارم استایل های مد نظر خودم رو به صفحاتی که قصد دارم طراحی کنم اعمال کنم. یه مثال براتون بزنم. مثلا می خوام یه سرچ باکس ساده مثل همین سرچ باکس راکت در بالای صفحه رو ایجاد کنم ! دکمه جستجو فاصله میگیره از input باید کلا تلاش کنم که اون رو در جای درست قرار بدم ولی بعدش صفحه رو که کوچک و بزرگ می کنم می بینم که بازم تغییراتی داره که اصلا مناسب نیست مثلا responsive نیست و صفحه یه خرده کوچکتر که بشه دکمه جستجو یه لاین میاد پایین تر قرار می گیره و جدا میشه از قسمت text و من مثلا نمی دونم چطور باید این چنین مشکلاتی رو برطرف کنم و مجبور میشم ساعت ها توی اینترنت به جستجو مشغول باشم برای اصلاح همین یه کار ساده.
آیا پیشنهادی برای من دارید ؟ آیا من درست css رو آموزش ندیدم ؟ آیا آموزش خاصی رو می شناسید که بهم معرفی کنید که بتونه کمکم کنه این مشکلات رو برطرف کنم؟

آفلاین
user-avatar
developer ( 35352 تجربه )
2 سال پیش
تخصص : برنامه نویس

فریمورک هایی مثل بوت استرپ برای همین ساخته شده اند، ماه ها چندین متخصص وقت گذاشتند و مثلا سیستم گریدبندی بوت استرپ رو درست کردند و شما هم اگه بخواین از صفر راه همون ها رو برید باید همین طور ماه ها زمان بذارید
پیشنهادم اینه توی بحث های پایه مثلا گرید بندی و رسپانسیو از فریمورک استفاده کنید ولی بقیه جاها که ریزه کاری هست رو خودتون بزنید
باید تمرین مداوم و نمونه کد زیاد ببینید.

آفلاین
user-avatar
محمد یوسفی پور ( 8867 تجربه )
2 سال پیش
تخصص : برنامه نویس، لینوکس، طراحی وب

اگر از Flex box و Bootstrap هم استفاده کنید کارتون خیلی راحتتر میشه. پیشنهاد میکنم اگر جایی کدی چیزی در صفحات دیدی که میدونید به دردتون میخوره با استفاده از Inspect که داخل Google Chrome هست نحوه استفاده کد و css که برای اون قسمت استفاده شده رو مطالعه کنید و بعد برای پروژه خودتون شبیه سازیش کنید.

آفلاین
user-avatar
elhammaleki ( 6047 تجربه )
1 سال پیش
تخصص : طراح و توسعه دهنده

بوت استرپ برای همینه

آفلاین
user-avatar
hamed sarkhosh ( 30986 تجربه )
1 سال پیش
تخصص : برنامه نویس

@mrselmaleki
بعله مرسی از پاسختون. ولی این سوال مال 1 سال پیشه !!!!
تا الان تمام اون مشکل هایی که اون بالا ذکر کردم همگی حل شده چندیدن برابر بیشتر هم پیشرفت کردم
حالا اینکه شما از کجا رفتی گشتی از سوال رو پیدا کردی جالبه

آفلاین
user-avatar
yuwdsacasoicsd ( 11620 تجربه )
1 سال پیش
تخصص : برنامه نویس

دوست عزیز ابتدا بوت استرپ را دانلود کرده و آموزشش در سایت نیز موجود اگر سرچ کنید. با بوت استرپ مشکلاتت حل میشه. یه حرفی هست میگه که تمرین تمرین تمرین. شما هم تمرین کنید و دستورات را به خاطر بسپار. یک چیز دیگر نیز این که تو یک سایت مثلا چیزی بود و خواستی بفهمی چجوری استایل بندی شده میتونی در گوگل کروم با inspect کردن بفهمی.

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