site ، sources
روی سایت باید کار کنی
اسم تمپلیتت رو نگفتی ها
این دوتا اصل کارییند
از همینجا هم سومی آرش و آیسل رو به همه تبریک میگم
Printable View
site ، sources
روی سایت باید کار کنی
اسم تمپلیتت رو نگفتی ها
این دوتا اصل کارییند
از همینجا هم سومی آرش و آیسل رو به همه تبریک میگم
خیلی ممنونم [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
آها اینم اسم تمپلیت ؛ TM 17451
آها راستی من نه آرشم و نه آیسل : دی
حالا میدونم راجب چی داری حرف میزنی
ببین بهتره به جای ادیت کردن سایت بری و psd ها رو ویرایش کنی
این رو باز کن
01_home.psd
یادت باشه تمام فوت های داخل سورس رو کپی کنی به فونت ویندوز
توی این فایل layer به layer نوشته کی به کیه
از همونجا همشون رو ادیت کن بعد از
file/save for web & device
رو بزن و save کن
این رو هم بدون که فتوشاپت باید واسه خاورمیانه باشه cs
اگه تو فتوشاپ مشکل داری بگو تا بگم:5:
البته شما آرش و ایسل نیستی ولی ....:8::10:
ایول درست شد [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اما چند تا نکته ، حالا من با فتوشاپ بصورت html درش اوردم (یعنی اوردیم) ، حالا ادامه کار چوکا کنم ؟! میخوام مثل خودش 5 صفحه داشته باشه و لینک و اینا هم به یکدیگه داشته باشه !
کلا ممنون
آها آرش و آیسل آدمای خوبی باید باشن [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
خوب پیش رفتی
حالا فایل html رو باnotepad باز کن
و برو داخل پوشه عکس ها
حالا دنبال او نوشته مخصوصت بگرد
(مثلا تماس با ما)
برای مثال من اینجا این عکس رو گرفتم images/p2.jpg
دقیقا مثل کد یر رو واسه او تصویرت مینویسی
[HTML] <a href="cnn.com">
<img src="images/p2.jpg" width="102" height="74" alt=""></a>
[/HTML]
اینی که این پایین میبینی آدرس سایت cnn.com رو نوشتم
تو بجاش میتونی هرچی که میخوای بنویسی
مثلا about.htm
فقط درست بنویس
<a href="cnn.com">
</a>
به همین راحتی
به هیچ چیز دیگه دست نمیزنی وهیچ چیز رو پاک نمیکنی فقط بالایی رو اضافه میکنی
آرش و آیسل:8::10:
[HTML]http://rapidshare.com/files/233711505/arash_aysel_azarbayjan_persia.softarchive.netmnone .org.rar.html[/HTML]
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
این مرحله رو نگرفتم [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
کودوم html ؟! اونی که فتوشاپ ساخت یا اونی که خودش داشت ؟!
اون سایته چی بنویسم براش ؟!
آها اهنگه رو هم دان کردم ... [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
یه چیزی بگم ناراحت نمیشی؟
عکست رو عوض کن رو من تاثیر بدی میزاره
دوست ندارم به کسی چیزی یاد بدم که اهل دود و دمم باشه
و اما اون قسمت
فقط او صفحه ای رو که فتوشاپ میده
طبق او کد ها برای مثال
این صفحه ها رو باید داشته باشی
1.اول صفحه خانه رو میسازن <<index.htm
2.(مثلا محصولالت یا اخبار)<< shop.htm or news.htm
3.درباره<< about.htm
4.تماس با ما << coonec%20us.htm
اینا رو مثال زدم
تو اول باید index رو باز کنی بعد :
چون ای یک تمپلیت آمادست اسم های عکس ها به صورت کد بندی می افته
خودت در نمونه بدون تغییرات ازمایش کن میبینی
مثلا برای onntact این میافته p5.jpg
منظورم عکسه
پی میی توی نت پد ctrl+f رو میزنی بعد دنبال عکسه میگردی
بعد اون کد های بالایی رو جایگذین یا اضافه میکنی
برلای مثال
[HTML] <a href="نام صفحه ای که میخوای بازش کنه مثلا about.htm">
<img src="images/p2.jpg" width="102" height="74" alt=""></a>
[/HTML]
به هیچ چیز صفحه دست نمیزنی یعنه اندازه ها رو عوض نمیکنی
[HTML]<html>
<head>
<title>01_home</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (01_home.psd) -->
<table id="Table_01" width="801" height="784" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="31">
<img src="images/01_home_01.jpg" width="800" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="18">
<img src="images/01_home_02.jpg" width="10" height="773" alt=""></td>
<td>
<img src="images/hd_fll.gif" width="1" height="10" alt=""></td>
<td colspan="29" rowspan="2">
<img src="images/01_home_04.jpg" width="789" height="51" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/01_home_05.jpg" width="1" height="127" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="41" alt=""></td>
</tr>
<tr>
<td colspan="14">
<img src="images/01_home_06.jpg" width="266" height="18" alt=""></td>
<td colspan="2" rowspan="3">
<img src="images/p1_sel.jpg" width="107" height="74" alt=""></td>
<td colspan="4" rowspan="3">
<a href="cnn.com">
<img src="images/p2.jpg" width="102" height="74" alt=""></a></td>
<td colspan="2" rowspan="3">
مثلا اینجا به تی دی ها دست نمیزنی :5:<img src="images/p3.jpg" width="100" height="74" alt=""></td>
<td colspan="2" rowspan="3">
<img src="images/p4.jpg" width="104" height="74" alt=""></td>
<td colspan="4" rowspan="3">
<img src="images/p5.jpg" width="80" height="74" alt=""></td>
<td rowspan="16">
<img src="images/01_home_12.jpg" width="30" height="722" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="18" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="images/01_home_13.jpg" width="39" height="68" alt=""></td>
<td>
<img src="images/nv_1.gif" width="14" height="13" alt=""></td>
<td colspan="3" rowspan="3">
<img src="images/01_home_15.jpg" width="27" height="68" alt=""></td>
<td>
<img src="images/nv_dv.gif" width="1" height="13" alt=""></td>
<td rowspan="3">
<img src="images/01_home_17.jpg" width="27" height="68" alt=""></td>
<td>
<img src="images/nv_2.gif" width="13" height="13" alt=""></td>
<td rowspan="3">
<img src="images/01_home_19.jpg" width="55" height="68" alt=""></td>
<td>
<img src="images/nv_3.gif" width="12" height="13" alt=""></td>
<td colspan="2" rowspan="3">
<img src="images/01_home_21.jpg" width="78" height="68" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/01_home_22.jpg" width="14" height="55" alt=""></td>
<td rowspan="2">
<img src="images/01_home_23.jpg" width="1" height="55" alt=""></td>
<td rowspan="2">
<img src="images/01_home_24.jpg" width="13" height="55" alt=""></td>
<td rowspan="2">
<img src="images/01_home_25.jpg" width="12" height="55" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="43" alt=""></td>
</tr>
<tr>
<td colspan="14">
<img src="images/01_home_26.jpg" width="493" height="12" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td colspan="18" rowspan="4">
<img src="images/mp.jpg" width="391" height="341" alt=""></td>
<td>
<img src="images/rtd_bg.jpg" width="51" height="49" alt=""></td>
<td colspan="10">
<img src="images/01_home_29.jpg" width="318" height="49" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="49" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/logo.jpg" width="314" height="75" alt=""></td>
<td colspan="3" rowspan="5">
<img src="images/01_home_31.jpg" width="55" height="303" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="75" alt=""></td>
</tr>
<tr>
<td>
<img src="images/rtd_bg-33.jpg" width="51" height="208" alt=""></td>
<td colspan="7" rowspan="4">
<img src="images/01_home_33.jpg" width="263" height="228" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="208" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/01_home_34.jpg" width="51" height="20" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="9" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="8">
<img src="images/01_home_35.jpg" width="38" height="295" alt=""></td>
<td>
<img src="images/ly.gif" width="1" height="1" alt=""></td>
<td colspan="15" rowspan="2">
<img src="images/01_home_37.jpg" width="352" height="11" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td>
<img src="images/01_home_38.jpg" width="1" height="10" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="12">
<img src="images/1_h_1.gif" width="181" height="25" alt=""></td>
<td colspan="2" rowspan="6">
<img src="images/01_home_40.jpg" width="82" height="284" alt=""></td>
<td colspan="4">
<img src="images/1_h_2.gif" width="158" height="25" alt=""></td>
<td colspan="2" rowspan="6">
<img src="images/01_home_42.jpg" width="104" height="284" alt=""></td>
<td colspan="5">
<img src="images/1_h_3.gif" width="181" height="25" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/01_home_44.jpg" width="16" height="49" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="25" alt=""></td>
</tr>
<tr>
<td colspan="12" rowspan="2">
<img src="images/01_home_45.jpg" width="181" height="34" alt=""></td>
<td colspan="4" rowspan="5">
<img src="images/01_home_46.jpg" width="158" height="259" alt=""></td>
<td colspan="5">
<img src="images/01_home_47.jpg" width="181" height="24" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="4">
<img src="images/01_home_48.jpg" width="35" height="235" alt=""></td>
<td colspan="4" rowspan="3">
<img src="images/1_pic_1.jpg" width="159" height="98" alt=""></td>
<td rowspan="4">
<img src="images/01_home_50.jpg" width="3" height="235" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="10" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="3">
<img src="images/01_home_51.jpg" width="38" height="225" alt=""></td>
<td>
<img src="images/arr.gif" width="3" height="7" alt=""></td>
<td colspan="7" rowspan="3">
<img src="images/01_home_53.jpg" width="140" height="225" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/01_home_54.jpg" width="3" height="218" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="81" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/01_home_55.jpg" width="159" height="137" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="137" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="10" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="37" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="14" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="27" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="55" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="12" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="48" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="34" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="73" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="51" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="87" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="82" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="30" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>[/HTML]
یک سوال :
ایا این قالب هایی که با PSD ارائه میشند در داخل PSD هم کد نویسی HTML دارند !؟
بله دارند
البته تا اونجایی که من میدونم خیلی محدود
فقطhtml
بابا فقط قلیونه ، سیگار که نیست ؛ حالا اگه مشکل داره عوضش کنم خلاصه [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
آقا بعد از اینکه تغییرات کلی رو تو فتوشاپ دادم و به اون شکلی که گفتی ذخیره کردم ، حالا فایل وبی که میاد همش عکسه! هیچ لینکی به صفحه های دیگه هم نداره که نداره [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
بعد یک چیز دیگه ، صفحه وسط بود و دورش خالی ؛ حالا چپیده رفته سمت چپ :دی