PDA

نسخه کامل مشاهده نسخه کامل : چطوری فایل های psd رو به html تبدیل کنم ؟؟


mohrd
02-02-2009, 22:29
سلام.
توی یکی از سایت ها خوندم که میشه یک قالب با فوتوشاپ درست کنی ، بعدش تبدیل به html کنی ... می خواستم بدونم چطوری ؟؟؟
ممنون ...
David.Jn
02-02-2009, 22:38
بعد از اینکه قالب رو ساختی و برشهای لازم رو زدی به قسمت file->save for web برو و بقیه ماجرا
3Dmajid
02-02-2009, 22:45
منظور از ساخت قالب با فتوشاپ چيه ؟!


يعني بدون نياز به كد نويسي خودش قالب ميسازه ؟!!!‌

يا فقط شكل قالب رو ميگيد.
mohrd
02-02-2009, 23:29
این صفحه رو ببینید :::

برای مشاهده محتوا ، لطفا وارد شوید یا ثبت نام کنید
3Dmajid
03-02-2009, 18:04
خوب اين كار چه فايده اي داره ؟!!

مثلا تو اين سايت بالا كه شما بهم دادي طرح قشنگي ساخته بود، ولي خوب دكمه هاش كه كار نميكنه !

تكست باكس كه كار نميكنه، فقط حالت عكس داره.

خوب اين كار به چه دردي ميخوره ؟
S@jj@d
03-02-2009, 18:07
خوب اين كار چه فايده اي داره ؟!!

مثلا تو اين سايت بالا كه شما بهم دادي طرح قشنگي ساخته بود، ولي خوب دكمه هاش كه كار نميكنه !

تكست باكس كه كار نميكنه، فقط حالت عكس داره.

خوب اين كار به چه دردي ميخوره ؟
سلام دوست عزیز
تا اینجاشو شما باید با فتوشاپ درست کنی که ظاهر قضیس بع شما باید کد نویسی بعضی از قسمت ها رو انجام بدید مثل همین دکمه ها که می گفتین کار نمی کنه شما با فتوشاپ فقط ظاهر سایت رو آماده می کنید.

موفق باشید.
DaRiOuShJh
03-02-2009, 23:59
همونطور که دوستان اشاره کردن طراحی گرافیکی قالب تنها گام اول و میشه گفت ساده تر قضیس
as13851365
04-02-2009, 09:04
طراحی قالب و ... با فتوشاپ و برنامه های دیگه یک طرف تیکه و پاره کردن آنها و قرار دادن آنها در کد HTML و استاندارد کردن آنها یه طرف دیگه

شما بعد از این که یک قالب و یا هر چیزه دیگه ای را با برنامه های گرافیکی ساختید تازه قدم اول را برداشتید حالا کو تا انتهای راه !!!!
شما باید عکس مزبور را تیکه تیکه کنی هر کدام از تیکه ها را در کدهای HTML قرار بدی و آنها را به صورت استاندارد بنویسی که در تمام مرورگرها نشان داده بشه

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

شما بعد از این که قالب رو با برنامه های گرافیکی ساختید باید به HTML و CSS و Javascript هم تسلط داشته باشی تا بتونی به راحتی عکس ایجاد شده را به یک صفحه سایت تبدیل کنی



چطوري فايل هاي psd رو به html تبديل کنم


شما هرگز نمی تونید یک فایل PSD را به HTML تبدیل کنید ( از آینده خبری در دست ندارم ) برای این کار باید حتما کار خود را به صورت عکس ذخیره کنید تا بتونید به مواردی که گفتم برسید
ahmadirad1365
04-02-2009, 21:00
درباره استاندارد هم فکر نکن که یک کد در تمام مرورگر ها یه یک صورت کار می کنه ها نه بیشتر دوستان توی همین قسمت به مشکل بخوردن و نتونستم به درستی به نتیجه برسن چون کدی که در یک مرورگر به درستی کار می کنه در مرورگر دیکه اصلا جواب نمی ده که هیچ کلی قاطی پاتی هم نشون می ده.
این دقیقا به علم دوستان بر میگرده اگر شما بر اساس استانداردهای w3.org پیش بروید مطمئن باشید هیچ مشکلی پیش نخواهد آمد ، و اینکه مشکل اکثر طراحان تازه کار داشتن اطلاعات کم و پایه ای است که میخواهند با آنها طراح های استاندارد ایجاد کنند

شما هرگز نمی تونید یک فایل PSD را به HTML تبدیل کنید ( از آینده خبری در دست ندارم ) برای این کار باید حتما کار خود را به صورت عکس ذخیره کنید تا بتونید به مواردی که گفتم برسید
حدود 5 سال این کار شدنی است دوست من!
و اکنون هم که با داشتن adobe fireworks CS4 این کار به یک کار مهیج تبدیل شده
امتحان کنید!!
mohrd
05-02-2009, 00:02
این دقیقا به علم دوستان بر میگرده اگر شما بر اساس استانداردهای w3.org پیش بروید مطمئن باشید هیچ مشکلی پیش نخواهد آمد ، و اینکه مشکل اکثر طراحان تازه کار داشتن اطلاعات کم و پایه ای است که میخواهند با آنها طراح های استاندارد ایجاد کنند

حدود 5 سال این کار شدنی است دوست من!
و اکنون هم که با داشتن adobe fireworks cs4 این کار به یک کار مهیج تبدیل شده
امتحان کنید!!
لینک دانلود ؟؟ حجم ؟؟ پشتیبانی از فارسی ؟؟ :27:
vandu
05-02-2009, 00:16
آیا منظور شما این نیست؟

File -> Automate -> Web Photo Gallery
ahmadirad1365
05-02-2009, 16:44
لینک دانلود ؟؟ حجم ؟؟ پشتیبانی از فارسی ؟؟ :27:
پشتیابنی از فارسی؟
همون طور که میدونید این نرم افزار در اصل برای شرکت ماکرومدیا بود که پس از تلفیق شدنش با ادوب تحت لایسنس ادوب وارد بازار میشه و همون طوری که میدونید تمام نرم افزارهای ماکرومدیا با زبان فارسی مشکل دارند بنابر این این نرم افزار از فارسی پشتیبانی نمیکنه و این مطلب هم مهم نیست چون میتونید از فتوشاپ و تمام خانواده ادوب بهش عکس مورد نظر رو وارد کنید و یا از یک فارسی نویس معمولی استفاده نمائید. بهتر است بدانید که این نرم افزار به جای image ready ادوب وارد بازار میشود و دارای امکانات فوالعاده ای است که تنها مشکلش هم درک سخت قابلیتهاش برای مبتدیان میباشد
حجم ؟
من خودم دارم از Adobe Fireworks CS3 Professional 9.x استفاده میکنم که حجمی حدود 250 مگابایت داره.
لینک دانلود ؟
شما میتوانید Adobe Fireworks CS4 را همراه با کد فعال سازی از لینکهای زیر دانلود نمائید:
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

امکانات برجسته جدید Adobe Fireworks CS4
[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]




Adobe Fireworks CS4 Fix & Keygen Included
Rapidly prototype websites and application interfaces with Adobe® Fireworks® CS4 software. Create and optimize images for the web more quickly and accurately than ever before with an enhanced toolset.


You can package an entire site design into one PDF file
Fireworks CS4 enables you to export a clickable prototype as an interactive PDF file, so you can easily collect comments from reviewers and demo your designs.
Exporting Adobe PDF files is effortless
Generate high-fidelity PDF documents from your Fireworks design comps to improve communication with your clients.

Superb design tools are at your fingertips
Apply lighting and shadow effects, styles, and blend modes, including seven new Adobe Photoshop® blend modes, to add depth and character to text and symbols.

Education discounts are available
As a student or educator, you qualify for education pricing.
See the full list of products available for purchase
ahmadirad1365
05-02-2009, 16:51
آیا منظور شما این نیست؟

File -> Automate -> Web Photo Gallery
:27:
خودتون گفتید! این فقط برای ایجاد یک سایت عکس به صورت اتوماتیک به کار میره. ولی دوست ما میخواد یک سند psd رو تبدیل به یک قالب سایت در حالت کلی بنماید (البته با این کار فقط شما قالب رو دارید نه هیچ چیزه دیگر)
DaRiOuShJh
05-02-2009, 18:05
بنده هم همین کار رو کردم

کاره گرافیک قالب تو فوتوشاپ دیشب تموم شد

[ برای مشاهده لینک ، لطفا با نام کاربری خود وارد شوید یا ثبت نام کنید ]

حودا 12 ساعت تا به حال طول کشیده تا کدهاش رو بنویسم و تبدیل بشه به قالب!
تازه بازم کار داره

اگر راهه عملیش رو میخواین همینه که من کردم
mohrd
06-02-2009, 15:34
آقا این fireworks cs4 چه قدر عجیبه !! کسی تاپیک آموزشی براش سراغ نداره ؟؟
آخه من هرچی export می کردم ، یا به صورت عکس ( در قالب فایل htm ) درش میاورد یا همه ی افکت ها و عکس ها رو برمیداشت و به صورت htm , css ایجادش می کرد ...
ahmadirad1365
07-02-2009, 02:18
آقا این fireworks cs4 چه قدر عجیبه !! کسی تاپیک آموزشی براش سراغ نداره ؟؟
آخه من هرچی export می کردم ، یا به صورت عکس ( در قالب فایل htm ) درش میاورد یا همه ی افکت ها و عکس ها رو برمیداشت و به صورت htm , css ایجادش می کرد ...
بله جانم!
همان طوری که فتوشاپ در دنیای عکس (و جدیدن در فیلم و انیمیشن) توانمند است فریم ورک نیز در ایجاد صفحات وب (از لحاظ گرافیکی) پر قدرت است.
با این نرم افزار حتی میتوانید کارهای معمولی مثلا ایجاد انواع منو و یا تغییر ظاهر آبجکت های عمومی html مانند انواع text box ، button و... رو پیاده سازی کنید و بقیش رو به دست ویزاردهای قدرت مند این برنامه بسپارید.
تازه این اول کاره!!!؟
:10:اما در کل بهترین راه یاد گیری فقط و فقط با آزمون و خطا و تمرین میسر میشه