کارگاه آموزش تبدیل 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

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

معرفی اساتید

معرفی رامین خطیبی

رامین خطیبی

طراح تجربه‌ی کاربری و رابط کابری برای اپلیکیشن‌های موبایل

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

  • فتانه شاملو راد (کارگاه آموزش jQuery) :

    دوره ی کارگاه jQuery مثل دیگر دوره هایی که توسط آقای علوی زاده ارائه می شوند، بسیار عالی و کافی بود. میزان اطلاع من از jQuery از 10 به حداقل 80 ارتقاء پیدا کردو به کلیه انتظارات من از کلاس و حتی بیشتر پاسخ داده شد.

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

    دوره بسیار عالی برای من بود و تمامی انتظارات من برآورده شد. از نقاط مثبت دیگر، استاد دوره هستند که بسیار با سواد بوده و رفتاری دوستانه دارند.

  • محمدحسین سقط فروش (کارگاه آموزش تبدیل PSD به یک صفحه وب همراه با jQuery) :

    یکی از مفیدترین و بهترین دوره ها برای حرفه ای شدن در مبحث Web Designing

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

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