آموزش جامع html و css و bootstrap

تعداد جلسات
12
محتوای آموزشی
1440 دقیقه

پرسش و پاسخ
پیشرفت تحصیلی
خودآزمایی
مدرک دیجیتال

تاریخ شروع : ۱۴۰۰/۰۹/۱۴
روز و ساعات برگزاری : یک شنبه ها ساعت 10 الی 12
توجه : دوره برگزار شده است. در صورت تمایل می توانید فیلم های آموزشی آنلاین دوره را خریداری نمایید.
400,000 تومان
ایوب محمودی فرد
مدرس

ایوب محمودی فرد

[رشته تحصیلی : کارشناسی مهندسی نرم افزار ] [متخصص زبان برنامه نویسی PHP ] [تخصص در زبان های سمت کاربر : HTML , CSS , JAVASCRIPT , JQUERY , BOOTSTRAP , HTML5] [بانک اطلاعاتی : MYSQL ] [مفاهیم نرم افزاری : OOP , MVC , Design Pattern] [سیستم مدیریت محتوا : WORDPRESS] [فریم ورک ها : LARAVEL] [برنامه نویسی موبایل : React Native]
جهت مشاوره با شماره 02122082258 تماس بگیرید
لینک کوتاه : https://darkoobedu.ir/?p=3958

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
  • فاصله بین خط های یک پاراگراف چند خطی
  • تفاوت اندازه فونت ها نوشته شده در یک خط
  • حالت ثابت اسلایدر تصویر در موقع اسکرول کردن صفحه
  • حالت هاور شدن رنگ لینک
  • اضافه کردن لینک به آیکون و متن همزمان
  • استفاده و توضیح تمام تگ های کاربردی در یک پروژه کامل

نتیجه نظرسنجی

نظرات برخی شرکت کنندگان در دوره آموزشی
نگین ناج کار

خوب

ندا نیکو

فوق العاده از نحوه تدریس استاد محمودی راضی هستم

آقای عمرانی

به به

آقای سیرفی

بسیار عالی

بهاره خلج (دانش آموز)

دوره عالی بود. ممنون از آموزشگاه دارکوب و استاد محمودی برای بیان ساده و واضحی که دارن