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

واضح آرشیو وب فارسی:سایت ریسک: View Full Version : درخواست: آموزش قسمت Slice Ehsanpark17-02-2009, 04:26 PMسلام. يكي از دوستام يه چيزايي گفت كه ميشه با استفاده از اين قابليت عكس رو تكه تكه كرد و بعد بذاريم توي وب و با سرعت خيلي خيلي بهتري لود ميشه. مي خواستم بگيد كلا قضيه چيه و يه آموزش كوچولويي هم بديد.ممنونم. hamed 918-02-2009, 01:55 PMدوست خوبم اموزش خواصی در cs3 نداره این ابزار رو انتخاب کن رو رو شکلت بکش هرجا که می خواهی به ابعاد کوچک تقسیم شود و در اخر از منویfileگزینهsave for webرو بزن در کار می تونید شما قسمتهای که جز بک گراند هستش و جز شکل اصلی شما نیست حذف کنید تا فضای کمتری اشغال بشه... Ehsanpark18-02-2009, 02:30 PMآخه اصلا بلد نيستم ! اين ابزار كجاست ؟ vosh18-02-2009, 02:44 PMابزار slice tool کنار ایزار قطره چکان (eyedropper tool) هست* ، اونو انتخاب کرده و عکس رو به هرچند قسمت که خواستید تقسیم کنید و بعد طبق حرف دوست عزیز ، حامد ، گزینه save for web & devices رو از قسمت file انتخاب کرده .خود برنامه به شما میگه کدوم قسمت رو میخوای انتخاب و سیو کنی . امیدوارم فهمیده باشی. *البته یادم نیست این ابزار در cs3 یا دیگر ورژن ها در همون قسمت که گفتم هست یا نه چون من از cs4 استفاده میکنم. Ehsanpark18-02-2009, 07:15 PMممنون از آموزش شما, جناب vosh مشكلم اينه كه اينو چطوري بذارم توي وب ؟ يعني چطوري سيو و آپلود كنم ؟ hamed 918-02-2009, 07:20 PMدوست من این بحث به اینجا مربوط نمی شه باید برید داخل طراحی وب... !!!! برای مشاهده محتوا ، لطفا ثبت نام کنید / وارد شوید !!!! huti_42119-02-2009, 11:24 AMنه همینجا بحث میشه :دی خوب گاها پیش اومده تو وب سایت ها دیده باشید که اگه رو یه قسمت از عکس کلیک کنید وارد یه صفحه میشید تو نرم افزار های طراحی وب مثل DreamWeaver این قابلیت وجود داره ولی فتوشاپ هم میتونه این کارو بکنه با ابزار Slice محیطی که می خواد روی عکس رو انتخاب کنید و کادر دورش باید نارنجی بشه حالا روش دابل کلیک کنید تا یه صفحه مثل این باز شه : http://upload.iranblog.com/1/1235056404.jpg Name که اسمشه ، مهم نیس زیاد URL لینکی که بعد از کلیک میره بهش Target برای زمانیه که می خواید لینک تو همون صفحه باز شه یا یه صفحه ی دیگه اگه می خواید تو هموون صفحه باز شه باید اینو تایپ کنید : "self_" و اگه تو یه صفحه دیگه می خواید "blank_" البته مود "parent_" هم هست Message هم که پیامشه و مهم نیس زیاد و در نهایت Alt هم برای زمانیه که دیدی وقتی موس رو روی یه لینک نگه میدادری یه Tool Tip باز میشه و یه توضیح 2-3 کلمه ای میده یا بعضا بیشتر خوب هر چی می خواید اون موقع نشون بده رو تو اونجا تاپیک کنید حالا برای ذخیره شما باید بعد از Save for Web & Devices بعد از Save این گزینه ها رو به این صورت در بیارید : http://upload.iranblog.com/1/1235098033.jpg که عکس رو به همراه کد HTML بهتون میده و شما موقع اپلود در هاست باید به همین صورت اونهارو آپلود کنید این هم نمونه کد HTML ساخته شده : <html> <head> <title>Untitled-1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">  <table id="Table_01" width="300" height="200" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="3"> <img src="images/Untitled-1_01.jpg" width="42" height="200" alt=""></td> <td rowspan="3"> <a href="http://www.redgraphi.com" target="_blank"> <img src="images/Red.jpg" width="163" height="200" border="0" alt="RedGraphi Group"></a></td> <td colspan="3"> <img src="images/Untitled-1_03.jpg" width="95" height="86" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="images/Untitled-1_04.jpg" width="23" height="114" alt=""></td> <td> <img src="images/Untitled-1_05.jpg" width="61" height="56" alt=""></td> <td rowspan="2"> <img src="images/Untitled-1_06.jpg" width="11" height="114" alt=""></td> </tr> <tr> <td> <img src="images/Untitled-1_07.jpg" width="61" height="58" alt=""></td> </tr> </table>  </body> </html> Ehsanpark19-02-2009, 02:48 PMسلام هومن جان ! عالي بود ! فقط يه مشكلي دارم.اين كه همين كد html رو چطوري آپلود كنم ؟ يعني تيكه هاي عكس كجاست كه آپلود كنم و بعد بذارم جاي اون عمس ها توي html ؟ huti_42119-02-2009, 03:16 PMاین بخش رو میبینی ؟ : <img src="images/Red.jpg" width="163" height="200" border="0" alt="RedGraphi Group"> بعد از <img scr"XXX"> شما باید تو قسمت XXX آدرس عکس رو بذاری البته اگه عکس در کنار فایل HTML باشه نیاز نیس آدرس بده فقط اسمشو با پسوندشو بنویسی کافیه برای آپلود هم دیگه نیاز نیس اینجا توضیح بدم و باید بری بخش طراحی وب فقط اینو میگم و والسلام شما برای اینکه سایت طراحی کنی چند صفحه داری یکی index یا صفحه اصلی ، و بعد صفحه های داخلی و یه پوشه برای تصاویر و یه پوشه هم احیانا برای CSS یه پوشی اصلی که سایتت هست باید داخلش یه پوشه ی image باشه و عکس هارو اونجا بذاری بعد موقع اپلود عموما با نرم افزار های مدیریت FTP اونهارو آپلود می کنن تو پوشه ی root در هاستت ( لینوکس ) بعد خودش اتوماتیک تصاویر رو پیدا و لود می کنه یا اینکه میتونی به جای آدرس دهی عکس به این شکل اون ها رو تو یه آپلود سنتر عکس آپلود کنی و آدرس رو جای اون دابل کوتیشن ها که با XXX مشخص کردم قرار بدی Ehsanpark19-02-2009, 06:31 PMنه نگرفتي هومن جان ! اولا كه اصلا نمي شه اون عكس رو با يه فرمت عكس سيو كرد چون چندتاست. بعد هم چطوري اون تيكه هاي عكس رو توي كامپيوتر ذخيره كنم ؟ خب اگه اينو مي دونستم كه ديگه مشكلي نبو ! سوال همين جاست ! huti_42119-02-2009, 08:29 PMخوب هر کدوم از تیکه هایی که با اسلایس ساختی نیاز به یه عکس دارن دیگه مرد مومن :دی موقع سیو هم عکس ها تو یه پوشه کنار فایل html ذخیره میشن و در آخر تیکه های عکس رو فکر نکنم بتونی ذخیره کنی !!! Ehsanpark19-02-2009, 10:38 PMآهان آره ديدم ! انقدر شلوغ پلوغ بود نديدم ... شرمنده مرسي خيلي نوشتي خستت كردم ! سایت ما را در گوگل محبوب کنید با کلیک روی دکمه ای که در سمت چپ این منو با عنوان +1 قرار داده شده شما به این سایت مهر تأیید میزنید و به دوستانتان در صفحه جستجوی گوگل دیدن این سایت را پیشنهاد میکنید که این امر خود باعث افزایش رتبه سایت در گوگل میشود

این صفحه را در گوگل محبوب کنید

[ارسال شده از: سایت ریسک]

[مشاهده در: www.ri3k.eu]

[تعداد بازديد از اين مطلب: 427]