توضیحات
دوره جامع طراحی وب دوره کاملا عملی و پروژه محور به مدت 60 ساعت برگزار خواهد شد
مروری بر دوره
در بخش اول این دوره با مفاهیم و اصطلاحات و ابزارهای اولیه طراحی وب آشنا میشوید و سپس با فراگیری کامل اصول طراحی رابط کاربری شروع به طراحی قالب دلخواه برای وبسایت در نرم افزارهای گرافیکی میکنید در بخش دوم وارد مفاهیم جامع کدنویسی و کدنویسی قالب(فرانتاند) میشویم. ابتدا با اصول HTML آشنا شده بعد به کمک CSS طرح دلخواه خود را پیاده میکنیم سپس با استفاده از HTML5 & CSS3 جلوههای پیشرفته به قالب اضافه میکنیم و در نهایت با فراگیری اصول اولیه جاوا اسکریپت و آشنایی با Jquery پروژه خود را نهایی میکنیم.
سرفصلها:
- آشنایی با مفاهیم اولیه
- آشنایی با اصطلاحات
- آشنایی با ابزارهای لازم
- نکات و راه کارهای مربوط به ثبت و انتخاب دامین مناسب
- نکات و راه کارهای مربوط فضای میزبانی
- آشنایی کامل با هاست وپنل های مدیریت آنها
- آشنایی با تکنیک های بازاریابی
- بررسی قرار دادها
- Front-End
- مفهوم HTML
- تاریخچه HTML وبررسی نسخه های آن
- XHTML و تفاوت آن با HTML
- بررسی انواع استانداردهای صفحات وب
- بررسی ساختار تگ ها
- بررسی عناصر اصلی صفحه
- آشنایی با تگ های بخش عنوان
- قوانین صفت ها
- ایجاد و ذخیره اولین صفحه وب
- کار کردن با متن ها و اعمال تغییرات روی آنها
- بررسی کلی صفت ها
- آشنایی با سبک های فیزیکی و منطقی
- توضیح ها و نقل قول ها
- آشنایی با انواع لینک ها درHTML
- بررسی تگ های مربوط به لینک ها
- آشنایی با عناصر بلاکی ودرون خطی
- کار با تصاویر در HTML
- آشنایی با محیط های کد نویسی و مقایسه آنها
- تقسیم بندی اطلاعات با لیست ها در HTML
- کار با جداول
- ایجاد فرم ها وبررسی انواع فیلد ها
- ایجاد صفحات چند گانه در HTML
- آشنایی با تگ div
- آشنایی با تگ Span
- قالب بندی صفحات وب با استفاده از تگ div
- معرفی و بررسی انواع سلکتور ها در cssنسخه های آن
- نحوه تعریف اصولی انواع سلکتور ها
- بررسی property ها و value ها در css
- اولویت در اعمال استایلها
- کلاس های کاذب
- آشنایی با ویژگی !important
- بررسی مدهای رنگ در css
- ابعاد صفحه با css
- بررسی مدل جعبه ای
- استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
- بررسی مدل جعبه ای
- استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
- باکس بندی صفحه و کار با سلکتورهای class وId
- بررسی ویژگی float
- بررسی انواع position ها در css
- ساخت انواع منو های آبشاری با استفاده از css
- طراحی فرم ها و جداول پیشرفته به کمک css
- بررسی قواعد مربوط به چاپ
- بررسی خطاها و validate کدهای css
- معرفی HTML5
- مستندات HTML5
- تعریف ساختار صفحه
- بررسی عناصر مربوط به ساختار صفحه
- عناصر header,section,article,nav,aside,footer
- بررسی عناصر جدید اضافه شده
- فرم ها در HTML5
- تایپوگرافی
- پیوست انواع فونت دلخواه به صفحه
- صوت و تصویر در HTML5
- بررسی تگ svg
- راه کارهای هماهنگی HTML5 با تمامی مرورگرها
- API ها
- معرفی CSS3
- بررسی ویژگی های جدید
- بررسی گزینش گرهای اضافه شده
- مرجع قوانین CSS
- رنگ ها در CSS3
- ایجاد سایه ها
- ایجادگوشه های گرد و اشکال هندسی
- توالی رنگ ها
- دستورات جدید تصاویر
- تغییر شکل ها
- حرکات انتقالی
- انیمیشن ها
- دستورات جدید تصاویربررسی نکات مربوطبه اجرایcss3 در تمامی مرور گرها
- بررسی طراحی واکنش گرا
- استفاده از Media query ها
- Media query ها
- آشنایی با مفاهیم جاوا اسکریپت
- آشنایی با مفاهیم JQuery
- بررسی پلاگین های پرکاربرد
- نحوهی قراردادن کدهای جاوا اسکریپت
- کنسول
- متغیرها
- انتخاب المان های HTML
- رویدادها و ایونت ها
- آشنایی با فریم ورک های JS
- آشنایی با فریم ورک های طراحی وب
- بوت استرپ
- طراحی و پیاده سازی به کمک بوت استرپ