راکت
حل شده

html و css نظر سنجی

23 پاسخ

سلام من بعد از اتمام دوره html و css یک پروسه ای مانند راکت انجام دادم البته فیلم ها رو چندین بار مرور کردم پروسه درقالب لینگ هستش لطفا ببینین و نظر بدین ممنون نظر بابت این میخوام که اگه خوب باشه برم سراغ js

عنوان لینک مورد نظر

کوثر
کوثر
@kowsar
ثبت پرسش جدید

پاسخ‌ها

23
رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

بهترین پاسخ

درود...
پیوندش مشکل داره ...

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

http://s7.picofile.com/file/8389928542/biresite_ir.zip.html

این رو کپی کنین و تو گوگل سرچ کنین حتما درسته مرسی سپاس

رایموند
رایموند
@Raymond

تخصص: مختصص وردپرس - برنامه نویس لاراول

برای شروع بد نیست, خوبه...
روی چارچوب بوت استرپ و ریسپانسیو کار کنید...
حسابی تلاش کن , موفق میشی :)

شاید پاسخ شما همین‌جا باشد

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

البته این رو بگم که هنوز زیاد روش کار نکردم و از کسی کمک نگرفتم و فقط الگوم راکت بود و از روی لگو کد نوشتم و هنوز بعد از گذزوندن دوره html و css این رو نوشتم و متاسفانه هنوز باتستورپ بلد نیستم مرسی از نظر شما سپاس که نظر دادین

Ali Sadeghi
Ali Sadeghi
@alimsadeghi1

تخصص: Javascript Developer

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

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

مرس تشکر حتما رو ریسپانسیو کردن کامل تلاش می کنم و اینم صادقانه بگم که واقعا برام سخت بودم بازم مرسی سپاس

Davood
Davood
@dfardabasi

تخصص: PHP - Laravel

@alizadevesal
ریسپانسیوش کامل مشکل داره مثلا باکسا الان کنا م هستن تو حالت موبایل برن زیر هم که تو بوتسترپ با col-xs یا col-sm 12 میتونی انجامش بدی
فونت رو هم حتما عوض کنید یا وزیر بزارید یا ایران سنس

الیاس سخاوتی نیا
الیاس سخاوتی نیا
@elyassir

تخصص: علاقه‌مند به برنامه‌‎نویسی

خیلی خوبه
تبریک میگم
بعد این برین سراغ بوت استرپ
https://roocket.ir/series/learn-bootstrap-4
موفق باشید :)

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

Davood@
چشم با تشکر از نظر مثبتت

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

@elyasbeshkani
چشم حتما اگه ریسپانسیوش مشکل داره بخاطر اینه که هنوز بوت استورپ کار نکردم بازم تشر که نظر دادین

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

شروع خیلی خوبی هستش، تبریک میگم.

نکات:

  • برخی حاشیه های داخلی رو به عناصرتون اضافه کنید: padding
  • شبه کلاس hover و اعمال تغییرات رو اضافه کنید.
  • چیدمان عناصر به کمک خصوصیت flexbox رو یاد بگیرید و سختی ِ کار با float رو از دوش خود بردارید.
  • لااقل دو مورد پویانمایی را در صفحه تون داشته باشید: animation (متاسفانه سایت راکت ازین خصوصیت استفاده ی خاصی نکرده، درین مورد سایت دیگری رو الگو قرار بدین)
  • واکنشگرایی صفحه یک مبحث اساسی هستش که در طرح تون پیاده نشده، حتما آن را بیاموزید و روی طرح تون اعمال کنید.

برای یادگیری بوت استرپ زود هستش، پیشنهاد می کنم فعلا سراغش نرید، پس از تسلط به CSS می تونید سراغش برید، الان زوده.

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

@milad
تشکر بی پایان از شما دارم من العان که تو html مشکلی ندارم که ؟
خوب فقط برم سراغ css و شما چه مطالبی رو پیشنهاد می دید که من برم سراغش منظورم مطالب css که دوباره ببینمش مرسی

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

خواهش میکنم، سرزنده باشید.

برای html، مهم ترین نکته ای که در طرح تون دیدم اینه که از "برچسب های معنایی وب" استفاده نشده.
سعی کنید رعایت کنید این مورد رو.
جلسه 19 و 20 رو ببینید:
https://roocket.ir/series/learn-html

یک عکس کوچک (icon) هم برای صفحه در بخش head کدها قرار بدین خوبه. همون عکس کوچکی که در مرورگر برای صفحه ایجاد میشه.

سعی کنید یک بخش ایجاد پیام هم ایجاد کنید تا ازین طریق دیگر عناصر Form رو هم تجربه کرده باشید.
منظورم انواع input ها، checkbox, radio و ... هستش.

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

برای css در بالا اشاراتی داشتم خدمتتون، دوباره میگم:

  • شبه کلاس :hover
  • شبه عناصر :before, :after
  • خصوصیات position: absolute و position: relative
  • پویانمایی animation
  • خصوصیت flexbox (دوره ی یک ساعته ی موجود در راکت رو حتما ببینید)
  • یادگیری طراحی واکنشگرا به کمک دستور @media (خیلی مهم هستش)
کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

تشکر از نظر شما حتما استفاده می کنم سپاس

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

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

Davood
Davood
@dfardabasi

تخصص: PHP - Laravel

@alizadevesal
برای اینکه css رو خوب یاد بگیرید ریسپانسیو رو هم با مدیا کوئری خود css انجام بدید بعد یه پروژه جدا با bootstrap بزنید

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

مرسی با تشکرات فراوان

کوثر
کوثر
@kowsar

تخصص: برنامه نویس وب

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

صفحه 1 از 2

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

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