آموزش طراحی وب

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

[ تهران ] در این دوره طراحی گرافیک وب ، کدنویسی html5 , css3 , jquery ، مبانی جی کوئری و سئو ، ساخت پوسته وردپرس طی یک پروژه ی عملی آموزش داده خواهد شد .

کلیه مباحث آموزشی که در این دوره لحاظ شده است در قالب یک پروژه عملی آموزش داده خواهد شد به عبارت دیگر شما کلیه ابزارها و تکنیک ها را در حین آموزش یاد خواهید گرفت که میتواند بسیار مطلوب باشد . در کنار مباحث عملی ، آموزشی های علمی و مبانی تئوری نیز به شما آموزش داده خواهد شد تا هم از نظر توانایی عملی بتوانید پروژه های آینده خود را تامین کنید و هم از نظر علمی بتوانید تحلیل های صحیحی را انجام دهید . در این دوره ی آموزشی با استانداردها ، اصول و مفاهیم وب آشنا خواهید شد . در پایان این دوره آموزشی ، شما قادر خواهید بود ، سبک های مختلف طراحی UI را شناسایی و تحلیل کرده و بتوانید توسط نرم افزار فتوشاپ و برخی نرم افزارهای کاربردی ترکیبی دیگر ، طراحی گرافیک قالب های وب سایت را به بهترین نحو انجام دهید . همچنین تبدیل PSD به HTML5 , CSS3 , Jquery بصورت Full CSS و تبدیل آن به پوسته ی وردپرس بصورت حرفه ای را به طور کامل میاموزید . پس از این دوره شما می توانید در هر کجا که میخواهید مشغول به کار شوید و یا برای خود کسب و کار راه اندازی کنید .

این دوره طی ۱۴ مرحله به شما آموزش داده خواهد شد :

  • مروری بر مبانی وب
  • معرفی ابزارهای طراحی گرافیک و سبک های گرافیک وب
  • آموزش نرم افزار فتوشاپ به جهت طراحی گرافیک قالب وبسایت
  • آموزش نکات و تکنیک های گرافیکی و طراحی قالب طی یک پروژه ی عملی
  • معرفی ابزارها ، جهت سرعت بخشیدن به کدنویسی
  • مروری بر عناصر HTML4 و CSS2.1
  • معرفی عناصر Sematic و ساختار HTML5
  • تبدیل PSD طراحی شده به کد ، با تکنولوژی های Html5 , Css3 , Jquery  طی یک پروژه عملی با رعایت اصول سئو
  • آموزش استفاده از فونت های استاندارد فارسی
  • آموزش استفاده از فونت ها بجای آیکون ها جهت بالا بردن سرعت بارگزاری سایت و استانداردسازی کدنویسی
  • آموزش استفاده از livicon ها در کدنویسی
  • آموزش ایجاد فایل های SVG و کار با این فایل ها
  •  مروری بر سایت های single page
  • آموزش اصول سئو برای بالا بردن جایگاه شما در موتورهای جستجوگر و نحوه ی ثبت سایت در آنها

 

چه قابلیت هایی در کدنویسی قالب آموزش داده خواهد شد ؟ 

  •     سازگاری صفحه ی وب با تمامی مرورگرهای مدرن و مرورگرهای نسبتا قدیمی
  •    Video و audio در html5
  •    Validate کردن فرم ها و اعتبارسنجی مقادیر فرم ها در html5
  •    modernizr در HTML5
  •    SVG در HTML5
  •    پیوست فونت های فارسی به صفحه ی وب
  •    استفاده از فونت ها بجای آیکون ها برای افزایش سرعت
  •    منو و زیر منو (منوی آبشاری) با استفاده از تکنیک های CSS3
  •    Animation در CSS3
  •    Effect های CSS3
  •    Gradient در CSS3
  •    Text-shadow در CSS3
  •    transform در CSS3
  •    Box-shadow در CSS3
  •    Border-radius در CSS3
  •    Multiple Columns در CSS3
  •    Transition ها در CSS3
  •    چرخش متون در CSS3
  •    Effect های جی کوئری

 

گواهینامه پایان دوره

پس از گذراندن این دوره ، از شما یک آزمون عملی گرفته خواهد شد و به دانشجویانی که نمره A و B را کسب کنند ، گواهینامه پایان دوره از طرف مدرسه مجازی ایرانیان اهداء خواهد شد .

 

پیشنهاد موقعیت های شغلی به دانشجویان مدرسه مجازی ایرانیان

دانشجویانی که در آزمون عملی نمره A را کسب نمایند ، در لیست متقاضیان قرار میگیرند و به شرکت های معتبر معرفی خواهند شد.

سرفصل گرافیک

  • مباحث اولیه و انواع سبک های طراحی گرافیک وب
    • معرفی انواع سبک های گرافیکی طراحی وب اعم از فانتزی ، فلت ، سکیومورفیزم ، بلار و …
    • نحوه ی انتخاب سبک گرافیکی برای طراحی یک وب سایت
    • مقایسه و معرفی المنت های سبک های مختلف و بررسی ویژگی های منحصر به فرد آنها
    • مقایسه و معرفی رنگ های قابل استفاده در سبک های مختلف گرافیکی
    • معرفی نرم افزار های مورد استفاده در طراحی گرفیک وب
  • مباحث اولیه در نرم افزار فتوشاپ
    • تنظیمات نرم افزار فتوشاپ و شخصی سازی آن
    • مفهوم سند و ایجاد صحیح یک سند گرافیگی
    • نحوه ی استاندارد چیدمان عناصر و بخش ها در یک قالب وب سایت
    • معرفی انواع واحدهای اندازه گیری و انتخاب صحیح واحد اندازه گیری
    • مفهوم رزلوشن و انتخاب رزلوشن صحیح
  • ابزار ها در فتوشاپ
    • مفهوم Mode ها و کانال های رنگی مانند RGB , CMYK , GrayScale و …
    • مفهوم Ruler و Snap و Guideline ، تنظیم و استفاده ی صحیح از آن ها
    • مفهوم Layer و استفاده از Layer ها در فایل پروژه
    • مفهوم Transform و انواع آن و روش استفاده از آنها
    • مفهوم Rectangular Marquee Tool و نحوه استفاده از آن
    • مفهوم Polygonal Lasso Tool و نحوه استفاده از آن
    • مفهوم Magic Wand Tool و نحوه استفاده از آن
    • مفهوم Crop Tool و نحوه استفاده از آن
    • مفهوم Eyedropper Tool و نحوه استفاده از آن
    • مفهوم Brush Tool و History Brush Tool و نحوه استفاده از آن
    • مفهوم Clone Stamp Tool و نحوه استفاده از آن
    • مفهوم Eraser Tool و نحوه استفاده از آن
    • مفهوم Gradiant Tool و نحوه استفاده از آن
    • مفهوم Blur Tool و نحوه استفاده از آن
    • مفهوم Direct Selection Tool و نحوه استفاده از آن
    • مفهوم Shape Tool و نحوه استفاده از آن
    • مفهوم Hand Tool و نحوه استفاده از آن
    • مفهوم Zoom Tool و نحوه استفاده از آن
    • مفهوم Trim و نحوه استفاده از آن
    • مفهوم Canvas Size و نحوه استفاده از آن
  • رنگ ها در طراحی گرافیک وب
    • روانشناسی رنگ و انتخاب صحیح رشته رنگ
    • روش های انتخاب رنگ
    • رنگ در طراحی وب و امکانات پنجره های انتخاب رنگ
    • معرفی نرم افزارها و سایت های جانبی برای انتخاب و ست کردن رنگ ها
    • انواع رنگ های جامد (Solid) ، شیب رنگ (Gradient) و نحوه ی ایجاد و استفاده از آنها
    • مفهوم Level و Hue و نحوه استفاده از آن ها
  • تصویر در طراحی وب
    • نحوه ی صحیح ذخیره سازی و بهینه سازی تصاویر برای استفاده در وب
    • انواع پسوندهای ذخیره سازی تصویر برای استفاده در وب
    • معرفی تصاویر SVG ) آینده تصاویر وب (
    • نحوه صحیح استفاده از تصاویر ، پترن ها و رنگ ها بعنوان پس زمینه ی قالب گرافیکی وب سایت
    • مفهوم شفاف بودن (Transparent) و استفاده از تصاویر شفاف در طراحی
  • برش دهی قالب گرافیکی وب سایت
    • مفهوم برش دهی و ضرورت برش بندی قالب گرافیکی
    • ابزارهای موجود در بخش برش دهی تصاویر
    • ذخیره سازی برش ها
  • متن در طراحی قالب گرافیکی
    • استفاده صحیح از فونت های مناسب
    • سایز مناسب و استاندارد متون در قالب گرافیکی و وب
    • روانشناسی رنگ و انتخاب صحیح رنگ برای متون
    • جلوه های ویژه و افکت های مناسب برای متون
    • ارائه فونت های استاندارد و مکمل به هنرجویان
  • آموزش استفاده از ابزار های خاص
    • نحوه ساخت Pattern و آموزش ساختار صحیح ساخت آن
    • نحوه ساخت Style ها در فتوشاپ
    • نحوه ادغام تصاویر در فتوشاپ برای افزایش جذابیت های گرافیکی
    • نحوه ایجاد جلوه های گرافیکی در طراحی وب سایت
    • نحوه نظر دادن به المنت ها توسط ابزار های تنظیم کننده خودکار
    • نحوه چیدمان المنت های مختلف و روش انتخاب صحیح محل قرارگیری آنها
    • انواع فیلتر های فتوشاپ و آموزش نحوه ی استفاده از آنها
    • تغییر حالت تصاویر معمولی به تصاویر کارتونی
    • طراحی گرافیکی انواع دکمه ) Button )
    • طراحی گرافیکی انواع اسلایدر و اسلایدشو ) Slide Show )
    • طراحی گرافیکی انواع هدر و فوتر ) Header and Footer )
    • طراحی گرافیکی انواع سایدبار ) Side Bar )
    • طراحی گرافیکی انواع فرم ) Form )
    • اصول طراحی به سبک وب ۲ WEB 2.0 )
    • طراحی و ایجاد انواع سایه برای متن ، خطوط و تصاویر
    • ایجاد انواع جلوه های ویژه و افکت های روز دنیای گرافیک

 

سرفصل کدنویسی

  • سازماندهی Document ها برای Web
  • آشنایی با HTML و XHTML
  • ساختار یک فایل HTML
  • معرفی تمامی tag ها و Element های موجود در HTML
  • معرفی Attribute ها و یا خصوصیات
  • فرمت دهی به متون
  • پاراگراف ها در HTML
  • سرتیترها در HTML
  • لیست ها در HTML
  • آشنایی با عنصرهای Block و Inline
  • گروه بندی عناصر با استفاده از   و
  • لینک ها در HTML

o         لینک کردن به دیگر Web Page ها

o         لینک کردن به آدرس های ایمیل

o         لینک کردن بصورت محلی

  • استفاده از تصاویر، صدا، و ویدئو در صفحات وب
  • جدول ها در HTML
  • فرم ها در HTML
  • معرفی تمامی عناصر جدید در HTML5
  • Cascading Style Sheet

o         آشنایی با CSS

o         روش های مختلف استفاده از CSS در صفحه

o         مشخصه های  CSS

o         فرمت دهی متون

o         کلاس های شبه متن

  • آشنایی با مدل Box
  • لینک ها
  • پس زمینه ها
  • لیست ها
  • جدول ها
  • Outline ها
  • شبه کلاس های ‎:focus و ‎:active
  • مشخصه های دیگر

o         مشخصه cursor

o         مشخصه display

o         مشخصه visibility

  • قواعد اضافی

o         قاعده ‎@Import  ماژولار کردن Style Sheet ها

o         قاعده ‎!important

o         قاعده ‎@charset

  • مختصات دهی و چینش با استفاده از CSS

o         مشخصه Position

o         مشخصه های Box Offset

o         مشخصه z-index

o         شناور کردن با استفاده از مشخصه float

o         مشخصه clear

  • خلاصه نویسی دستورات CSS
  • معرفی تمامی مشخصه های جدید CSS3

 

مقدمه ای بر jQuery

  • jQuery  چیست؟
  • افزودن Jquery به صفحه
  • Syntax jQuery
  • نحوه ی کار با jQuery
  • استفاده از کدهای Jquery در صفحه
  • هسته ی jQuery
  • Selector ها در Jquery
  • متدهای CSS در jQuery

o         متد  css(name, value)‎

o         متد  css(name)

o         متد  css(properties)‎

o         متد  addClass

o         متد  removeClass

o         متد  toggleClass

  • رویدادها   (Event)

 

مکان برگزاری ۱۵ روز قبل از برگزاری دوره اعلام خواهد شد .

پیش نیازها

آشنایی با اینترنت

اطلاعات

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

محل برگزاری : تهران

تاریخ شروع : ۱۳۹۳/۵/۱۶

روزهای برگزاری : متعاقبا اعلام می شود

ساعت برگزاری : متعاقبا اعلام می شود

مدت زمان : ۸ جلسه (هر جلسه ۳ ساعت)

شهریه : ۳۵۰۰۰۰ تومان

ظرفیت : ۱۰ نفر

حسین همت یار

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

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

اموزش تصادفی