آموزش تصویری تبدیل psd به html

sh1 graphic · Oct 11, 2011

آموزش ویدیویی تبدیل psd به html

درود بر دوستان آنلاینی

در خواست آموزش تبدیل PSD به HTML با فتوشاپ زیاد بود منم خواستم کار خیری کرده باشم
آموزش ویدیویی هست و با فلش خونده میشه

لینک آپدیت شد

Size:5.89MB
دانلود لینک مستقیم از سرور Sh1Graphic.com (لینک خراب)
دانلود از Media Fire

اگه کم و کسری داشت به بزرگی خودتون ببخشید
موفق و موئید باشید :rose:

L-B · Oct 13, 2011

تشکر از آموزش جمع و جورتون .. و البته مفید برای دوستان که علاقه مند هستند
تنها مسئله ای که میبینم بگم اینه که این خروجی به صورت TABLE هست و چون هر روز داریم به هر چه منسوخ شدن این روش نزدیک تر میشیم به نظر من شاید ( شاید ) درست نباشه افراد مبتدی به این روش تکیه کنند چون بعدا باز تطبیق دادن خودشون با استانداردسازی صفحات ممکنه کمی زمان بر باشه ...
بهتره از همین الان رو روش های table less , Div ( Division ) تکیه داشته باشند ... هم بهتره و هم آسون تر ... :دی
( البته این نظر شخصیمه و ممکنه یکی بپسنده یکی نه .. )
با تشکر

sh1 graphic · Oct 13, 2011

L-B گفت:
تشکر از آموزش جمع و جورتون .. و البته مفید برای دوستان که علاقه مند هستند
تنها مسئله ای که میبینم بگم اینه که این خروجی به صورت TABLE هست و چون هر روز داریم به هر چه منسوخ شدن این روش نزدیک تر میشیم به نظر من شاید ( شاید ) درست نباشه افراد مبتدی به این روش تکیه کنند چون بعدا باز تطبیق دادن خودشون با استانداردسازی صفحات ممکنه کمی زمان بر باشه ...
بهتره از همین الان رو روش های table less , Div ( Division ) تکیه داشته باشند ... هم بهتره و هم آسون تر ... :دی
( البته این نظر شخصیمه و ممکنه یکی بپسنده یکی نه .. )
با تشکر

ممنون از لطفتون
درست میگید اتفاقا زیاد بهش دقت نداده بودم
:rose:

amirsport · Oct 13, 2011

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

L-B · Oct 14, 2011

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

ادرس عکس ها رو چجوری گذاشتین .... ؟
باید به این صورت باشه :

کد:

اگر اینجور باشه فولدر عکسها ...
http://Sitename.com/image
مثال :
http://Sitename.com/image/ax.jpg

ادرسٍ ادرسدهی عکس اینه : 
<img src="image/ax.jpg />

amirsport · Oct 14, 2011

آدرس عکس روی ویندوزمه.
جایی آپلود نشده.

این آدرسشه:

<img src="images/Amir-1_01.jpg"

sh1 graphic · Oct 14, 2011

آدرس عکس روی ویندوزمه.
جایی آپلود نشده.

این آدرسشه:

<img src="images/Amir-1_01.jpg"

خب شما باید اول عکستون رو آپلود کنید بعد از اون آدرس عکسی که آپلود کردید رو بزارید
برای آپلود میتونید از آپلود سنتر مجید آنلاین استفاده کنید (البته اگه خودتون هاست ندارید)

برای مثال من این عکس رو اول آپلود کردم بعد به کدم اضافه کردم

کد:

 <img src="http://sh1graphic.com/dl/pic/steve-jobs%5BSh1Graphic.com%5D.jpg"

amirsport · Oct 14, 2011

این وبلاگ منه.
با راهنمایی شما ساختم.
www.Amirdesigner.persianblog.ir
به نظرم خیلی یوقوره انداز استانداردش چقد باید باشه؟

sh1 graphic · Oct 14, 2011

این وبلاگ منه.
با راهنمایی شما ساختم.
www.Amirdesigner.persianblog.ir
به نظرم خیلی یوقوره انداز استانداردش چقد باید باشه؟

خسته نباشی
میشه گفت برای اولین بار بد نیست
همه ی قسمت های آموزش رو انجام دادید
و این که میگید یوقوره ...
مشکل اول طراحیه، که خیلی ساده ست و معلومه که زیاد حرفه ای نیست
سعی کن بیشتر روی طراحی کار کنی یه سری هم آموزش HTML و CSS بخون بدردت میخوره
اندازه استانداری به نظر من وجود نداره
بستگی به طرح داره
میتونه 1000 در 800 باشه
شما وقتی صفحه ای طراحی میکنی مثلا با جداول یا با CSS و div عرض اون رو 800 pixel در نظر میگیری توی همه رزولوشن ها همون 800px هست