PDA

View Full Version : آموزش: اموزش تصویری تبدیل قالب psd به html



caspianhero
یک شنبه 17 دی 1391, 20:02 عصر
با سلام بر دوستان
میخواستم بدونم کسی طریقه ی تبدیل قالب psd به html می داند؟؟ یا اموزش تصویری ای در این مورد سراغ دارد؟؟
که بیشتر فوتوشاپ و طریقه ی طراحی قالب در محیط فو توشاپ را توضیح داده باشد؟؟ من سایت های زیادی را دیدم ولی هیچ کدام کامل و پایه ای توضیح ندادند!!!
مثلا توی این اموزش بیشتر به کد نویسی توجه شده هست تا طراحی گرافیکی قالب!! و عکس ها از قبل طراحی شده بودند!!
http://barnamenevis.org/showthread.php?350524-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%DB%8C%DA%A9-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B3%D8%A7%D8%AF%D9%87-%D8%A8%D8%A7-CSS-HTML
لطفا راهنمایی کنید؟؟
سپاس

saadatieathar
یک شنبه 17 دی 1391, 22:41 عصر
سلام.
شما اگر كد نويسي html و css رو در حد معمولي ياد بگيريد خيلي راحت مي تونيد قالب psd رو به html تبديل كنيد.
اگر بخواييد الان آموزش تبديل رو ياد بگيريد خوب قالبي كه تبديل مي كنيد پر از عكس هست و مطمئنا يه حجم خيلي زيادي داره
ولي كد نويسي تون كه خوب بشه بعد مي بينيد كه خيلي چيزها رو كه توي فتوشاپ طرح مي زنيد نيازي نيست به صورت عكس بيارد و خيلي ساده ميشه با كد نويسي به هدفتون برسيد كه اين خيلي عاليه ميشه.

webdesign2
یک شنبه 17 دی 1391, 23:57 عصر
سلام دوست عزیز !

شما میتوانید از تالار (http://barnamenevis.org/showthread.php?350524-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%DB%8C%DA%A9-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%B3%D8%A7%D8%AF%D9%87-%D8%A8%D8%A7-CSS-HTML) آموزش ببینید یا از لینک (http://mihandownload.com/2011/04/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-%DA%A9%D8%AA%D8%A7%D8%A8-%D8%A2%D9%85%D9%88%D8%B2%D8%B4-%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA---%D8%B7%D8%B1%D8%A7%D8%AD%DB%8C-%D9%82%D8%A7%D9%84%D8%A8-%D8%AF%D8%B1-%D9%81%D8%AA%D9%88%D8%B4%D8%A7%D9%BE-%D8%AA%D8%A7-%DA%A9%D8%AF-%D9%86%D9%88%DB%8C%D8%B3%DB%8C-css.php) استفاده کنید و یا می توانید از برنامه Artisteer (http://p30download.com/fa/entry/12570/software/web-development/web-design/%D8%AF%D8%A7%D9%86%D9%84%D9%88%D8%AF-artisteer-%D9%86%D8%B1%D9%85-%D8%A7%D9%81%D8%B2%D8%A7%D8%B1-%D8%B3%D8%A7%D8%AE%D8%AA-%D9%82%D8%A7%D9%84%D8%A8-%D9%88%D8%A8-%D8%B3%D8%A7%DB%8C%D8%AA-/) که محیط کاری مثل word 2007 داره و راحت میشه یه قالب زیبای html درست کرد .

caspianhero
دوشنبه 18 دی 1391, 07:45 صبح
شما اگر كد نويسي html و css رو در حد معمولي ياد بگيريد خيلي راحت مي تونيد قالب psd رو به html تبديل كنيد.
اگر بخواييد الان آموزش تبديل رو ياد بگيريد خوب قالبي كه تبديل مي كنيد پر از عكس هست و مطمئنا يه حجم خيلي زيادي داره
ولي كد نويسي تون كه خوب بشه بعد مي بينيد كه خيلي چيزها رو كه توي فتوشاپ طرح مي زنيد نيازي نيست به صورت عكس بيارد و خيلي ساده ميشه با كد نويسي به هدفتون برسيد كه اين خيلي عاليه ميشه.
سلام و تشکر: من css یکم بلدم و حرف شما هم درسته: ولی همه چیز را نمیشه با css طراحی کرد مثل هدر سایت!! اگر دقت کنید می بینید که بیشتر سایت ها طراحی شان با فوتوشاپ هست!! پس ان پوشه image چی هست توی قالب سایت ها!؟؟

saadatieathar
دوشنبه 18 دی 1391, 13:35 عصر
خوب هدر رو شما از فايل psd بر مي داريد و ميشه يه تصوير،ذخيره مي كنيد.بعد با كد نويسي مياريدش توي صفحه وبتون.

e_a_23
سه شنبه 19 دی 1391, 14:33 عصر
یه سایتی هست که توش آموزش ویدیویی رایگان طراحی سایت داره.14 قسمت داره که از اول طراحی توی فتوشاپ و اسلایسینگ و تبدیل Psd به Html و ... خیلی هم ساده و روان توضیح دادهhttp://www.cgtv.ir/?cat=23&paged=3.به تازگی هم آموزش های Jquery دارن میذارن که تا الان 5 قسمتشو گذاشتن.پیشنهاد می کنم حتما سری به این سایت بزنید.

caspianhero
سه شنبه 19 دی 1391, 18:19 عصر
متشکر: لطفا دوستان دیگر هم اگر از اینجور سایت ها می شناسند: لطفا معرفی کنند!