کارگاه آموزش تبدیل PSD به یک صفحه وب همراه با jQuery

کارگاه آموزش تبدیل PSD به یک صفحه وب همراه با jQuery


موضوع دوره :

  • مروری بر XHTML و CSS
  • آموزش کامل تبدیل PSD به XHTML
  • نکات و تکنیک های SEO در تبدیل قالب
  • استفاده از jQuery SlideShow و نحوه Customize کردن آن

پیش نیاز:

گذراندن دوره HTML و CSS را ازپایه یاد بگیرید و یا آشنایی با مفاهیم طراحی سایت (HTML و CSS)

مخاطبین دوره:

  • برای گرافیستها و طراحان وب بسیار مناسب می باشد زیرا میتوانند قالب های طراحی شده در فتوشاپ را به XHTML تبدیل نمایند.
  • افرادی که می‌خواهند قالب هایی که قبلا طراحی شده است را به XHTML تبدیل نمایند.
  • افرادی که می‌خواهند قالب های انگلیسی را به فارسی تبدیل کنند.
  • افرادی که می‌خواهند وارد حوزه طراحی وب سایت شوند.

توجه:

- هنرجویان قبلی آکادمی مجیدآنلاین از تخفیف 10% در این دوره برخوردار خواهند بود.
- پذیرایی میان وعده و ناهار بر عهده ی آکادمی مجیدآنلاین می‌باشد.


انتظار دوره:

پس از پایان دوره از دانشجو انتظار می رود بتواند یک فایل PSD لایه باز که به ایشان داده می شود را بصورت کامل به XHTML تبدیل کنند. همچنین مبانی طراحی وب سایت را فرا گیرند.

مباحث اصلی و کلی دوره :


نمونه قالبی که در این کلاس به یک صفحه وب تبدیل خواهد شد - برای مشاهده تصویر کامل کلیک کنید
  • اصول HTML و XHTML
    • معرفی HTML و XHTML
    • طراحی صفحه XHTML بصورت Transitional و Strict
    • کار با تگ های رایج و متداول HTML
    • معرفی Attribute های تگ ها
    • بررسی دقیق تگ های فرم سازی
    • تگ های پیشرفته HTML
  • کار با CSS
    • تعاریف اولیه CSS
    • انواع Selectorها
      • سلکتور Class
      • سلکتور ID
      • سلکتور Tag
      • سلکتور Attribute
      • سلکتورهای تو در تو
      • سلکتورهای گروهی
    • معرفی انواع Property ها و Valueهای CSS
      • استایل متن
      • استایل پس زمینه
      • استایل لینک
      • استایل لیست ها
      • استایل جداول
      • استایل فونت
      • استایل های Box
        • استایل های Border
        • استایل های Margin و Padding
      • استایل های نمایش و ابعاد
      • استایل های Position و Float
    • معرفی انواع ابعاد و رنگ ها در CSS
    • تکنیک های ساخت منو، کار با لایه ها، تغییر در فرمها و...
    • کار با CSS Sprite
    • کار با CSS Media
    • کار با CSS Pseudo
  • نکات طراحی قالب (تمپلیت)
    • تکنیک طراحی قالب های Fix و Stretch
    • طراحی قالبهای Table less
    • طراحی لایه ها در صفحه وب
    • تکنیک طراحی قالب متناسب با تمامی مرورگرها
  • کار با فتوشاپ
    • تکنیک های Slice کردن عناصر قالب
    • ذخیره سازی تصاویر و معرفی انواع فرمت های تصاویر در وب
    • تکنیک های انتخاب تصویر
  • تبدیل قالب PSD به XHTML
    • طراحی قالب دو ستونه یا سه ستونه
    • ساخت اصولی منو
    • ساخت منوهای Dropdown
    • تکنیک های Tile کردن تصاویر
    • تکنیک های استفاده از تگ های Heading برای عناوین بخشها
    • تکنیک های تعریف کلید ها توسط تگ A
    • ساخت Box با گوشه های منحنی در XHTML
    • کار با فرمها و استایل دهی فرمها
  • استفاده از jQuery در قالب
    • معرفی کلی jQuery
    • نحوه استفاده از jQuery
    • قراردادن Slideshow در قالب
    • نحوه Customize کردن پلاگین Slideshow
کد دوره : MO0102

اخبار آکادمی مجیدآنلاین

معرفی اساتید

معرفی متین نخل احمدی

متین نخل احمدی

طراح و مدرس گرافیک و جلوه های ویژه بصری

نظرات هنرجویان

  • سید امیرمحمد تجاره (کارگاه تبدیل قالب PSD به XHTML همراه با jQuery) :

    اگر میخواهید یک قالب PSD را به XHTML تبدیل کنید، به شما این دوره آموزشی را پیشنهاد میکنم که بی شک با توان بالای استاد علوی زاده، شما نیز حرفه ای خواهید شد.

  • عاتکه زاهدی فر (HTML و CSS را از پایه یاد بگیرید) :

    توانایی استاد در انتقال مطالب بسیار بالا بود. برخورد ایشان بسیار مناسب و محیط آموزشگاه بسیار دوستانه و صمیمی بود. برخورد استاد در برابر خطاهای دانشجویان بسیار مناسب بود و این باعث دلگرمی میشد.

  • هاله هفت لنگ (کارگاه تبدیل قالب PSD به XHTML همراه با jQuery) :

    بسیار خوب و مفید بود.

  • سامی.و (تبدیل قالب) :

    من در دوره طراحی سایت آکادمی مجیدآنلاین شرکت کردم و در حالِ حاضر در همین زمینه فعالیت میکنم. این دوره برای من بسیار مفید بود و از آقای علویزاده و این مجموعه متشکرم.