سلام.
يكي از دوستام يه چيزايي گفت كه ميشه با استفاده از اين قابليت عكس رو تكه تكه كرد و بعد بذاريم توي وب و با سرعت خيلي خيلي بهتري لود ميشه.
مي خواستم بگيد كلا قضيه چيه و يه آموزش كوچولويي هم بديد.ممنونم.
Printable View
سلام.
يكي از دوستام يه چيزايي گفت كه ميشه با استفاده از اين قابليت عكس رو تكه تكه كرد و بعد بذاريم توي وب و با سرعت خيلي خيلي بهتري لود ميشه.
مي خواستم بگيد كلا قضيه چيه و يه آموزش كوچولويي هم بديد.ممنونم.
دوست خوبم اموزش خواصی در cs3 نداره این ابزار رو انتخاب کن رو رو شکلت بکش هرجا که می خواهی به ابعاد کوچک تقسیم شود و در اخر از منویfileگزینهsave for webرو بزن در کار می تونید شما قسمتهای که جز بک گراند هستش و جز شکل اصلی شما نیست حذف کنید تا فضای کمتری اشغال بشه...
آخه اصلا بلد نيستم !
اين ابزار كجاست ؟
ابزار slice tool کنار ایزار قطره چکان (eyedropper tool) هست* ، اونو انتخاب کرده و عکس رو به هرچند قسمت که خواستید تقسیم کنید و بعد طبق حرف دوست عزیز ، حامد ، گزینه save for web & devices رو از قسمت file انتخاب کرده .خود برنامه به شما میگه کدوم قسمت رو میخوای انتخاب و سیو کنی .
امیدوارم فهمیده باشی.
*البته یادم نیست این ابزار در cs3 یا دیگر ورژن ها در همون قسمت که گفتم هست یا نه چون من از cs4 استفاده میکنم.
ممنون از آموزش شما, جناب vosh
مشكلم اينه كه اينو چطوري بذارم توي وب ؟ يعني چطوري سيو و آپلود كنم ؟
دوست من این بحث به اینجا مربوط نمی شه باید برید داخل طراحی وب...
کد:http://forum.p30world.com/forumdisplay.php?f=125
نه همینجا بحث میشه :دی
خوب گاها پیش اومده تو وب سایت ها دیده باشید که اگه رو یه قسمت از عکس کلیک کنید وارد یه صفحه میشید
تو نرم افزار های طراحی وب مثل DreamWeaver این قابلیت وجود داره ولی فتوشاپ هم میتونه این کارو بکنه
با ابزار Slice محیطی که می خواد روی عکس رو انتخاب کنید و کادر دورش باید نارنجی بشه
حالا روش دابل کلیک کنید تا یه صفحه مثل این باز شه :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
Name که اسمشه ، مهم نیس زیاد
URL لینکی که بعد از کلیک میره بهش
Target برای زمانیه که می خواید لینک تو همون صفحه باز شه یا یه صفحه ی دیگه
اگه می خواید تو هموون صفحه باز شه باید اینو تایپ کنید : "self_" و اگه تو یه صفحه دیگه می خواید "blank_" البته مود "parent_" هم هست
Message هم که پیامشه و مهم نیس زیاد
و در نهایت Alt هم برای زمانیه که دیدی وقتی موس رو روی یه لینک نگه میدادری یه Tool Tip باز میشه و یه توضیح 2-3 کلمه ای میده یا بعضا بیشتر
خوب هر چی می خواید اون موقع نشون بده رو تو اونجا تاپیک کنید
حالا برای ذخیره شما باید بعد از Save for Web & Devices بعد از Save این گزینه ها رو به این صورت در بیارید :
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
که عکس رو به همراه کد HTML بهتون میده
و شما موقع اپلود در هاست باید به همین صورت اونهارو آپلود کنید
این هم نمونه کد 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">
<!-- ImageReady Slices (Untitled-1) -->
<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>
<!-- End ImageReady Slices -->
</body>
</html>[/HTML]
سلام هومن جان !
عالي بود !
فقط يه مشكلي دارم.اين كه همين كد html رو چطوري آپلود كنم ؟ يعني تيكه هاي عكس كجاست كه آپلود كنم و بعد بذارم جاي اون عمس ها توي html ؟
این بخش رو میبینی ؟ :
[HTML]<img src="images/Red.jpg" width="163" height="200" border="0" alt="RedGraphi Group">[/HTML]
بعد از <img scr"XXX"> شما باید تو قسمت XXX آدرس عکس رو بذاری
البته اگه عکس در کنار فایل HTML باشه نیاز نیس آدرس بده فقط اسمشو با پسوندشو بنویسی کافیه
برای آپلود هم دیگه نیاز نیس اینجا توضیح بدم و باید بری بخش طراحی وب فقط اینو میگم و والسلام
شما برای اینکه سایت طراحی کنی چند صفحه داری یکی index یا صفحه اصلی ، و بعد صفحه های داخلی و یه پوشه برای تصاویر و یه پوشه هم احیانا برای CSS
یه پوشی اصلی که سایتت هست باید داخلش یه پوشه ی image باشه و عکس هارو اونجا بذاری
بعد موقع اپلود عموما با نرم افزار های مدیریت FTP اونهارو آپلود می کنن تو پوشه ی root در هاستت ( لینوکس )
بعد خودش اتوماتیک تصاویر رو پیدا و لود می کنه
یا اینکه میتونی به جای آدرس دهی عکس به این شکل اون ها رو تو یه آپلود سنتر عکس آپلود کنی و آدرس رو جای اون دابل کوتیشن ها که با XXX مشخص کردم قرار بدی
نه نگرفتي هومن جان !
اولا كه اصلا نمي شه اون عكس رو با يه فرمت عكس سيو كرد چون چندتاست.
بعد هم چطوري اون تيكه هاي عكس رو توي كامپيوتر ذخيره كنم ؟
خب اگه اينو مي دونستم كه ديگه مشكلي نبو !
سوال همين جاست !
خوب هر کدوم از تیکه هایی که با اسلایس ساختی نیاز به یه عکس دارن دیگه مرد مومن :دی
موقع سیو هم عکس ها تو یه پوشه کنار فایل html ذخیره میشن
و در آخر تیکه های عکس رو فکر نکنم بتونی ذخیره کنی !!!
آهان آره ديدم !
انقدر شلوغ پلوغ بود نديدم ... شرمنده
مرسي خيلي نوشتي خستت كردم !