آموزش تصویری container در بوت استرپ

آموزش تصویری container در بوت استرپ

آموزش تصویری container در بوت استرپ شاید اولین قدم در بوت استرپ برای ایجاد یک وب سایت باکس باشد که در این ویدیو به آن می پردازیم.ما در مجموعه آموزش تصویری بوت استرپ که به صورت رایگان در وب سایت آموزشگاه کامپیوتر پرتو قرار می گیرد ، سعی می کنیم اصول کلی بوت استرپ را به شما آموزش دهیم که می توانید به سادگی با ما همراه باشید و قدم به قدم این فریم ورک فوق العاده را فرا بگیرید.

توصیه می کنیم قبل از آغاز کار با بوت استرپ ، حتما در کلاس آموزش HTML- CSS در آموزشگاه کامپیوتر پرتو شرکت نمایید.

مدرس این دوره ها، جناب آقای مهندس موسوی هستند که کلاس آموزش بوت استرپ و کلاس آموزش html/css  را نیز ایشان در آکادمی پرتو تدریس می کنند و از اساتید به نام و مطرح در زمینه طراحی سایت در ایران هستند.

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

وب سایت ها معمولا یا باکس هستند، یا تمام صفحه هستند و یا به صورت ترکیبی که به صورت مفصل در کلاس ها در مورد این موضوع صحبت کرده ایم.

حالا در این ویدیو قرار است این موضوعات را به صورت عملی نیز به شما آموزش دهیم

با ما همراه باشید.

آموزش تصویری container دربوت استرپ
دوستان عزیزم سلام وقتتون بخیرباشه موسوی هستم مدرس دوره های طراحی وب آکادمی پرتو
درآموزش قبلی اومدیم آموزش اتصال اصطلاحا cbn یا اکسترنالینک تو بوت استرپ واتصال به صورت in land یا بصورت اینترنال رو تدریس کردیم.
امروز که این آموزش رو ضبط میکنم به دلیل وقایعی که توی کشور درپایان آبان ماه 98 اتفاق افتاده واعتراضات اینترنتا قطع هست ولاجرم هستم که به صورت آفلاین تدریسم رو ادامه بدم که البته خوبم هست که شما یاد بگیرید که به هرحال توفضای آفلاین عادت بکنید کارکنید وامورتون روانجام بدید.
امروز میخوام درمورد کانتینر باهاتون صحبت بکنم عرضم به حضور شما که کانتینر در بوت استرپ کلاسی هستش که منجر به تولید وب باکس میشه یا بهتر بگم اگرقرارباشه شما بخواید وبسایتای باکس بخواید تولید کنید باید از کلاس کانتینر استفاده کنید که محتوای وبسایت رووسط میندازه و الگو میگیره.
ما برای اینکه این کار روانجام بدیم یک div ایجاد میکنم یه کلاس بهش میدم کلاس رومیدم کلاس کانتینروکلاس کانتینر که اومدم
بهش دادم میام اینجا div رومیبندم خب ببینید الآن من یه div ایجاد میکنم یه کلاس بهش میدم کلاس کانتینر وقتی کلاس کانتینر بهش
دادم میایم اینجا div رومیبندم خب ببینید من الآن یه div روکلاس کانتینر دارم متنی که از قبل آماده کردم رو میام اینجا کپی میکنم و داخل این کانتینر pastمیکنم الگویی که اتفاق میفته اگه من بیام اینجا توی فایرفاکس رانش بکنم چیزی که اینجا میبینیم توی فایر فاکس
میبینیم که محتویات داخل یه سایتمون اصطلاحا اومده وسط قرارگرفته یعنی الآن این الگوییه که ما توی کانتینر داریم اگر من بیام
محتویات داخلی سایت روافزایش بدم مثلا 5 یا6 تا متن خط بنویسم اینجا میبینید که فضای کانتینرمن داره افزایش پیدا میکنه.
همیشه به شاگردام میگم که به صورت کلی کانتینرها میتونن یک یاچند تا باشن تووبسایت امااین تصمیم با ماست که براساس این چیزی که کانتینر بهمون میگه اصطلاحا سایت روباکس بخوایم طراحی کنیم یا فول ایت. اگر قرار باشه سایتی باکس باشه باید حتما بهش کلاس کانتینر بدیم حالا با توجه به اینکه اینترنت قطع هست من ببینم که میتونم مثلاسایت خبری تابناک رو باز بکنم یانه
اگرسایت تابناک با اینترنت داخلی کشور هست بازبشه قشنگ محسوب سایت باکس و سایت فول ایت رومیتونیم متوجه بشیم وازاین ورهم اگه بتونیم اینجا دیجی کالا روبازکنیم متوجه جفتشون میشیم بله جفتشون سرورهاشون ایران هست وداره باز میشه.
خب ببینید الآن دقت بکنید به این سایت، وقتی سایت رو زوم میکنم اتفاقی که داره توسایت تابناک داره میفته اینه که قسمت بالایی ومشکی دارن تا انتهادارن ادامه پیدا میکنن اصطلاحا تمام صفحه هستن ولی قسمت وسط وبسایت منحصره،باکسه.
این تیکه یعنی از این بالاکه از این تیکه کل این تیکه هایلایت شده ایناهمش کلاس مادراون عنصر اصلیشون کانتینر هست یعنی یه div بزرگ درست کرده و یک کلاس کانتینر بهش داده که بتونه محتویات روجمع بکنه درمورد دیجی کالا یه ذره بحث متفاوته توی آموزش بعدی بیشتر بهش میپردلزم علی الحساب اگرقراربودسایتتون باکس باشه واطرافش رو منحصر بکنید باید ازکلاس کانتینراستفاده کنید که خیلی هم کلاس مهمیه واهمیت خیلی خیلی زیادی هم داره.
امیدوارم ازاین آموزش کوتاه استفاده لازم رو برده باشید.
اگر ازمن سوالی دارید ذیل همین آموزش یا بصورت کلی میتونید با آموزشگاه کامپیوتر پرتو تماس بگیرید من در خدمتتون هستم.براتون آرزوی موفقیت میکنم ودرآموزش بعدی همراه ما باشید خدانگهدارتون