درخواست: آموزش قسمت Slice

[Ehsanpark]

سلام.
يكي از دوستام يه چيزايي گفت كه ميشه با استفاده از اين قابليت عكس رو تكه تكه كرد و بعد بذاريم توي وب و با سرعت خيلي خيلي بهتري لود ميشه.
مي خواستم بگيد كلا قضيه چيه و يه آموزش كوچولويي هم بديد.ممنونم.

[hamed9]

دوست خوبم اموزش خواصی در cs3 نداره این ابزار رو انتخاب کن رو رو شکلت بکش هرجا که می خواهی به ابعاد کوچک تقسیم شود و در اخر از منویfileگزینهsave for webرو بزن در کار می تونید شما قسمتهای که جز بک گراند هستش و جز شکل اصلی شما نیست حذف کنید تا فضای کمتری اشغال بشه...

[Ehsanpark]

آخه اصلا بلد نيستم !
اين ابزار كجاست ؟

[vosh]

ابزار slice tool کنار ایزار قطره چکان (eyedropper tool) هست* ، اونو انتخاب کرده و عکس رو به هرچند قسمت که خواستید تقسیم کنید و بعد طبق حرف دوست عزیز ، حامد ، گزینه save for web & devices رو از قسمت file انتخاب کرده .خود برنامه به شما میگه کدوم قسمت رو میخوای انتخاب و سیو کنی .
امیدوارم فهمیده باشی.
*البته یادم نیست این ابزار در cs3 یا دیگر ورژن ها در همون قسمت که گفتم هست یا نه چون من از cs4 استفاده میکنم.

[Ehsanpark]

ممنون از آموزش شما, جناب vosh
مشكلم اينه كه اينو چطوري بذارم توي وب ؟ يعني چطوري سيو و آپلود كنم ؟

[hamed9]

دوست من این بحث به اینجا مربوط نمی شه باید برید داخل طراحی وب...

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[huti_421]

نه همینجا بحث میشه

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

تو نرم افزار های طراحی وب مثل DreamWeaver این قابلیت وجود داره ولی فتوشاپ هم میتونه این کارو بکنه

با ابزار Slice محیطی که می خواد روی عکس رو انتخاب کنید و کادر دورش باید نارنجی بشه

حالا روش دابل کلیک کنید تا یه صفحه مثل این باز شه :



Name که اسمشه ، مهم نیس زیاد

URL لینکی که بعد از کلیک میره بهش

Target برای زمانیه که می خواید لینک تو همون صفحه باز شه یا یه صفحه ی دیگه

اگه می خواید تو هموون صفحه باز شه باید اینو تایپ کنید : "self_" و اگه تو یه صفحه دیگه می خواید "blank_" البته مود "parent_" هم هست

Message هم که پیامشه و مهم نیس زیاد

و در نهایت Alt هم برای زمانیه که دیدی وقتی موس رو روی یه لینک نگه میدادری یه Tool Tip باز میشه و یه توضیح 2-3 کلمه ای میده یا بعضا بیشتر
خوب هر چی می خواید اون موقع نشون بده رو تو اونجا تاپیک کنید

حالا برای ذخیره شما باید بعد از Save for Web & Devices بعد از Save این گزینه ها رو به این صورت در بیارید :



که عکس رو به همراه کد HTML بهتون میده

و شما موقع اپلود در هاست باید به همین صورت اونهارو آپلود کنید
این هم نمونه کد HTML ساخته شده :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

[Ehsanpark]

سلام هومن جان !
عالي بود !
فقط يه مشكلي دارم.اين كه همين كد html رو چطوري آپلود كنم ؟ يعني تيكه هاي عكس كجاست كه آپلود كنم و بعد بذارم جاي اون عمس ها توي html ؟

[huti_421]

این بخش رو میبینی ؟ :

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید

بعد از <img scr"XXX"> شما باید تو قسمت XXX آدرس عکس رو بذاری

البته اگه عکس در کنار فایل HTML باشه نیاز نیس آدرس بده فقط اسمشو با پسوندشو بنویسی کافیه

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

شما برای اینکه سایت طراحی کنی چند صفحه داری یکی index یا صفحه اصلی ، و بعد صفحه های داخلی و یه پوشه برای تصاویر و یه پوشه هم احیانا برای CSS

یه پوشی اصلی که سایتت هست باید داخلش یه پوشه ی image باشه و عکس هارو اونجا بذاری

بعد موقع اپلود عموما با نرم افزار های مدیریت FTP اونهارو آپلود می کنن تو پوشه ی root در هاستت ( لینوکس )

بعد خودش اتوماتیک تصاویر رو پیدا و لود می کنه

یا اینکه میتونی به جای آدرس دهی عکس به این شکل اون ها رو تو یه آپلود سنتر عکس آپلود کنی و آدرس رو جای اون دابل کوتیشن ها که با XXX مشخص کردم قرار بدی

[Ehsanpark]

نه نگرفتي هومن جان !
اولا كه اصلا نمي شه اون عكس رو با يه فرمت عكس سيو كرد چون چندتاست.
بعد هم چطوري اون تيكه هاي عكس رو توي كامپيوتر ذخيره كنم ؟
خب اگه اينو مي دونستم كه ديگه مشكلي نبو !
سوال همين جاست !