آموزش جامع html و css و bootstrap
با تهیه این آموزش، می‌توانید به همه جلسات آن دسترسی داشته باشید.
توجه : دوره برگزار شده است. در صورت تمایل می توانید فیلم های آموزشی آنلاین دوره را خریداری نمایید.
خرید فیلم های آموزشی دوره
جلسه اول نمایش رایگان
جلسه دوم : قسمت اول
جلسه دوم : قسمت دوم
جلسه سوم : قسمت اول
جلسه سوم : قسمت دوم
جلسه چهارم : ساخت هدر سایت - آشنایی با فرم ها
جلسه پنجم : ساخت بخش slide قالب - معرفی ویژگی padding و margin -
جلسه پنجم : ایجاد تصویر پس زمینه برای یک بخش - اضافه کردن فونت های سفارشی (فارسی) به وب سایت و استفاده از آن
جلسه ششم : معرفی تگ های قالبندی HTML 5 - استفاده از چند کلاس
جلسه هفتم : معرفی جداول - ساخت بخش سرویس سایت با استفاده از جدول ها
جلسه هفتم : ادامه ساخت بخش سرویس با div - ایجاد سایه برای متن ها
جلسه هفتم : آموزش ویزگی position - تنظیم مکان یک عنصر نسبت به عناصر دیگر و سند اصلی html
جلسه هشتم : ساخت بخش تعرفه های وب سایت
جلسه هشتم : ساخت بخش اطلاعات بانکی و شماره حساب ها
جلسه نهم : ساخت بخش آخرین مقالات - ساخت بخش فوتر سایت - nth-child در css
جلسه نهم : معرفی فریم ورک bootstrap برای css - سطر و ستون در bootstrap - انوع پیام های هشدار و دکمه ها در bootstrap
جلسه دهم : جدول ها bootstrap - کلاس های تصاویر درbootstrap - دکمه های گروهی - صفحه بندی
جلسه دهم : gradient در css - لیست های گروهی - پنل ها - فیلد های فرم ها (radio , checkbox , password , textarea , selectbox , date , time , color , email , url)
جلسه یازدهم - معرفی فونت آیکون ها - ساخت منو با bootstrap
جلسه یازدهم - ساخت منو های باز شونده (dropdown menu)
جلسه یازدهم - ساخت یک progressbar با استفاده از css و html - ساخت animation در css
جلسه دوازدهم - ساخت دکمه چشمک زن با css - ساخت اسلایدر با bootstrap
جلسه دوازدهم - قرار دادن متن بر روی تصویر (یادآوردی ویژگی position)
HTML یک زبان نشانه گذاری و اسکلت اصلی تمامی سایت هایی است که در سراسر دنیا به وجود می آیند. جدا از نوع زبان برنامه نویسی که برای یادگیری انتخاب می کنید، اگر می خواهید در دنیای وب بمانید لازمه که HTML را یاد بگیرید. ما در این دوره با تمام دستورات HTML وCSS آشنا خواهیم شد.
در انتهای دوره می توانیم یک قالب را در سایز های مختلف (برای موبایل و تبلت) طراحی کنیم. این دوره پروژه محور بوده و هنگام آموزش، ما از آزمایش هایی بر روی کد ها که توسط خود شرکت کنندگان دوره انجام می شود به درک مطلب از این مبحث خواهیم رسید. ما در این دوره تمامی استانداردهای کد نویسی را یاد می گیریم، به شکلی که بتونیم قالبی انعطاف پذیر بسازیم، توی حالت های مختلف و کاملا استاندارد برای ادغام سازی با هر نوع سیستم مدیریت محتوایی (مثل وردپرس).
سرفصل های دوره
- مفهوم html, css
- بررسی قوانین نوشتن تگ
- تگ های اصلی یک سند
- تگ های نوشتاری در html
- تگ head و تگ body
- مشخصه ها (attribute) در html
- انتخابگر (selector) در css
- روش های ادغام css در یک فایل html
- متا تگ ها در html و اهمیت آن در seo
- تگ های عنوان و حالت های استفاده
- نوشتن css واکنش گرا (responsive) در قالب
- نوشتن مدیا کوئری در حالت موبایل
- فریم ورک bootstrap چیست
- استفاده کامل از فریم ورک bootstrap در پروژه
- دکمه های bootstrap برای یک فرم
- طراحی جداول در bootstrap
- طراحی صفحه ریسپانسیو با bpptstrap
- اضافه کردن تصاویر در css
- لینک کردن فایل های اسکریپتی به یک سند
- انواع رنگ دهی در css و آشنایی با هگزادسیمال و rgb
- ایجاد فهرست و لینک کردن به صفحات دیگر
- چگونگی قرار گرفتن المنت ها کنار هم
- قسمت بندی کردن یک پروژه به صورت استاندارد
- نحوه نوشتن کدهای بهینه در یک صفحه وب
- لینک ها و مشخصه های آدرس دهی
- تفاوت class و id در فایل های پروژه
- رنگ دهی پس زمینه به صورت چندرنگی
- حالت های راست چین نوشتن متن در قالب های فارسی
- دسته بندی محتوا با استفاده از تگ section
- به صورت دایره درآوردن تصاویر با css
- فاصله بین خط های یک پاراگراف چند خطی
- تفاوت اندازه فونت ها نوشته شده در یک خط
- حالت ثابت اسلایدر تصویر در موقع اسکرول کردن صفحه
- حالت هاور شدن رنگ لینک
- اضافه کردن لینک به آیکون و متن همزمان
- استفاده و توضیح تمام تگ های کاربردی در یک پروژه کامل
نتیجه نظرسنجی
خوب
فوق العاده از نحوه تدریس استاد محمودی راضی هستم
به به
بسیار عالی
دوره عالی بود. ممنون از آموزشگاه دارکوب و استاد محمودی برای بیان ساده و واضحی که دارن