تبدیل پی اس دی به اچ تی ام ال

[shaswar]

سلام
دوستان چطوری میشه یک فایل پی اس دی رو به اچ تی ام ال تبدیل کنم من تو فروم گشتم ولی پیدا نکردم اگر ممکنه اینجا بهم بگین

 

[GFX Master]

مراحلی که برای تبدیل psd به html هست به این ترتیبه:

1- طراحی psd
2- اسلایس بندی
3- برنامه نویسی html

2 مرحله ی اول توی فتوشاپ انجام میشه ولی مرحله ی سوم باید با نرم افزارهای برنامه نویسی html انجام بشه.

حالا شما کدوم یکی از این مراحل مورد نظرتونه؟

 

[Erfan]

در ادامه صحبت های سارا جان، به طور معمولی میتونید یک طرح رو به html تبدیل کنید ولی :

1. بایستی مقدمه ای بر تابع های برنامه نویسی html را بدانید، برای اینکه قدرت شما افزایش پیدا کند و بتونید کارهاتون رو استاندارد تبدیل کنید.
مانند وب سایتهایی را دیدید که فقط مختص به یک مرورگر هستند و در مرورگرهای دیگر درست باز نمی شوند.

2. آنالیز کردن قسمت هایی که قرار است اسلایس بندی بشود، به طور ساده تر تا آنجا که میشود باید سعی کنید از عکس های کمتری استفاده کنید و از توابع div و css استفاده کنید.

دیگه فکر کنم بقیه رو نگم چون به این انجمن مرتبط نمیشود و در حوزه طراحی وب محسوب میشود.

 

[ali_118]

یه آموزش در این زمینه گزاشته

فکر کنم سه مرحله باشه آموزشش

از طراحی اولیش در فتوشاپ تا کددهی و اینا


موفق باشید.

.:. ویرایش شده توسط عرفان .:.

 

[shaswar]

دو باره سلام به همگی سارا جان من قسمت دوم 2- اسلایس بندی رو سر در نمیارم

 

[GFX Master]

در این مورد قبلا چند باری بحث شده توی انجمن. این تاپیکها رو مطالعه کنید اگر بازم مشکلی بود بپرسید:

سوال در مورد کار با Slice

آموزشهای گروهی: <شماره 4> : کلیات و جزئیات طراحی صفحات وب در فتوشاپ

آموزش طراحی کامل قالب های سایت و وبلاگ (شروع کار)

آموزش کامل ساخت قالب سایت

 

[Insomnia]

مرحله اول که در خود فتوشاپ انجام میشه(یعنی طراحی)
مرحله دوم فایل رو می بری در Fireworks که این کارها رو میشه انجام داد:
slice
optimise(بهینه کردن عکسها مخصوص وب)
تولید خودکار کدهای ضروری html و css و حتی ساخت منو بدون کد نویسی و...
حتی خود طراحی هم میشه بدون فتو شاپ انجام داد یعنی در داخل fireworks انجام بده
بعد اگه کدهای اختصاصی داری که این امکانات در fireworks نبود باید در ادیتور مربوطه کدش رو بنویسی...

جواب سوالت به طور خلاصه: با Fireworks

 

[pouya saadeghi]

دوستان ,
همونطور كه مي دونيد خروجي اسلايس ها , Table‏ هست...
امكانش هست كه خروجي div‏ باشه يا نه‏؟

 

[ali_118]

سلام ali_118,

نوشته اي که شما در مبحث زير ارسال نموده ايد، ويرايش گرديد.

================================================== =======================
نوشته: یه آموزش در این زمینه گزاشته

فک�...
مبحث: تبدیل پی اس دی به اچ تی ام ال
دليل: معرفی صفحه شخصی - تبلیغات
================================================== ========================

اين يک پيام اتوماتيک مي باشد، لذا از پاسخگويي به آن اجتناب نماييد.

با تشکر،
مديريت سايت majidonline forums

.:. ویرایش شده توسط عرفان .:.

عرفان جان میشه بفرمائید چرا لینک آموزش حذف شد ؟

لینک دادن از یه سایت آموزشی فارسی خلاف قوانین انجمنه ؟

رو چه حسابی تشخیص دادین سایت شخصیه بنده هست و هدف تبلیغاته ؟

 

[Erfan]

علی جان، لینک دادن به سایت های ایرانی در فروم خلاف قوانین است، چه آموزشی و چه غیره.
اگر مطلبی هست در همین مکان با ذکر منبع گذاشته بشود بهتر است.

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

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

شاد باشید.
عرفان

 

[Erfan]

دوست عزیز در این انجمن (فتوشاپ) جای بحث های تخصصی در مورد کدنویسی وب نیست.

توصیه بنده به شما به عنوان یک عضو کوچک در دنیای وب :
اگر به معنی واقعی قصد اینکه که طراح وب بشوید را دارید باید نرم افزار های :

FrontPage
Dreamweaver

را به کلی کنار بگذارید و از یک ویرایشگر متن خالی مانند :

EmEditor
e-texteditor

استفاده کنید چرا که وابسته بودن به نرم افزار های ذکر شده زیاد هم خوب نیست.
منظور من این نیست که به کلی کنار بگذارید، میتونید در حد خیلی متعارف ازشون بهره ببرید.

شرکت ماکروسافت چون دیگه نرم افزار FrontPage را پشتیبانی نمیکنید، جایگیزین خوبی برای او در نظر گرفته که به اسم Microsoft Expression Web میتونید دانلود یا از طریق خرید تهیه کنید.

در کدنویسی حتماً به نکته توجه کنید، هر چه کدهای زائد شما کمتر باشد سرعت لود و بازدهی کار شما صدچندان میشود.

شما عکس ها رو با فتوشاپ اسلایس میکنید، و جایگزینی تصاویر در قالب css به خودتون بستگی داره که چقدر خلاقانه این کار رو انجام بدهید.

اگر عمری بود، در ادامه این تاپیک {http://www.forum.majidonline.com/showthread.php?p=903348} توضیح مختصری در باب تبدیل یک قالب PSD به html استاندارد میدم.

چون یه سری نکته های ریز و کاربردی در این کار هست که اگر یک طراح اونها رو بدونه بد نیست.