• پایان فعالیت بخشهای انجمن: امکان ایجاد موضوع یا نوشته جدید برای عموم کاربران غیرفعال شده است

خالی کردن داخل یک عکس و گذاشتن کد جاوا در ان

godfather28

Registered User
تاریخ عضویت
1 آپریل 2008
نوشته‌ها
155
لایک‌ها
58
محل سکونت
Location Is Not Found !
با سلام به دوستان
سوالی دارم در مورد فوتوشاپ

من یک عکس دارم
که میخوام قسمتی از داخل عکس رو به اندازه یک مربع ببرم و داخل اون کد جاوا یا اچ تی ام ال بگذارم (مثلا فرم ورود به سایت) و بعد هم به عنوان یک صفحه سایت استفاده کنم

چون کار ساده هست نیاز به css نیست

دوستان چطوری میشه ای کار رو انجام داد؟
با تشکر :blush:
 

داش علی

کاربر فعال گرافیک
کاربر فعال
تاریخ عضویت
5 ژوئن 2008
نوشته‌ها
1,996
لایک‌ها
942
محل سکونت
داش علی
سلام
شما باید عکس رو اسلایز بندی کنید.
یعنی بصورت آماده و تکه تکه شده برای HTML یا چیز دیگه در بیارید.

این کار در نرم افزار فتوشاپ: پس از اسلایز بندی از منوی فایل گزینه save as web page... بود فکر کنم. بزنید این رو. بعدش تنظیمات رو انجام باید بدید که و خروجی رو روی HTML قرار بدید .
که بصورت صفحه وب به شما خروجی میده
اینا که گفتم من خودم در فتوشاپ سی اس3 کار کردم و جواب میده.
 

godfather28

Registered User
تاریخ عضویت
1 آپریل 2008
نوشته‌ها
155
لایک‌ها
58
محل سکونت
Location Is Not Found !
با تشکر از توضیحات شما داش علی
الان فرض میکنیم عکس رو در فوتوشاپ اسلایزبندی کردیم
حالا وسط عکس رو چطوری خالی کنیم؟
بعد از اینکه خالی کردیم!چطوری وسط اون کد Html بگذاریم/؟
save برای وب فقط حجم عکس رو کم میکنه خروجی html نمیده !
 

داش علی

کاربر فعال گرافیک
کاربر فعال
تاریخ عضویت
5 ژوئن 2008
نوشته‌ها
1,996
لایک‌ها
942
محل سکونت
داش علی
این نمونه عکسی که خودم برا دوستان انجام دادم:
http://jml.persianblog.ir
اون بالا رو ببین. برای ژ و ر ن ----ا ل لباس. دو تا آیکون مشاهده نمونه و خرید داره پایینش. من اومدم و پس از اسلایس بندی روی تکه های مربوط به اونها اول لینکشون رو قرار دادم.(دابل کلیک کنید رو تکه مربوطه تنظیماتش باز میشه)

من تا این قسمت رو به شما یاد میدم. شما جای اون که میگی وسط عکس رو خالی کن رنگ سفید یا تیره یا هر چی که میخوای باشه به کار باید ببری. بعد قالب بندیش رو آماده کنی. بعد برا اون قسمت کد بنویسی.اگر کد نویسی اونجا رو هم بلد بودم میگفتم بهتون. شرمنده

این ابتدایی ترین حالت و راحت ترین روش هست:
برا ذخیره سازی بصورت اچ تی ام ال از فتوشاپ: مثل مراحل پیش برو:

اول مثل شکل اسلایزت رو اگر میخوای لینک خاصی بذاری لینک بذاری انتخاب کن.

xrmebwv1uwd6tniw0ss5.jpg


حالا برا اون تکه علاوه بر نام(بصورت پیشفرض یه چیزی خودش گذاشته البته)، لینک و... میشه تعریف کرد. مثل تصویر:
zqo3gyr57k5wwtbupd.jpg


حالا شما save as web page... رو بزن و تصویرت رو آماده خروجی گرفتن کن. توجه کن که تمامی اسلایز ها سلکت شده باشن(با کنترل آ، سلکت آل کن):
6bg78ddwsegf9pqgjohb.jpg


اما اونجایی که حیاطی هست اینجاست: شما در قسمتی که برا ذخیره فایل میخوای مسیر بدی اون پایین نوع فایل رو باید روی اچ تی ام ال همراه با تصاویر تکه تکه شده بذاری: به این طریق:
y7b4h9s080375riwddtq.jpg



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

داش علی

کاربر فعال گرافیک
کاربر فعال
تاریخ عضویت
5 ژوئن 2008
نوشته‌ها
1,996
لایک‌ها
942
محل سکونت
داش علی
داش علی جان
واقعا ممنون
خیلی لطف کردید
مشکل کاملا حل شد
:blush:
خواهش عزیز. امیدوارم کاملا مورد استفاده واقع شده باشه.

البته:

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

sIiiS

کاربر قدیمی پرشین تولز
تاریخ عضویت
23 آپریل 2004
نوشته‌ها
4,848
لایک‌ها
181
محل سکونت
اصفهان
خواهش عزیز. امیدوارم کاملا مورد استفاده واقع شده باشه.

البته:

دوستان سعی میکنم این رو بصورت یه آموزش کامل در بیارم و در همین بخش قرار بدم.
چه عجب یکی پیدا شد کامل یه چیزی رو یاد داد، ممنون ، مفید و کاربردی بود ;)
 

داش علی

کاربر فعال گرافیک
کاربر فعال
تاریخ عضویت
5 ژوئن 2008
نوشته‌ها
1,996
لایک‌ها
942
محل سکونت
داش علی
ارادت علی آقا.
والا ما خودمون اولا نیاز داشتیم به این .تا اینکه یه روز کاشف به عمل اومد که بله اینگونه است و باید منو رو بکشی پایین:دی
 
Last edited:
بالا