تبدیل PSD به Html ریسپانسیو

تبدیل PSD به Html ریسپانسیو (جداسازی عکس)

با سلام!!

با قسمت سوم دوره طراحی قالب ریسپانسیو با استفاده از بوت استرپ در خدمت شما هستیم. توی این قسمت در رابطه با فایل PSD توضیحات بیشتری میدیم و نحوه کارمون رو بازگو میکنیم.

بعد از اون به وبسایت Layout it میریم و توضیحاتی درباره این وبسایت پر کاربرد میدیم! Layout it یک وبسایت جهت شروع کار بهتر و سریعتر بوت با استرپ هست به صورتی که تمامی امکانات بوت استرپ در قالب یک پنل درگ اند دراپ (Drag and Drop) به شما ارائه میشود و شما برای استفاده از امکانات بوت استرپ مثل Navigation , Panel , Carousel دیگه احتیاجی به جستجوی در وبسایت اصلی بوت استرپ نخواهد داشت و با گرفتن/رها کردن میتونید اون رو به قالبتون اضافه کنید. من شخصا از این وبسایت برای ایجاد ساختار اولیه وبسایت که شامل Div ها و Navigation میشه، استفاده میکنم.

در ادامه بخش هایی از قالب PSD که به صورت عکس هست و ما نمیتونیم اون رو با استفاده از Css Html ایجاد کنیم، از PSD جدا میکنیم و به صورت عکس jpg ذخیرشون میکنیم.

در صورتی که تمایل دارید تمامی قسمت های این دوره (شامل ۱۲ قسمت) رو به صورت یکجا داشته باشید، میتونید به اینجا مراجعه کنید!

در صورتی که احتیاج به دانلود این قسمت داشتید، میتونید به بخش دانلود باکس زیر همین پست مراجعه کنید.

با تشکر، عرفان صحاف نژاد- تیم آموزشی پی سی اسکیل

مدرس: عرفان صحاف نژاد
دیدگاه ها: 7
۱۳۹۴/۱۱/۲۹