آموزش تکنیک های تبدیل قالب گرافیکی (PSD) به صفحه وب (HTML+CSS+jQuery+SEO) - فشرده

شروع موضوع توسط Majid ‏23 آگوست 2012 در انجمن دوره های آموزشی مجید آنلاین

  1. Majid

    Majid مدیر سایت عضو کادر مدیریت

    ارسال‌ها:
    9,315
    تشکر شده:
    11,334
    امتیاز دستاورد:
    113
    نام دوره :
    آموزش تکنیک های تبدیل قالب گرافیکی (PSD) به صفحه وب (HTML+CSS+jQuery+SEO) - فشرده

    این دوره بصورت فشرده در دو جلسه برگزار می گردد.

    شامل :
    1. آموزش XHTML
    2. آموزش CSS
    3. تبدیل PSD به XHTML
    4. نکات و تکنیک های SEO در تبدیل قالب
    5. استفاده از jQuery SlideShow و نحوه Customize کردن آن


    [​IMG]برای ثبت نام و کسب اطلاعات بیشتر به صفحه‌ی "یک قالب گرافیکی را به صفحات وب تبدیل کنیم" مراجعه کنید.

    استاد:
    مجید علوی زاده

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

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

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

    در این دوره ابتدا HTML و CSS آموزش داده می شود و سپس وارد مبحث تبدیل قالب های گرافیکی به وب خواهیم شد.


    • اصول 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


    ظرفیت کلاس :
    حداکثر 6 نفر

    محل برگزاری کلاس:
    تهران - کارگر شمالی (آدرس ، کروکی و راههای دسترسی)


    شروع کلاس، شهریه و زمان برگزاری :
    [​IMG]برای ثبت نام و کسب اطلاعات بیشتر به صفحه‌ی "یک قالب گرافیکی را به صفحات وب تبدیل کنیم" مراجعه کنید.

    ثبت نام: (شرایط و نحوه ثبت نام)
    جهت کسب اطلاعات بیشتر و یا ثبت نام در این دوره با شماره تلفن 021-88350136 ، 021-88350137 و یا آدرس ایمیل academy [at] majidonline.com تماس بگیرید.

    دوره های پیشنهادی :
    [​IMG]آموزش نرم افزار فتوشاپ - طراحی قالب گرافیکی Web2
    [​IMG]آموزش نرم افزار فتوشاپ - مقدماتی
    [​IMG]آموزش طراحی پوسته وردپرس و فارسی سازی قالب های وردپرس همراه با پروژه عملی
     
    نوشته شده توسط Majid در ‏23 آگوست 2012
    mohammadjarahi، vahidd.com، alionline1366 و 8 نفر دیگر از این ارسال تشکر کرده اند.

به اشتراک بگذارید