توضیحات

در این قسمت به معرفی پروژه میپردازیم. تا بهتر با Bootstrap آشنا بشین


HTML CSS طراحی وب طراحی واکنشگرا Bootstrap Bootstrap v4 آموزش Bootstrap بوت استرپ طراحی سایت

مدرس دوره علی شیخ
مدت دوره 06:29:27
تعداد ویدیو 35

وضعیت دوره : کامل شده
قیمت دوره : رایگان

نظرات ارزشمند شما:

برای ارسال نظر ابتدا باید وارد سایت شوید

  • با درود
    آقای شیخ عزیز
    یه سوال در خصوص منوهای دراپ‌دان دارم. چطوری میشه گزینه‌های دراپ‌دان رو راست به چپ کرد؟
    اگر منوی پروژه رو باز کنید می‌بینید که گزینه‌های پروژه که شامل پروژه ۱، پروژه ۲ و پروژه ۳ هست از چپ به راست هست
    ممنون میشم راهمائی کنید.

    • سلام وقت بخیر.
      به item ها text-align بدید یا میتونید از کلاس text-right بوت استرپ استفاده کنید.

    • سلام وقت بخیر.
      ARIA یا ( Assistive Rich Internet Applications ) یکی از استانداردهایی هست که W3C برای ارتقای خوانایی سایتتون تعریف کرده که میشه با استفاده از اون اطلاعات بیشتری رو در اختیار ابزارهایی که به Screen Reader معروف هستند قرار داد. Screen Reader رو میشه یک روبات دونست که وارد سایت میشه و با توجه به کدهاتون ، نوشته‌ها رو تبدیل به صوت میکنه و به کاربر میرسونه. هدف اصلی Aria نابینایان هستند که میتونن با شنیدن این صداها با سایت شما آشنا بشن و با اون ارتباط برقرار کنن. با توجه به اینکه Screen Reader‌ها میتونن با کدهای HTML خالص هم کار کنند و اونا رو تفسیر کنن ، اما میشه با اضافه کردن Aria به کدهاتون این اطلاعات رو با مفهوم تر کنید تا Screen Reader درک واضحی از سایت شما داشته باشند. فرض کنید یک متن خالی میزارید و یکی از کلمات اون رو Bold میکنید. با اینکار زمانی که روبات به کلمه مورد نظر میرسه صدایی بلندتر رو بوجود میاره که کسی که داره این صدا رو میشنوه بفهمه که این کلمه خاص و Bold هست.

      Aria هیچ تغیری در ظاهر سایت شما بوجود نمیاره و تنها هدفش ارتقای اطلاعات و عملکرد برای Screen Reader‌ها هست.

  • سلام برخی جا های توضیحات خیلی خوب بودن ولی بری جا ها که مهم هستند خوب توضیح داده نشده متاسفانه و اینکه تشکر میکنم از استاد بخاطر تدریسشون ولی بهتر بود که خودشون در حین اموزش کدنویسی انجام میدادند و اینطوری بهتر تر بود و بهتر یاد گیری شکل میکرفن اما متاسفانه کد ها از قبل نوشته شده بود که اینطوری زیاد جالب نیست
    در کل ممنون از اینکه بصصورت رایگان گذاشتید

    • سلام وقت بخیر.
      ممنون از شما که پیشنهادات خوبتون را برامون ارسال کردید، توی دوره های جلوتر ما سعی کردیم بهتر توضیح بدیم و از طرفی کد نویسی انجام بشه، و تعداد ویدیو ها را بیشتر کنیم که قسمت ها خسته کننده نباشه

  • سلام. ما با استفاده از html و css به صورت عادی از تگهایی مثل <header> استفاده میکردیم، اما شما در این پروژه ازش استفاده نکردید، اگر بخوایم با بوتسترپ مثلاً تگ header را اضافه کنیم چکار باید بکنیم، یعنی در مکان خاصی در بین کدها باید قرار بگیره؟ و سوال دوم اینکه آیا در داخل اینگونه تگها میشه از کلاسهای بوتسترپ استفاده کرد؟

    • سلام وقت بخیر.
      ببینید ما یه موضوعی داریم توی html ورژن 5 به اسم semantic tags، این به این معنی هست که ما بجای استفاده از تگ div که برای جدا کردن هست، از نام های مرتبط با اون بخش استفاده کنیم.
      مثلا div ای که مربوط به هدر سایت هست را بجای نوشتن <div> از <header> استفاده کنیم.دلیل اینکار افزایش خوانایی کد و کمک به سئو هست.
      این موضوع را در قسمت ۱۱ از دوره html و css گفته شده و میتونید اون قسمت را مشاهده کنید.
      پس فرقی بین تگ div و header در عملکرد نیست.شما از هر دو میتونید استفاده کنید و کلاس های خودتون یا کلاس های هر فریمورکی که دوست داشته باشید را بهش بدید.

    • خیلی ممنون آقای شیخ. اما آیا این قوانین در بوتسترپ هم صدق میکنه که مثلاً از تگهایی مثل aside استفاده کنیم؟

    • خواهش میکنم.
      بله میشه، عرض کردم که فرقی بینشون نیست در عملکرد و دوتاش در واقع تگ div هستند و فرقی نداره چه استایلی بهشون بدید.
      اینم در نظر بگیرید که bootstarp یکسری کلاس css آماده هست نه بیشتر،پس فرقی نداره شما کلاس های bootstrap را به تگ div یا header و هر تگ semantic دیگه ای اختصاص دهید.