آموزش مقدمات طراحی وب با html ، Css ، js و Bootstrap – بهار 95

سرفصلهای دوره:

مفاهیم برنامه های وب:

• مقدمات و طرز کار وب
• استانداردهای وب

معرفی و کار با Html

• اصول HTML و XHTML
• معرفی انواع استانداردهای صفحات وب
• Strict
• Transitional
• Frameset
• کار با تگ های رایج و متداول HTML
• تگ های بدنه و تنظیمات صفحه
• تگ های نوشتاری
• تگ های ترسیم جدول
• تگ های فرم
• تگ های لیست
• تگ های تصویر و ویدئو
• تگ های ساخت لایه
• بررسی دقیق تگ های فرم سازی
• معرفی انواع فیلد ها
• نحوه طراحی استاندارد فرم
• ساخت محدوده فرم و برچسب های فیلد

معرفی کار با JavaScript و jQuery

• مقدمه جاوا اسکریپت
• محل قرار گیری کدها
• شروع کار
• دستورات
• توضیحات/Comment
• متغییرها
• انواع داده
• عملگرها
• دستورات شرطی
• دستور switch
• توابع
• حلقه ها
• حلقه while
• دستور break
• حلقه For … In
• مدیریت خطاها
• اعتبارسنجی فرم

معرفی و کار با Css

• معرفی و تعریف انواع Selectorها در CSS
• سلکتور class
• سلکتور id
• سلکتور tag
• سلکتور attribute
• سلکتور های تو در تو
• سلکتور هم خانواده
• تلفیق سلکتورها
• برخی از سلکتورهای CSS3
• نحوه تعریف اصولی سلکتورها
• معرفی انواع Property ها و Valueهای CSS
• استایل پس زمینه
• استایل لینک
• استایل لیست ها
• استایل جداول
• استایل فونت
• استایل های Box
• استایل های Border
• استایل های Margin و Padding
• استایل های نمایش و ابعاد
• استایل های Position و Float

کار با Bootstrap 3

• مروری بر Bootstrap
• HTML 5 doctype
• Mobile First
• Containerها
• سیستم چینش صفحه
• سایز صفحه
• دستگاه های با صفحه نمایش کوچک
• دستگاه های با صفحه نمایش متوسط
• دستگاه های با صفحه نمایش بزرگ
• گزینه های گرید
• مثال چینش افقی
• مثال موبایل و دسکتاپ
• مثال موبایل، تبلت، و دسکتاپ
• تغییرات ستون ها برای حالت Responsive
• افست کردن ستون ها
• تو در تو کردن ستون ها
• ترتیب ستون ها
• ساختار فونت ها
• سرصفحه ها
• بدنه صفحه
• تراز کردن متن
• رنگی کردن متن ها
• لیست ها
• لیست های فاقد شماره
• لیست های شماره دار
• لیست های فاقد استایل
• لیست های Inline
• جدول ها
• یک مثال ساده
• رنگی کردن یکی در میان ردیف ها
• جدول های دارای Border
• ردیف های دارای Hover
• جدول های فشرده
• استایل های خاص برای ردیف ها
• جدول های Responsive
• فرم ها
• یک مثال ساده
• فرم های Inline
• فرم های افقی
• کنترل هایی که پشتیبانی می شوند
• Inputها
• TextArea
• CheckBoxو Radioها
• Selectها
• کنترل ها Static
• حالت های فرم
• Input Focus
• Inputهای Disableشده
• Fieldsetهای Disable
• حالت های اعتبارسنجی
• سایز بندی کنترل ها
• مشخص کردن ارتفاع
• مشخص کردن ستون
• متن کمکی
• دکمه ها
• گزینه های در دسترس
• سایزها
• تصاویر

جهت انجام تمرینات کلاسی به همراه داشتن کامپیوتر شخصی در این دوره توصیه میشود