در این قسمت به معرفی پروژه میپردازیم. تا بهتر با Bootstrap آشنا بشین
برای ارسال نظر ابتدا باید وارد سایت شوید
با درود
آقای شیخ عزیز
یه سوال در خصوص منوهای دراپ‌دان دارم. چطوری میشه گزینه‌های دراپ‌دان رو راست به چپ کرد؟
اگر منوی پروژه رو باز کنید می‌بینید که گزینه‌های پروژه که شامل پروژه ۱، پروژه ۲ و پروژه ۳ هست از چپ به راست هست
ممنون میشم راهمائی کنید.
سلام وقت بخیر.
به item ها text-align بدید یا میتونید از کلاس text-right بوت استرپ استفاده کنید.
سلام
لطفا در مورد این دو مورد توضیح بدین. در قسمت input پروژه جست و جو هست. ممنون
aria-label="Example text with button addon"
aria-describedby="button-addon1"
سلام وقت بخیر.
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 دیگه ای اختصاص دهید.
بسیار عاااالی ..
ممنون بابته تمام زحماتی که میکشین ..
سلام وقت بخیر.
ممنون از شما❤
حسین ملهم
با درود
مهندس شیخ عزیز
در مستندات بوتسترپ برای منوسازی برای یک دکمه از ویزگی‌هائی مثل
aria-controls
aria-expand
aria-toggle
استفاده میکنه. این ویژگی‌ها وقتی حذف می‌کنیم تغییر برای درک اون ایجاد نمیشه. شما میدونید این ویژگی ها چه کاربردی دارند؟
یه مساله‌ای در سایت شما هست که خواستم به شما بگم. در بخش نظرات تاریخ ارسال پست‌ها درست نمیخوره. مثلا پست قبلی که یک هفته پیش ارسال کردم رو اعلام میکنه ۸ ماه پیش ارسال شده است.
علی شیخ
3 سال پیش
سلام وقت بخیر.
aria ها مروبوط به افراد ناتوان میشه زمانی که از این موارد در تگ های html استفاده میکنید اگر شخصی نابینا باشه میتونه با screen reader محتوا رو بخونه و متوجه بخش های سایت بشه، پس توی طراحی یا زیبای سایت نقشی نداره بلکه برای screen reader هست از طرفی توی سیو سایت میتونه تاثیر مثبت بذاره
تاریخ کامنت ها چک شد مشکلی نداره