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

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

معرفی اساتید

معرفی مجید علوی زاده

مجید علوی زاده

طراح و برنامه نویس وب، موسس وب سایت مجیدآنلاین

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

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

    در کل میتونم بگم که این کلاس ها در درک مفاهیم اولیه این دروس به من خیلی کمک کرد و من شخصا این رو به علاقه مندان یادگیریش پیشنهاد میکنم.

  • بهناز درویشی (HTML و CSS را از پایه یاد بگیرید) :

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

  • امیرحسین عافیت طلب (HTML و CSS را از پایه یاد بگیرید) :

    از اینکه در این دوره شرکت کردم، کاملا راضی هستم و از شیوه ی تدریس جناب علوی زاده، که کاملاً تعاملی برگزار کردند، سپاسگزارم. ایشان مطالب را به صورت عالی به کاربران منتقل می کنند.

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

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