دوره طراحی وب

مروری بر دوره

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

.

نمونه تدریس اساتید

Aparat Video URL
تدریس آنلاین (Live)

سرفصل ها

ابتدا با اصول اولیه و اصطلاحات مربوط با طراحی وب سایت آشنا می شویم

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

سپس شروع به فراگیری اصول کدنویسی,HTMLخواهیم نمود

  • مفهوم HTML
  • تاریخچه HTML وبررسی نسخه های آن
  • XHTML و تفاوت آن با HTML
  • بررسی انواع استانداردهای صفحات وب
  • بررسی ساختار تگ ها
  • بررسی عناصر اصلی صفحه
  • آشنایی با تگ های بخش عنوان
  • قوانین صفت ها
  • ایجاد و ذخیره اولین صفحه وب

آشنایی با تگ های اصلی و پایه

  • کار کردن با متن ها و اعمال تغییرات روی آنها
  • بررسی کلی صفت ها
  • آشنایی با سبک های فیزیکی و منطقی
  • توضیح ها و نقل قول ها
  • آشنایی با انواع لینک ها درHTML
  • بررسی تگ های مربوط به لینک ها
  • آشنایی با عناصر بلاکی ودرون خطی
  • کار با تصاویر در HTML
  • آشنایی با محیط های کد نویسی و مقایسه آنها
  • تقسیم بندی اطلاعات با لیست ها در HTML
  • کار با جداول
  • ایجاد فرم ها وبررسی انواع فیلد ها
  • ایجاد صفحات چند گانه در HTML
  • بررسی خطاها و Validate کردن XHTML
  • آشنایی با تگ div
  • آشنایی با تگ Span
  • قالب بندی صفحات وب با استفاده از تگ div

پس از آشنایی با HTML شروع به یادگیری css خواهیم کرد

  • معرفی و بررسی انواع سلکتور ها در cssنسخه های آن
  • نحوه تعریف اصولی انواع سلکتور ها
  • بررسی property ها و value ها در css
  • اولویت در اعمال استایل‌ها
  • کلاس های کاذب
  • آشنایی با ویژگی !important
  • بررسی مدهای رنگ در css
  • ابعاد صفحه با css
  • بررسی مدل جعبه ای
  • استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
  • بررسی مدل جعبه ای
  • استایل دهی به متن ها,تصاویر,لیست ها,جداول,فرم ها و لینک ها
  • باکس بندی صفحه و کار با سلکتورهای class وId
  • بررسی ویژگی float
  • بررسی انواع position ها در css
  • ساخت انواع منو های آبشاری با استفاده از css
  • طراحی فرم ها و جداول پیشرفته به کمک css
  • بررسی قواعد مربوط به چاپ
  • بررسی خطاها و validate کدهای css

مباحث HTML5

  • معرفی HTML5
  • مستندات HTML5
  • تعریف ساختار صفحه
  • بررسی عناصر مربوط به ساختار صفحه
  • عناصر header,section,article,nav,aside,footer
  • بررسی عناصر جدید اضافه شده
  • فرم ها در HTML5
  • تایپوگرافی
  • پیوست انواع فونت دلخواه به صفحه
  • صوت و تصویر در HTML5
  • بررسی تگ svg
  • بررسی تگ canvas
  • راه کارهای هماهنگی HTML5 با تمامی مرورگرها
  • تبدیل یک قالب با استاندارد XHTML به قالب با استاندارد های HTML5
  • API ها

شروع CSS3

  • معرفی CSS3
  • بررسی ویژگی های جدید
  • بررسی گزینش گرهای اضافه شده
  • مرجع قوانین CSS
  • رنگ ها در CSS3
  • ایجاد سایه ها
  • ایجادگوشه های گرد و اشکال هندسی
  • توالی رنگ ها
  • دستورات جدید تصاویر
  • تغییر شکل ها
  • حرکات انتقالی
  • انیمیشن ها
  • دستورات جدید تصاویربررسی نکات مربوط به اجرای css3 در تمامی مرور گرها
  • بررسی طراحی واکنش گرا
  • استفاده از Media query ها

ریسپانسیو

  • آشنایی با فریم ورک های طراحی وب سایت
  • Bootstrap
  • Foundation
  • Media query ها

مباحث مربوط به فتوشاپ

  • کاربردپذیری
  • المان های یک Application
  • المان های اخطار دهنده
  • المان های

مباحث مربوط به Userinterface

سپس به یادگیری jQuery و آشنایی با وردپرس میپردازیم.

پیش نیازها

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

تقویم دوره

در حال حاضر تقویمی برای این دوره تعریف نشده است.

نظرات

به عنوان اولین نفر، نظر خود را بنویسید!

متن ساده

  • تگ‌های HTML مجاز نیستند.
  • خطوط و پاراگراف‌ها بطور خودکار اعمال می‌شوند.
  • Web page addresses and email addresses turn into links automatically.

پاپ آپ

تصویر
کمپین روز دانشجو

 

 

مشاهده جزئیات