سلام
مراحل فارسی کردن یک قالب Template Monster به چه گونه است ؟!
نوعی رو فرض کنید فقط فایل های html و psd را داده باشند ...
ممنون :11:
Printable View
سلام
مراحل فارسی کردن یک قالب Template Monster به چه گونه است ؟!
نوعی رو فرض کنید فقط فایل های html و psd را داده باشند ...
ممنون :11:
برادرا لطفا بجنبید یکم فوریت کار بالاس ... [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
اولا شماره تمپلیتت رو بگو چنده
بعد این که کاری نداره فقط کافیه یه فوتوشاپ داشته باشی بعد به جای نوشته های انگلیسی همشون رو به فارسی تبدیل میکنی
html رو هم با دریم ویور
نمیگم دیگه خیلی آکبند باشی(شرمنده , ها)
:46:
آها ایول ، ببین من این نوشته های html رو به فارسی تبدیل میکنم داخلش با خود نوت پد ! اما بعد تو صفحه خراب میاد ، فونت چی رو باید کوجا کپی کنم ؟! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
صفحه رو با چی سیو میکنی؟
موقغ سیو کردن پایین صفحه سیو Encoding رو بذار روی unicode
جساراتا کوجای نوت پد این گزینه هست ؟! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]نقل قول:
سلام
توی save as پایینش encodeing داره
دوستان واقعا متشکرم و دوستتون دارم [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
حالا ببینید این سه تا شاخه داده بنام ها ؛ screenshots ، site ، sources با کودومشون کار کنم ؟! تو sources فایلای psd هستش و تو site فایلهای اچ تی ام ال و یک مقدار عکس ؛ یعنی اصل کاریه کودومه ؟! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
site ، sources
این دوتا اصل کارییند
از همینجا هم سومی آرش و آیسل رو به همه تبریک میگم
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
بابا فقط قلیونه ، سیگار که نیست ؛ حالا اگه مشکل داره عوضش کنم خلاصه [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
آقا بعد از اینکه تغییرات کلی رو تو فتوشاپ دادم و به اون شکلی که گفتی ذخیره کردم ، حالا فایل وبی که میاد همش عکسه! هیچ لینکی به صفحه های دیگه هم نداره که نداره [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
بعد یک چیز دیگه ، صفحه وسط بود و دورش خالی ؛ حالا چپیده رفته سمت چپ :دی
قرار نیست لینکی بیاد
لینک ها رو خودت باید درست کنی
این یه نمونه که واست آپلود کردم
about us رو ببین:8:کد:http://rapidshare.com/files/234110487/01_home.zip.html
اگه بازم سر در نیاوردی هرچی درست کردی+هرچی میخوای رو واسم بفرست تا بررسی کنم
ایمیلم همین پایینه
سلامنقل قول:
سوال من دلیلش این بود که شما تو چند پست قبل گفته بودید که تو PSD فارسی کنه و بعد سیو و ...
فکر کردم باز میشه به شکل همین قالب HTML ...
سلامنقل قول:
سوال من دلیلش این بود که شما تو چند پست قبل گفته بودید که تو PSD فارسی کنه و بعد سیو و ...
فکر کردم باز میشه به شکل همین قالب HTML ...
فوتوشاپ این کارو کرده واسه اون کشور هایی که فونتشون روی هر کامپیوتری نصب نیست
یا واسه کسایی که از فونت های به خصوص استفاده میکنن:5:
!!!
منظور من از این همه پست و سوال این بود که ایا با خود فتوشاپ نیز میشه قالب رو فارسی کرد ؟! بدون نیاز با دانش کافی از HTML !?
آره میشه این کارو کرد
به اون نمونه ای که تو رتپید گذاشتم نیگا کن دقیقا یه چیزی مثل همون میشه
سلام بر شماها [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
برادر احسان نیکودل ممنون بابت اطلاعاتی که عرضه کردی ولی من آخرش نتونستم لینکاشو درست کنم [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ، یک توضیحی برای مثلا یک قسمت صفحه بیان میکنی ؟! [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
از کجا
نمیدونم
ای جماعت هر کی بهتر از من میتونه بگه لطفا شرو ع کنه
هر چی درست کردی واسم بفرست
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]