سلام.
توی یکی از سایت ها خوندم که میشه یک قالب با فوتوشاپ درست کنی ، بعدش تبدیل به html کنی ... می خواستم بدونم چطوری ؟؟؟
ممنون ...
Printable View
سلام.
توی یکی از سایت ها خوندم که میشه یک قالب با فوتوشاپ درست کنی ، بعدش تبدیل به html کنی ... می خواستم بدونم چطوری ؟؟؟
ممنون ...
بعد از اینکه قالب رو ساختی و برشهای لازم رو زدی به قسمت file->save for web برو و بقیه ماجرا
منظور از ساخت قالب با فتوشاپ چيه ؟!
يعني بدون نياز به كد نويسي خودش قالب ميسازه ؟!!!
يا فقط شكل قالب رو ميگيد.
این صفحه رو ببینید :::
کد:http://www.ittutorial.ir/?p=352
خوب اين كار چه فايده اي داره ؟!!
مثلا تو اين سايت بالا كه شما بهم دادي طرح قشنگي ساخته بود، ولي خوب دكمه هاش كه كار نميكنه !
تكست باكس كه كار نميكنه، فقط حالت عكس داره.
خوب اين كار به چه دردي ميخوره ؟
سلام دوست عزیزنقل قول:
تا اینجاشو شما باید با فتوشاپ درست کنی که ظاهر قضیس بع شما باید کد نویسی بعضی از قسمت ها رو انجام بدید مثل همین دکمه ها که می گفتین کار نمی کنه شما با فتوشاپ فقط ظاهر سایت رو آماده می کنید.
موفق باشید.
همونطور که دوستان اشاره کردن طراحی گرافیکی قالب تنها گام اول و میشه گفت ساده تر قضیس
طراحی قالب و ... با فتوشاپ و برنامه های دیگه یک طرف تیکه و پاره کردن آنها و قرار دادن آنها در کد HTML و استاندارد کردن آنها یه طرف دیگه
شما بعد از این که یک قالب و یا هر چیزه دیگه ای را با برنامه های گرافیکی ساختید تازه قدم اول را برداشتید حالا کو تا انتهای راه !!!!
شما باید عکس مزبور را تیکه تیکه کنی هر کدام از تیکه ها را در کدهای HTML قرار بدی و آنها را به صورت استاندارد بنویسی که در تمام مرورگرها نشان داده بشه
درباره استاندارد هم فکر نکن که یک کد در تمام مرورگر ها یه یک صورت کار می کنه ها نه بیشتر دوستان توی همین قسمت به مشکل بخوردن و نتونستم به درستی به نتیجه برسن چون کدی که در یک مرورگر به درستی کار می کنه در مرورگر دیکه اصلا جواب نمی ده که هیچ کلی قاطی پاتی هم نشون می ده.
شما بعد از این که قالب رو با برنامه های گرافیکی ساختید باید به HTML و CSS و Javascript هم تسلط داشته باشی تا بتونی به راحتی عکس ایجاد شده را به یک صفحه سایت تبدیل کنی
شما هرگز نمی تونید یک فایل PSD را به HTML تبدیل کنید ( از آینده خبری در دست ندارم ) برای این کار باید حتما کار خود را به صورت عکس ذخیره کنید تا بتونید به مواردی که گفتم برسیدنقل قول:
چطوري فايل هاي psd رو به html تبديل کنم
این دقیقا به علم دوستان بر میگرده اگر شما بر اساس استانداردهای w3.org پیش بروید مطمئن باشید هیچ مشکلی پیش نخواهد آمد ، و اینکه مشکل اکثر طراحان تازه کار داشتن اطلاعات کم و پایه ای است که میخواهند با آنها طراح های استاندارد ایجاد کنندنقل قول:
درباره استاندارد هم فکر نکن که یک کد در تمام مرورگر ها یه یک صورت کار می کنه ها نه بیشتر دوستان توی همین قسمت به مشکل بخوردن و نتونستم به درستی به نتیجه برسن چون کدی که در یک مرورگر به درستی کار می کنه در مرورگر دیکه اصلا جواب نمی ده که هیچ کلی قاطی پاتی هم نشون می ده.
حدود 5 سال این کار شدنی است دوست من!نقل قول:
شما هرگز نمی تونید یک فایل PSD را به HTML تبدیل کنید ( از آینده خبری در دست ندارم ) برای این کار باید حتما کار خود را به صورت عکس ذخیره کنید تا بتونید به مواردی که گفتم برسید
و اکنون هم که با داشتن adobe fireworks CS4 این کار به یک کار مهیج تبدیل شده
امتحان کنید!!
لینک دانلود ؟؟ حجم ؟؟ پشتیبانی از فارسی ؟؟ :27:نقل قول:
آیا منظور شما این نیست؟
File -> Automate -> Web Photo Gallery
پشتیابنی از فارسی؟نقل قول:
همون طور که میدونید این نرم افزار در اصل برای شرکت ماکرومدیا بود که پس از تلفیق شدنش با ادوب تحت لایسنس ادوب وارد بازار میشه و همون طوری که میدونید تمام نرم افزارهای ماکرومدیا با زبان فارسی مشکل دارند بنابر این این نرم افزار از فارسی پشتیبانی نمیکنه و این مطلب هم مهم نیست چون میتونید از فتوشاپ و تمام خانواده ادوب بهش عکس مورد نظر رو وارد کنید و یا از یک فارسی نویس معمولی استفاده نمائید. بهتر است بدانید که این نرم افزار به جای 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
:27:نقل قول:
خودتون گفتید! این فقط برای ایجاد یک سایت عکس به صورت اتوماتیک به کار میره. ولی دوست ما میخواد یک سند psd رو تبدیل به یک قالب سایت در حالت کلی بنماید (البته با این کار فقط شما قالب رو دارید نه هیچ چیزه دیگر)
بنده هم همین کار رو کردم
کاره گرافیک قالب تو فوتوشاپ دیشب تموم شد
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
حودا 12 ساعت تا به حال طول کشیده تا کدهاش رو بنویسم و تبدیل بشه به قالب!
تازه بازم کار داره
اگر راهه عملیش رو میخواین همینه که من کردم
آقا این fireworks cs4 چه قدر عجیبه !! کسی تاپیک آموزشی براش سراغ نداره ؟؟
آخه من هرچی export می کردم ، یا به صورت عکس ( در قالب فایل htm ) درش میاورد یا همه ی افکت ها و عکس ها رو برمیداشت و به صورت htm , css ایجادش می کرد ...
بله جانم!نقل قول:
همان طوری که فتوشاپ در دنیای عکس (و جدیدن در فیلم و انیمیشن) توانمند است فریم ورک نیز در ایجاد صفحات وب (از لحاظ گرافیکی) پر قدرت است.
با این نرم افزار حتی میتوانید کارهای معمولی مثلا ایجاد انواع منو و یا تغییر ظاهر آبجکت های عمومی html مانند انواع text box ، button و... رو پیاده سازی کنید و بقیش رو به دست ویزاردهای قدرت مند این برنامه بسپارید.
تازه این اول کاره!!!؟
:10:اما در کل بهترین راه یاد گیری فقط و فقط با آزمون و خطا و تمرین میسر میشه