آموزش وب سایت خود را با استفاده از بوت استرپ بسازید
Build Your Website Using Bootstrap
این دوره در مورد استفاده از بوت استرپ برای ساخت و بهبود وب سایت های موجود است.
برای اینکه بتوانید این دوره را کامل کنید باید در مورد HTML اطلاعات داشته باشید، در غیر این صورت، من به شما توصیه می کنم قبل از شروع با این کلاس کلاس HTML و CSS را تماشا کنید.
این دوره از دو بخش تشکیل شده است:
1-کشف کلاس‌ها، اشکال و مؤلفه‌های مختلف
2- استفاده از آنها برای ساختن یک وب سایت بوت استرپ خالص.
در قسمت اول، ما قصد داریم از کلاس‌های بوت استرپ مختلفی که برای ما در دسترس هستند استفاده کنیم و اشکال و اجزای مختلفی مانند سرفصل‌ها، پاراگراف‌ها، کارت‌ها، نوارهای ناوبری و موارد دیگر ایجاد کنیم!
در قسمت دوم، قصد داریم از آموخته های خود استفاده کنیم و با استفاده از Bootstrap و HTML یک وب سایت کامل ایجاد کنیم.
امیدوارم از این کلاس لذت ببرید. فراموش نکنید که یک بررسی شامل هر گونه پیشنهادی که ممکن است داشته باشید بگذارید. پیشنهادات شما برای من بسیار مهم است تا همیشه کلاس خود را به روز کنم و ارتقا دهم.
از شما برای شرکت در این کلاس متشکریم و موفق باشید!
پس از یادگیری نحوه ایجاد یک وب سایت بوت استرپ خالص، پروژه شما ایجاد چیزی مشابه است.
شما می توانید وب سایت خود را ایجاد کنید، و تنها قانون استفاده از کلاس های بوت استرپ است. کاری که باید انجام دهید:
1- در مورد آنچه می خواهید ایجاد کنید تصمیم بگیرید و فایل را از بخش منابع دانلود کنید (این فایل شروعی است که به آن نیاز دارید).
2- با نوشتن فایل HTML خود و استفاده از کلاس های بوت استرپ شروع کنید. (برخی از فرم هایی که ایجاد کردیم در حال حاضر در Bootstrap موجود است).
3- برای استفاده از برخی از نمادها به fontawesome بروید و کیت خود را برای اضافه کردن آن به بدنه فایل HTML خود دریافت کنید.
3- تصویری از وب سایت خود ارسال کنید.
4-کد خود را پست کنید (اختیاری)
توجه: هنگام دانلود فایل شروع، مطمئن شوید که آن را با استفاده از کد ویژوال استودیو باز کنید (اگر روی آن کلیک کنید، به عنوان یک مرورگر باز می شود).
اگر سوالی دارید از من دریغ نکنید!
موفق باشید و لذت ببرید.
درس ها Lessons
-
کارت ها Cards
-
تماس با ما و پاورقی Contact Us And Footer
-
چک و رادیو Checks And Radios
-
جداول Tables
-
پروژه Project
-
مشتریان Customers
-
معرفی Introduction
-
برندها Brands
-
بوت استرپ چیست؟ What is Bootstrap
-
اجزاء Components
-
محدوده و ورودی Range And Input
-
تصاویر Images
-
عناصر Elements
-
خانه و ماموریت Home And Mission
-
فرم های 2 Forms 2
-
وب سایت بوت استرپ: Navbar Bootstrap Website: Navbar
-
نوار ناوبری Navbar
-
فهرست ها و رنگ ها Lists and Colors
-
محصولات Products
-
چرخ فلک Carousel
-
تشکیل می دهد Forms
-
کارت 2 Cards 2
-
چیدمان Layout
https://donyad.com/d/a30123
Hadi Youness
مهندس کامپیوتر
سلام هادی هستم. من در حال تحصیل در رشته مهندسی کامپیوتر در دانشگاه آمریکایی لبنانی (LAU) هستم. من دوست دارم دانش خود را با همه به اشتراک بگذارم و معتقدم که آموزش روشی عالی برای درک هر چیزی است، زیرا باید در مورد چیزی به خوبی آگاه باشید تا بتوانید آن را به ساده ترین روش ممکن آموزش دهید!
نمایش نظرات