کارگاه آموزش تبدیل 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 به یک صفحه وب همراه با jQuery) :

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

  • س. حق وردی (HTML و CSS را از پایه یاد بگیرید) :

    دوره مفید و کاملی بود. با تشکر

  • فرزانه کمالی (HTML و CSS را از پایه یاد بگیرید) :

    مزیت کلاس های آموزشی مجیدآنلاین همزمانی دانش و تجربه در طی فرآیند آموزش است. این امر اعتماد هنرجو به مسیر پیش رو را بیشتر میکند و انگیزه را افزایش میدهد.