انجمن برنامه نویس

مقاله : تبدیل و کدنویسی PSD به HTML چیست؟

شروع موضوع توسط casperia ‏27/5/18 در انجمن طراحی وب (Web Design)

گنجینه های
برنامه نویسی
فیلم های آموزشی
زبان های برنامه نویسی
فیلم های آموزشی
پروژه محور C#
فیلم های آموزشی
برنامه نویسی اندروید
فیلم های آموزشی
طراحی سایت
فیلم های آموزشی
برنامه نویسی پایه
گنجینه برنامه نویسی C# آموزش برنامه نویسی C سیستم مدیریت بانک آموزش اندروید - مقدماتی آموزش زبان HTML اصول و مبانی برنامه نویسی
گنجینه آموزش ASP .Net آموزش برنامه نویسی C++‎ پیاده سازی مدیریت آتلیه آموزش اندروید - تکمیلی آموزش زبان CSS آموزش الگوریتم و فلوچارت
گنجینه برنامه نویسی PHP آموزش برنامه نویسی C# پیاده سازی سیستم هتلداری آموزش اندروید - پیشرفته آموزش زبان Java Script آموزش تبدیل فلوچارت به کد
گنجینه آموزش طراحی وب آموزش برنامه نویسی جاوا شبیه سازی دستگاه عابربانک آموزش ساخت لیست ایمیل آموزش زبان jQury برنامه نویسی اسمال بیسیک
گنجینه برنامه نویسی متلب آموزش برنامه نویسی PHP پیاده سازی مدیریت آموزشگاه آموزش ساخت گالری تصاویر آموزش زبان XML آموزش برنامه نویسی اسمبلی
گنجینه برنامه نویسی اندروید آموزش برنامه نویسی پایتون پیاده سازی سیستم صدور بلیت آموزش کنترل ربات با اندروید آموزش طراحی Responsive طراحی سایت ویژه کودکان
گنجینه برنامه نویسی VB .Net آموزش برنامه نویسی اندروید پیاده سازی سیستم نوبت دهی آموزش ارتباط با دیتابیس سرور ساخت سایت خبری کدنویسی سریع با Emmet
گنجینه زبان های برنامه نویسی آموزش برنامه نویسی زبان R سیستم حسابداری و انبارداری زبان بیسیک فور اندروید (B4A) ساخت سایت فروشگاه آموزش کار با پایگاه داده
  1. casperia
    karbar Rank

    تاریخ عضویت:
    ‏23/5/18
    ارسال ها:
    3
    تشکر شده:
    0
    امتیاز دستاورد:
    5
    تبدیل و کدنویسی PSD به HTML به معنی تبدیل یک طرح طراحی شده در نرم افزار فتوشاپ (یا دیگر نرم افزارها) و کدنویسی آن به صفحه قابل مشاهده و استفاده در مرورگر است. طرح کدنویسی شده در مراحل بعدی معمولاً برای سی ام اس هایی مانند وردپرس کدنویسی خواهد شد.



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



    تبدیل و کدنویسی PSD به HTML با کیفیت چه ویژگی هایی دارد؟
    همانطور که در بالا گفته شد تبدیل کردن یک طرح پی اس دی به اچ تی ام ال نیازمند مهارت نسبتاً بالا در کدنویسی HTML و CSS است ولی یک کدنویسی و تبدیل PSD خوب ویژگی هایی مانند برابری و شباهت کامل با اصل طرح، کدنویسی منظم و مرتب، هماهنگ با اکثر مرورگرها و رعایت اصول سئو را دارد.



    تبدیل و کدنویسی یک طرح پی اس دی به اچ تی ام ال چقدر زمان میبرد؟
    زمان مورد نیاز برای تبدیل و کدنویسی طرح پی اس دی به اچ تی ام ال با توجه به پیچیدگی و تعداد صفحات هر طراحی متغیر است ولی معمولاً برای اکثر طراحی ها چیزی در حدود یک هفته زمان لازم خواهد بود.



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



    یادگیری تبدیل PSD به HTML
    برای تبدیل PSD به HTML شخص باید با HTML و CSS آشنایی کامل داشته باشد تا بتواند هر طرحی را در هر سبک و پیچیدگی، تبدیل و کدنویسی نماید. برای یادگیری تبدیل PSD به HTML فیلم های آموزشی بسیاری از سایت های Lynda و Tutsplus موجود است همچنین مواردی هم در یوتیوب وجود دارد.



    منبع: کاسپریا
     
    آخرین ویرایش: ‏30/5/18