دوره طراحی وب تبریز

دوره جامع طراحی وب طبق سرفصل های ۳ آزمون بین المللی CIW
دوره کاملا عملی و پروژه محور به مدت ۸۰ ساعت برگزار خواهد شد

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

مدارک و آزمون های مرتبط با دوره :
 
CIW Site Development Associate
CIW Advanced HTML5 & CSS3 Specialist
 CIW User Interface Designer 

این دوره بصورت حضوری برگزار خواهدشد.

سرفصل‌ها:

آشنایی با مفاهیم اولیه

·           آشنایی با اصطلاحات

·           آشنایی با ابزارهای لازم

·           نکات و راه کارهای مربوط به ثبت و انتخاب دامین مناسب

·           نکات و راه کارهای مربوط فضای میزبانی

·           آشنایی کامل با هاست وپنل های مدیریت آنها

·           آشنایی با تکنیک های بازاریابی

·           بررسی قرار دادها

Front-End

·           مفهوم HTML

·           تاریخچه HTML وبررسی نسخه های آن

·           XHTML و تفاوت آن با HTML

·           بررسی انواع استانداردهای صفحات وب

·           بررسی ساختار تگ ها

·           بررسی عناصر اصلی صفحه

·           آشنایی با تگ های بخش عنوان

·           قوانین صفت ها

·           ایجاد و ذخیره اولین صفحه وب

·           کار کردن با متن ها و اعمال تغییرات روی آنها

·           بررسی کلی صفت ها

·           آشنایی با سبک های فیزیکی و منطقی

·           توضیح ها و نقل قول ها

·           آشنایی با انواع لینک ها درHTML

·           بررسی تگ های مربوط به لینک ها

·           آشنایی با عناصر بلاکی ودرون خطی

·           کار با تصاویر در HTML

·           آشنایی با محیط های کد نویسی و مقایسه آنها

·           تقسیم بندی اطلاعات با لیست ها در HTML

·           کار با جداول

·           ایجاد فرم ها وبررسی انواع فیلد ها

·           ایجاد صفحات چند گانه در HTML

·           بررسی خطاها و Validate کردن XHTML

·           آشنایی با تگ 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

·           بررسی تگ canvas

·           راه کارهای هماهنگی HTML5 با تمامی مرورگرها

·           تبدیل یک قالب با استاندارد XHTML به قالب با استاندارد های HTML5

·           API ها

·           معرفی CSS3

·           بررسی ویژگی های جدید

·           بررسی گزینش گرهای اضافه شده

·           مرجع قوانین CSS

·           رنگ ها در CSS3

·           ایجاد سایه ها

·           ایجادگوشه های گرد و اشکال هندسی

·           توالی رنگ ها

·           دستورات جدید تصاویر

·           تغییر شکل ها

·           حرکات انتقالی

·           انیمیشن ها

·           دستورات جدید تصاویربررسی نکات مربوط به اجرای css3 در تمامی مرور گرها

·           بررسی طراحی واکنش گرا

·           استفاده از Media query ها

·           Media query ها

·           آشنایی با مفاهیم جاوا اسکریپت

·         نحوه‌ی قراردادن کدهای جاوا اسکریپت

·         کنسول

·         متغیرها

·         مقایسه گرها

·         انتخاب المان های HTML

·         فانکشن

·         آبجکت

·         آرایه ها

·         استرینگ

·         رویدادها و ایونت ها

·         مفاهیم بلاک و Scope

·         آشنایی با فریم ورک های JS

·           آشنایی با مفاهیم  JQuery

·           بررسی پلاگین های پرکاربرد

·          آشنایی با فریم ورک های طراحی وب

·         بوت استرپ

·          طراحی و پیاده سازی به کمک بوت استرپ

·         کارگاه وردپرس