|
استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
|
|
04-03-2012, 03:16 AM
(آخرین ویرایش در این ارسال: 04-06-2012 06:22 AM، توسط Cna FP.)
ارسال: #1
|
||||
|
||||
 استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
در این قسمت میتوانید سوالات و مشکلات خود را پیرامون بحث آموزشی "آموزش تبدیل قالب فتوشاپ به HTML مثل حرفه ای ها!" مطرح کنید. پاسخ ها در کمترین زمان ممکن داده خواهد شد!
|
||||
|
|
|
07-16-2012, 11:18 PM
ارسال: #2
|
||||
|
||||
RE: استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
از دیدگاه شما چه روشی برای تبدیل این عکس به کدهای html/css مناسبتر است؟ منظورم برای قسمتی است که نقشه جهان پشت بدنه اصلی سایت قرار گرفته! راهی هست؟!!!
![[تصویر: 41732283769131601799.jpg]](http://www.pic1.iran-forum.ir/images/up8/41732283769131601799.jpg)
|
||||
|
|
|
07-17-2012, 12:56 AM
(آخرین ویرایش در این ارسال: 07-17-2012 01:04 AM، توسط Cna FP.)
ارسال: #3
|
||||
|
||||
RE: استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
یقینا راهی هست
 شما اول نیاز دارین که عکس ها و بک گراند ها رو جدا کنین؛ بعد از اون باید بررسی کنین که سایت رو چطوری تقسیم بندی کنین. منظورم از تقسیم بندی مشخص کردن بخش های اصلی سایت (ساید بار, منو, فوتر...) هست. در این عکسی که شما گذاشتین در صورتی که فایل PSD رو داشته باشین به راحتی میشه اون نقشه رو طبق همین روش هایی که گفتم جدا کرد. بعد در کد نویسی باید با تنظیم خاصیت های position و z-index عکس رو در پشت content قرار بدین. به همین سادگی! |
||||
|
|
|
|
07-17-2012, 01:04 AM
ارسال: #4
|
||||
|
||||
RE: استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
نقل قول: در این عکسی که شما گذاشتین در صورتی که فایل PSD رو داشته باشین به راحتی میشه اون نقشه رو طبق همین روش هایی که گفتم جدا کرد. بعد در کد نویسی باید با تنظیم خاصیت های position و z-index عکس رو در پشت content قرار بدین. به همین سادگی!یعنی منظور شما اینه که عکس نقشه به طور کامل به کار ببرم و نیازی نیست که به چند قسمت تقسیم کنم؟! |
||||
|
|
|
|
07-17-2012, 01:07 AM
ارسال: #5
|
||||
|
||||
RE: استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
اینطور که از عکس معلوم میشه, اینجا ما فقط یک عکس با فرمت png و با شفافیت حدودا 50 درصد داریم که این موارد رو باید در فایل psd پیدا کنید. این نقشه احتمال زیاد به همین صورتی که میبینید داخل فایل فتوشاپ قرار داره
|
||||
|
|
|
|
07-17-2012, 01:16 AM
ارسال: #6
|
||||
|
||||
RE: استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
(07-17-2012 01:07 AM)Cna FP نوشته شده توسط: اینطور که از عکس معلوم میشه, اینجا ما فقط یک عکس با فرمت png و با شفافیت حدودا 50 درصد داریم که این موارد رو باید در فایل psd پیدا کنید. این نقشه احتمال زیاد به همین صورتی که میبینید داخل فایل فتوشاپ قرار داره لایه های فایل فتوشاپ باز است و این نقشه یک عکس با فرمت png است همانطور که شما گفتید ، فقط من می خواستم بدونم این عکس را باید همانطور که هست به کار ببرم و اینکه آیا راه دیگری هم هست. بسیار سپاسگزارم |
||||
|
|
|
|
07-17-2012, 01:22 AM
ارسال: #7
|
||||
|
||||
RE: استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
در حقیقت چون ابعاد تصویر خیلی بزرگ بود گفتم شاید درست نیست که از خودش استفاده کنم و شاید نیاز به تغییر داشته باشه!
|
||||
|
|
|
07-17-2012, 04:07 AM
ارسال: #8
|
||||
|
||||
RE: استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: رفع اشکال :.
نه نیازی به تیکه کردن عکس نیست؛ عکس رو همینطور که هست به کار ببرین چون بعدا مدیریت و کنار هم گذاشتن تکه های عکس خیلی سخت میشه... به هر حال ابعاد تصویر از ابعاد صفحه نمایش بزرگتر نیست؛ در کل نیازی نیست که عکس رو تغییر اندازه بدین
|
||||
|
|
|
|
|
| موضوع‌های مرتبط با این موضوع... | |||||
| موضوع: | نویسنده | پاسخ: | بازدید: | آخرین ارسال | |
| طراحی سایت بازرگانی | mr.mousa | 0 | 283 |
09-17-2018 03:00 AM آخرین ارسال: mr.mousa |
|
| 5 اشتباه رایج در هنگام ایجاد یک وب سایت ریسپانسیو | panel123 | 0 | 212 |
06-25-2018 11:50 PM آخرین ارسال: panel123 |
|
| نکات مهم امنیتی در طراحی سایت حرفه ای | panel123 | 0 | 243 |
06-13-2018 05:23 AM آخرین ارسال: panel123 |
|
| طراحی سایت چیست؟ | Norel | 0 | 268 |
06-09-2018 05:25 PM آخرین ارسال: Norel |
|
| دلایل طراحی وب سایت حرفه ای | panel123 | 0 | 350 |
05-22-2018 07:57 AM آخرین ارسال: panel123 |
|
| افزایش بازدیدکنندگان سایت | hostjoomir | 1 | 2,951 |
10-23-2012 04:15 AM آخرین ارسال: ghanei |
|
 |
طراحی یک وب سایت ساده (آموزش) | تیم پشتیبانی | 6 | 11,777 |
04-20-2012 04:37 AM آخرین ارسال: تیم پشتیبانی |
| چگونه طراح سایت قابلی شویم؟! | Cna FP | 0 | 2,677 |
04-19-2012 12:25 AM آخرین ارسال: Cna FP |
|
 |
استخراج عناصر یک وب سایت از قالب فتوشاپ مثل حرفه ای ها! .: آموزش :. | Cna FP | 4 | 7,537 |
04-10-2012 03:57 AM آخرین ارسال: Cna FP |
| طراحی یک وب سایت ساده (رفع اشکال) | تیم پشتیبانی | 6 | 8,408 |
04-09-2012 06:25 PM آخرین ارسال: jahani |
|
کاربرانِ درحال بازدید از این موضوع: 1 مهمان