پنجشنبه 19 تیر 1399

مشخصات دوره

  • عنوان دوره : Web Design I - HTML, CSS, Javascript, JQuery, Ajax
  • زبان دوره : فارسی

طراحی صفحات وب سایت یکی از حرفه های پرطرفدار با بازار کاری گسترده بوده که نیازمند آموزش های عملی و کاربردی در این زمینه می باشد. شرکت ایده پردازان نسل آریا به منظور رفع نیاز علاقه مندان این حوزه، اقدام به برگزاری دوره آموزش طراحی سایت با سرفصل های عملی و به روز نموده است. دانشجویان در دوره جامع آموزش طراحی سایت یا آموزش طراحی وب استاتیک با زبان های پایه برنامه نویسی وب به صورت عملی آشنا خواهند شد. این دوره ی آموزشی که دانشی پایه و پیش نیاز تمامی دوره های طراحی وب از جمله دوره برنامه نویسی وب داینامیک، آموزش طراحی وب سایت پیشرفته می باشد، می تواند به صورت مهارتی مستقل برای علاقه مندان و نیز یک تخصص تکمیلی برای طراحان گرافیک، فرصت های شغلی بسیاری را به همراه داشته باشد. کسانی که از طراحی وب سایت اطلاعی ندارند و می خواهند طراحی وب سایت را از ابتدا و به صورت کاملا حرفه ای و در محیطی کاملا عملی و پروژه ای یاد بگیرند می توانند در دوره آموزش طراحی سایت شرکت کنند. به افراد شرکت کننده در این دوره نرم افزار فتوشاپ جهت طراحی نمونه اولیه مربوط به وب سایت هم آموزش داده می شود.

دوره آموزش جامع طراحی سایت شامل آموزش تمامی موارد زیر می باشد که در دو سطح به دانشجویان آموزش داده می شود:

  • Web Design I (HTML,CSS,Javascript,JQuery,JQuery UI,Ajax)
  • Web Design II (Responsive Design with Bootstrap, Less & Sass)

در این دوره ها علاوه بر این مهارت ها با نرم افزار Photoshop آشنا خواهید شد و نحوه تنظیم نمونه اولیه یک وب سایت را در فتوشاپ فرا خواهید گرفت.

مخاطبان دوره آموزش طراحی سایت

تمامی کسانی که میخواهد طراحی وبسایت را از صفر تا صد و با کیفیت بالا یاد بگیرد بدون اینکه نیازی به شرکت های مرتبط داشته باشد.

  • وبلاگ نویسان و علاقمندان
  • طراحان حرفه ای وب سایت
  • نویسندگان محتوای وب
  • بازاریابان
  • توسعه دهندگان نرم افزار وب و برنامه نویسان
اهداف دوره آموزش طراحی سایت

پس از اتمام این دوره آموزشی طراحی وب سایت، شما قادر خواهید بود به:

  • طراحی صفحات وب ضد اسپم
  • طراحی وب سایت رسپانسیو متناسب با تمام دستگاه ها به عنوان مثال: رایانه های شخصی، تبلت، موبایل و غیره
  • طراحی وب سازگار با استانداردهای W3C
پیش نیازهای دوره

با توجه به اینکه این دوره آموزشی به صورت جامع می باشد و شما پس از پایان دوره میتوانید هر نوع وب سایتی و با هر امکاناتی را از ۰ تا ۱۰۰ طراحی کنید، و تمامی مباحث آموزش داده می شود، بنابراین آشنایی با کامپیوتر و اینترنت برای این دوره کفایت می نماید.

بازار کار طراحی سایت

با فراگیر شدن استفاده از اینترنت و سهولت دسترسی به سایت های اینترنتی، بسیاری از افراد و شرکت ها در صدد داشتن یک وب سایت هستند. برخی نیز از این بازار بهره برده و اقدام به ایجاد کسب و کاری اینترنتی کرده اند. با داغ شدن خرید و فروش در حوزه وب و مملو شدن وب سایت ها از بازدید کنندگان خریدار، بسیاری از افراد به دنبال فراگیری دوره های طراحی و برنامه نویسی وب هستند تا این که بتوانند به این بازار پر هیاهو وارد شوند. در حال حاضر اکثر قریب به اتفاق تمامی ارگان های دولتی و شرکت ها دارای وب سایت می باشند و اطلاعات خود را از این طریق به شهروندان ارائه می کنند. این وب سایت ها به سه طرح ممکن است طراحی شده باشند : اول اینکه واحد انفورماتیک سازمان مورد نظر این سایت را طراحی کرده باشد، دوم اینکه یک شرکت طراحی وب در قالب یک قرارداد این طراحی و ساخت را انجام داده باشد و یا اینکه سایت سازمان توسط یک شخص طراح وب و با قرارداد شخصی طراحی شده باشد. در هر یک از موارد فوق کار توسط طراح وب و برنامه نویس های وب صورت گرفته که شما می توانید یکی از آنها باشید. ازجمله مشاغلی که برای متخصصین طراحی وب سایت وجود دارد:

  • شرکت های طراحی وب سایت
  • بخش فناوری اطلاعات سازمانهای بزرگ دولتی و یا شرکت های خصوصی
  • اشتغال به صورت مستقل و پروژه ای
  • مدیریت تیم طراحی یا مدیر محتوای سایت
  • وب مستر شرکت های خصوصی و ….

توجه داشته باشید طراحی وب سایت در زمینه اشتغال بسیار وسیع می باشد و روز به روز در حال گسترش می باشد.

مزیت های دوره طراحی سایت شرکت ایده پردازان نسل آریا
  • انتخاب روز و ساعت کلاس توسط خود شخص شرکت کننده
  • انجام پروژه های عملی در طول دوره و اشنایی با بازار کار
  • انجام پروژه های کامل طراحی سایت در طول دوره
  • جلسات مجزای رفع اشکال رایگان حضوری پس از اتمام دوره آموزشی
  • رفع اشکال آنلاین و اختصاصی

  • ابتدا با اصول اولیه و اصطلاحات مربوط با طراحی وب سایت آشنا می شویم
    • آشنایی با اصطلاحات
    • آشنایی با ابزارهای لازم برای طراحی یک سایت
    • نکات و راه کارهای مربوط به ثبت و انتخاب دامین مناسب
    • نکات و راه کارهای مربوط فضای میزبانی
    • آشنایی کامل با هاست وپنل های مدیریت آنها
    • آشنایی با تکنیک های بازاریابی
    • بررسی قرار دادهای طراحی وب سایت
    • روانشناسی رنگ ها برای انتخاب ترکیب رنگ مناسب وب سایت
    • اصول انتخاب صحیح رنگ ها متناسب با کاربرد وب سایت
    • راه های انتخاب رنگ استاندارد برای یک قالب وب
    • متدهای بنیادی طراحی وب
    • آشنایی با محیط های کد نویسی و مقایسه آنها
  • اصول کدنویسی HTML و HTML5
    • مفهوم HTML
    • تاریخچه HTML وبررسی نسخه های آن
    • XHTML و تفاوت آن با HTML
    • بررسی انواع استانداردهای صفحات وب
    • بررسی ساختار تگ ها
    • بررسی عناصر اصلی صفحه
    • آشنایی با تگ های بخش عنوان
    • قوانین صفت ها
    • ایجاد و ذخیره اولین صفحه وب
    • آشنایی با تگ های اصلی و پایه
    • کار کردن با متن ها و اعمال تغییرات روی آنها
    • بررسی کلی صفت ها
    • آشنایی با سبک های فیزیکی و منطقی
    • توضیح ها و نقل قول ها
    • آشنایی با انواع لینک ها در HTML
    • بررسی تگ های مربوط به لینک ها
    • آشنایی با عناصر بلاکی ودرون خطی
    • کار با تصاویر در HTML
    • آشنایی با محیط های کد نویسی و مقایسه آنها
    • تقسیم بندی اطلاعات با لیست ها در HTML
    • کار با جداول
    • ایجاد فرم ها وبررسی انواع فیلد ها
    • ایجاد صفحات چند گانه در HTML
    • بررسی خطاها و Validateکردن XHTML
    • آشنایی با تگ div
    • آشنایی با تگ Span
    • معرفی HTML5
    • مستندات HTML5
    • تعریف ساختار صفحه
    • بررسی عناصر مربوط به ساختار صفحه
    • عناصر header,section,article,nav,aside,footer
    • بررسی عناصر جدید اضافه شده
    • فرم ها در HTML5
    • تایپوگرافی
    • پیوست انواع فونت دلخواه به صفحه
    • صوت و تصویر در HTML5
    • بررسی تگ svg
    • بررسی تگ canvas
    • راه کارهای هماهنگی HTML5 با تمامی مرورگرها
    • تبدیل یک قالب با استاندارد XHTML به قالب با استاندارد های HTML5
    • API ها
  • پس از آشنایی با HTML5 شروع به یادگیری CSS3 خواهیم کرد
    • معرفی و بررسی انواع سلکتور ها در نسخه های آن CSS
    • نحوه تعریف اصولی انواع سلکتور ها
    • بررسی property ها و value ها در CSS
    • اولویت در اعمال استایلها
    • کلاس های کاذب
    • آشنایی با ویژگی ! important
    • بررسی مدهای رنگ در CSS
    • ابعاد صفحه با CSS
    • بررسی مدل جعبه ای
    • استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
    • بررسی مدل جعبه ای
    • استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
    • باکس بندی صفحه و کار با سلکتورهای Classو Id
    • بررسی ویژگی float
    • بررسی انواع position ها در CSS
    • ساخت انواع منو های آبشاری با استفاده از CSS
    • طراحی فرم ها و جداول پیشرفته به کمک CSS
    • بررسی قواعد مربوط به چاپ
    • بررسی خطاها و validate کدهای CSS
    • معرفی CSS3
    • بررسی ویژگی های جدید
    • بررسی گزینش گرهای اضافه شده
    • مرجع قوانین CSS3
    • رنگ ها در CSS3
    • ایجاد سایه ها
    • ایجادگوشه های گرد و اشکال هندسی
    • توالی رنگ ها
    • دستورات جدید تصاویر
    • تغییر شکل ها
    • حرکات انتقالی
    • انیمیشن ها
    • دستورات جدید تصاویربررسی نکات مربوط به اجرای CSS3 در تمامی مرور گرها
    • بررسی طراحی واکنش گرا
    • استفاده از Media query ها
  • مباحث مربوط به فتوشاپ
    • نحوه ایجاد یک Prototype در فتوشاپ
  • مباحث مربوط به User Interface
  • آموزش جاوا اسکریپت
    • آموزش شروع به استفاده از جاوا اسکریپت
    • مقدمه ای بر جاوا اسکریپت
    • ساختار کدهای جاوا اسکریپت
    • نوشتن دستورهای شرطی
    • کارکردن با عملگرها
    • بررسي حلقه ها و ساختار هاي کنترلي در جاوا
    • حلقه سازی در جاوا اسکریپت
    • ساخت توابع در JavaScript
    • کارکردن با رخدادها و Event Listener ها
    • آشنایی با برخی خطاهای رایج جاوا اسکریپت
    • استفاده از جاوا اسکریپت برای مدیریت داده های فرم ها
    • جلوگیری از ارسال یک فرم با داده های نامعتبر به سرور
    • متغير ها در جاوا اسکريپت
  • آموزش JQuery
    • مقدمه ای بر jQuery
    • ایجاد یک صفحه ساده دارای jQuery
    • بازیابی محتوای صفحه با jQuery
    • انیمیشن ها و افکت ها در jQuery
    • مخفی سازی و نمایش المان ها بوسیله jQuery
    • توضیح کامل JQuery UI
  • AJAX چیست؟
    • استفاده مستقیم از XMLHttpRequest
    • تاریخچه Ajax
    • کامپوننت های Ajax
    • ساخت یک پروژهAjax
    • کار با کنترل UpdatePanel
    • بهینه سازی UpdatePanel
    • ساخت trigger برای UpdatePanel
    • مدیریت خطاها در AJAX
    • مدیریت سمت سرور و کلاینت در AJAX
    • آموزش کامل کار با Ajax Control Toolkit