دوره جامع طراحی وب

توضیحات

دوره طراحی وب که به صورت عملی و پروژه محور به مدت 60 ساعت برگزار خواهد شد.

مروری بر دوره

در بخش اول این دوره با مفاهیم و اصطلاحات و ابزارهای اولیه طراحی وب آشنا می‌شوید و سپس با فراگیری کامل اصول طراحی رابط کاربری شروع به طراحی قالب دلخواه برای وب‌سایت در نرم افزارهای گرافیکی می‌کنید در بخش دوم وارد مفاهیم جامع کدنویسی و کدنویسی قالب(فرانت‌اند) می‌شویم. ابتدا با اصول HTML آشنا شده بعد به کمک CSS طرح دلخواه خود را پیاده می‌کنیم سپس با استفاده از HTML5 & CSS3 جلوه‌های پیشرفته به قالب اضافه می‌کنیم و در نهایت با فراگیری اصول اولیه جاوا اسکریپت و آشنایی با Jquery پروژه خود را نهایی می‌کنیم.

سرفصل‌ها:

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