چه دوره ای می خواهید یاد بگیرید؟

آینده خود را با دوره های آموزشی دانشجویار تضمین کنید

بیش از ۱۰ هزار ساعت ویدئوی آموزشی

بیش از ۵۰ هزار دانشجو

بیش از ۳۰۰ مدرس

صفحه نخست
رشته کامپیوتر
برنامه نویسی وب
آموزش BootStrap
آموزش تبدیل فایل PSD به HTML به صورت کاملاً Responsive – پروژه محور
۱۹ نظر
بازدید : 3,894 بازدید
آموزش تبدیل فایل PSD به HTML به صورت کاملاً Responsive – پروژه محور

PSD فرمت اختصاصی نرم افزار فوتوشاپ Photoshop است که به طرح لایه بازشناخته می شود. به لطف این فرمت گرافیست ها می توانند کارهای خود را همان گونه که در فوتوشاپ وارد کرده اند با این فرمت ذخیره کرده و بدون هیچ کم کاستی در اختیار دیگر افراد قرار دهند تا آنان نیز از عناصر گرافیکی در دسترس وموجود در آن در کارهای خود از قبیل ساخت پوستر ، قالب و پوسته وبسایت ، تصاویر مربوط به متون وب مستر ها و… بهره برند.
آنهایی که صاحب سایت هستند قالب های وب که توسط طراحان طراحی شده است را خریداری می کنند و برای اینکه قالب را در وب سایت خود قرار دهند باید آن را به HTML تبدیل کنند.
از وقتی که فتوشاپ امکان طراحی قالب را به راحتی هر چه تمام تر در اختیار مخاطبان خود گذاشته تا به صورت فایل های PSD ذخیره کنند این تکنیک در چندین سال اخیر بسیار مورد استفاده قرار گرفته است. فایل های PSD اساساً برای طراحی وب استفاده می شوند و فقط بعد از تبدیل آنها به HTML مورد استفاده قرار می گیرند. در نتیجه، صفحات وب به راحتی قابل مشاهده می باشند.

مزایای تبدیل PSD به HTML :

  • پشتیبانی توسط همه مرورگرها
  • کاهش هزینه ها برای طراحی وب
  • پشتیبانی کامل
  • سازگاری با موتورهای جستجو
  • رضایت مشتری
  • انعطاف پذیر و کاربردی تر
  • تحویل به موقع طبق توافق اولیه

در این دوره می خواهیم آموزش تبدیل فایل PSD به HTML به صورت کاملاً Responsive و پروژه محور خدمت شما عزیزان ارائه کنیم.

ویژگی ها و متدهای بکار رفته در وبسایت :

  • Responsive
  • Bootstrap 3
  • HTML5
  • CCS3

دوره آموزش تبدیل فایل PSD به HTML شامل:

  • آموزش تبدیل فایل PSD به وبسایت کاملاً واکنش گرا (Responsive)
  • آموزش HTML5 , Bootstrap 3 , JQuery , CSS3
  • آشنایی با تگ نویسی HTML و کد نویسی CSS و JQuery

می شود . این دوره برای طراحان سایت و دانشجویان رشته مهندسی کامپیوتر مناسب می باشند.

بعد از مشاهده این دوره توانایی طراحی سایت از روی فایل PSD برای شما امکان پذیر می شود.

پروژه استفاده شده در این دوره وبسایت تک صفحه ای و شرکتی می باشد.

 

سرفصل های آموزش تبدیل فایل PSD به HTML :

  • معرفی دوره
    • معرفی اجمالی دوره در قالب پاورپوینت
  • معرفی تلکنولوژی های مورد نیاز دوره
    • دانلود ابزار ها و نرم افزارهای مورد نیاز دوره
  • آماده سازی ابزارها برای استفاده در پروژه
  • کد نویسی تگ های HTML سایت
  • کد نویسی تگ های CSS سایت
  • کد نویسی JQuery سایت
  • انیمیشن سازی سایت
  • بررسی مشکلات سایت و حل آن ها
  • بررسی Responsive بودن سایت روی مرورگر های مختلف

مشاهده دموهایی از آموزش

مطلب مفیدی برای شما بود ؟؟ پس به اشتراک بگذارید برای دوستانتان

در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.
  • *
  • *
  • *
  • *
  • در صورتی که توضیحات نوشته، دموی آموزش و لینک های ارزیابی پاسخگوی سوالات شما در مورد این دوره آموزشی نمی باشد و نیاز به مشاوره بیشتری دارید لطفا این فرم را تکمیل کرده و در ساعات اداری منتظر تماس همکاران ما باشید.

    پیام شما با موفقیت ثبت شد. در اولین فرصت با شما تماس گرفته خواهد شد.
    • مطالب مرتبط
    • دیگر آموزش های مرتبط با این مدرس
    • رزومه مدرس

    نظرات کاربران

    ۱۹
    • بهرامی
      پنج شنبه ۲۷ اردیبهشت ۱۳۹۷ - ۲۲:۰۶

      سلام
      من نمیدونم واقعا چطور به این آموزش میگین psd 2 html ؟
      پس طراحی قالب در فتوشاپ چی شد ؟
      توضیحات ابتدایی چی شد ؟
      مدرس یهو میاد کد زیر رو اضافه میکنه

      کلا div – class- col-md-sm …
      همه اینا باید قبلش توضیح داده میشد .
      مهمتر از اینا تکه تکه کردن فایل psd و کد نویسی برای هر قسمت اصلا وجود نداره

      • مدرس ویسی
        شنبه ۲۹ اردیبهشت ۱۳۹۷ - ۱۳:۳۲

        با سلام دوست عزیز دقت داشته باشید: دوره پروژه محور هست
        ابتدای آموزش توضیح داده شده که طراحی از قبل انجام شده و ما فقط قصد داریم یک فایل PSD رو به قالب HTML تبدیل کنیم،
        در رابطه با طراحی توی فتوشاپ : اون خودش یه دوره دیگه هست : طراحی وبسایت در فتو شاپ ایجاد فایل PSD سایت یا همچین مواردی،
        موارد مربوط به Bootstrap مربوط به دوره آموزشی دیگه هست و شما باید یک پیش زمینه از مباحث Bootstrap رو بلد باشید.
        توضیحات در حد نیاز برای تبدیل روی کدها داده شده است.
        و هر بخش از طراحی قالب برای تبدیل هم جداگونه بررسی شده است.
        موفق و پیروز باشید

    • mahsa6828
      جمعه ۸ دی ۱۳۹۶ - ۱۲:۳۴

      سلام لطفا سورس و فایل psd رو بذارید.چطوری بدون اینا تمرین کنیم؟

      • پشتیبان خرید رادفر
        شنبه ۹ دی ۱۳۹۶ - ۱۲:۱۷

        سلام
        اگر سورس پروژه و فایل های جانبی رو مدرس در اختیار ما گذاشته باشه همراه لینک های دانلود در اختیار شما قرار میگیره، در غیر این صورت میتونین از طریق ایمیل مدرس با ایشون ارتباط بگیرید و از خودشون درخواست کنید
        ممنون

      • مدرس ویسی
        شنبه ۹ دی ۱۳۹۶ - ۱۳:۱۲

        سلام کاربر گرامی
        تمامی فایل های آموزش هنگام خرید تقدیم میشه

    • مهسا
      جمعه ۱۷ آذر ۱۳۹۶ - ۰۱:۵۶

      سلام
      وب سایتی که تو بخش دمو نمایش دادید رو به صورت کد نویسی پیاده سازی می کنید و یا بیشتر از فتوشاپ استفاده میشه؟

      • پشتیبان خرید رادفر
        شنبه ۱۸ آذر ۱۳۹۶ - ۰۹:۵۴

        سلام
        از عنوان آموزش مشخص هستش که تبدیل فایل psd به html بررسی میشه و بیشتر کدنویسی هستش

    • محمدجواد صیدی
      پنج شنبه ۹ آذر ۱۳۹۶ - ۱۴:۲۶

      واقعا عالی و موثر بود ممنون

      • مدرس ویسی
        شنبه ۱۱ آذر ۱۳۹۶ - ۰۹:۰۹

        سپاس از لطف شما

    • salehialireza
      شنبه ۲۰ خرداد ۱۳۹۶ - ۰۰:۱۲

      سلام. بنده پس از خرید آموزش را دانلود نکردم و امروز که ایمیل خود را چک کرده بودم لینک های دانلود ارسال نشده بود و زمانی که روی ارسال مجدد لینک دانلود کیلک میکنم ایمیلی خالی از محتوا ارسال میشود..
      ایمیل بنده :
      sa313@mailfa.com

      • مدیر رادفر
        شنبه ۲۰ خرداد ۱۳۹۶ - ۰۸:۳۱

        سلام
        spam ایمیلتون رو هم چک کنید
        مجدد براتون لینک هارو ارسال کردم
        ممنون

    • مهرداد
      جمعه ۱۸ فروردین ۱۳۹۶ - ۱۷:۵۷

      سلام من این دوره رو تهیه کردم ولی موقع طراحی به یک مشکلی برخوردم میخواستم بدونم چطور میتونم با مدرس در ارتباط باشم؟

      • مدیر رادفر
        شنبه ۱۹ فروردین ۱۳۹۶ - ۱۰:۱۹

        سلام
        از طریق ایمیل مدرس
        نام مدرس : مدرس ویسی
        ایمیل مدرس : ahmad.veysi94 [at] gmail.com

    • احسان
      یکشنبه ۲۹ اسفند ۱۳۹۵ - ۰۹:۱۹

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

      • مدرس سهولی
        یکشنبه ۲۹ اسفند ۱۳۹۵ - ۱۰:۳۲

        سلام لطفا به پشتیبانی تیکت بزنین

    • mahdi
      جمعه ۲۷ اسفند ۱۳۹۵ - ۱۳:۵۴

      سلام
      لطفا این پلیر رو حذف کنید و لینک فیلم ها رو قرار بدید چون هر بار که میخوام نگاه کنم باید به اینترنت وصل باشم ممنون

      • مدرس سهولی
        شنبه ۲۸ اسفند ۱۳۹۵ - ۱۳:۵۴

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

    • amir313313
      سه شنبه ۲۴ اسفند ۱۳۹۵ - ۱۵:۲۵

      لطفا سورس رو جهت تست بزارید خودمون ارزیابی کنیم.

      • مدیر رادفر
        چهارشنبه ۲۵ اسفند ۱۳۹۵ - ۱۲:۰۳

        سلام
        در صورتی که سورس پروژه موجود باشه همراه لینک های آموزش در اختیارتون گذاشته میشه
        ممنون

    احمدرضا ویسی طراح و توسعه دهنده افزونه و قالب وردپرس

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

    دسته بندی

    تحصیلات تکمیلی

    رشته الکترونیک

    رشته کامپیوتر

    سایر دسته های دانشجویار

    سایر نرم افزارها

    کلاس آنلاین

    مدرسین

    تعداد دوره
    بر اساس امتیاز
    حروف الفبا
    • کد تخفیف :

      goldpack

      ویژه خرید پکیج طلایی (C#,ASP,PHP,Android,game maker)
      60 درصد تخفیف

    مطالب سایت بر اساس

    جدیدترین ها
    محبوب ترین ها
    بطور تصادفی
    دانشجویار نماد اعتماد الكترونیكی کسب و کار های اینترنتی مجوز نشر دیجیتال لوگو شرکت به پرداخت ملت ساماندهی محتوای فضای مجازی بانک تجارت دانشجویار
    به چالش تلگرامی ما جواب بده، تخفیف بگیر. آدرس کانال تلگرام