طراحی قالب سایت

آموزش تبدیل فایل PSD به HTML5 و CSS3(ساخت صفحه ورود) | رابین وب | RabinWeb

ساخت صفحه ورود به وسیله CSS3 و HTML5:. هنگامی که ما به وسیله css2 می خواستیم یک فایل psd را به html تبدیل کنیم نیاز به تعداد زیادی تصویر داشتیم,تصاویری برای input ها,تصاویری برای دکمه ها و … زیرا نمی توانستیم آنها را به وسیله css2 ایجاد کنیم. ولی در CSS3 شما نیاز به همه تصاویر خود در قالب psd ندارید. تنها بایستی فرم ظاهری آن را در فتوشاپ طراحی کرد و بقیه کار را به CSS3 سپرد. به غیر از ظاهر زیبای فرم ورودی که با تکنولوژی های Css3 و HTML5 ایجاد می کنیم,این زبان ها این امکان را به ما می دهند که در مورد اطلاعات ورودی هم تصمیم گیری کنیم. مثلا ایمیل

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

ادامه مطلب ...
آموزش تبدیل فایل PSD به HTML5 و CSS3(قالب موبایل) | رابین وب | RabinWeb

در قسمت دوم این پروژه قصد تبدیل فایل PSD را به HTML5 و CSS3 داریم. برای کد نویسی این قالب ابتدا بایستی مقداری درباره دو استاندارد HTML5 و CSS3 بدانید. همانطور که مشاهده کردید در قسمت اول این پروژه قالب موبایل را در نرم افزار فتوشاپ طراحی کردیم که می توانید از لینک زیر مشاهده کنید. قبل از شروع این آموزش شما بایستی به نحوه تبدیل فایل Psd به HTML و CSS تسلط داشته باشید. در این آموزش از نرم افزار DreamWeaver استفاده کنید. یک سند HTM ایجاد کنید. یک فولدر هم برای تصاویر خود ایجاد کنید تا در دامه تصاویر اسلایس شده را درون آن قرار دهید. طراحی قالب مو

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

ادامه مطلب ...
تبدیل psd به html/css (قالب خاکستری) | رابین وب | RabinWeb

قالبی که قصد کد نویسی آن را داریم,شباهت زیادی به قالب های سیستم های مدیریت محتوا دارد. شما بعد از این آموزش می توانید یک قالب اختصاصی برای خود طراحی کنید و قسمت های دلخواه را حذف یا اضافه کنید. در این آموزش ما تنها با CSS و HTML کار می کنیم و تنها برای استاندارد کردن قالب در مرورگر اینترنت اکسپلورر ۶ از چند تابع CSS3 استفاده می کنیم. طرح کلی قالب :. همانطور که می دانید در این آموزش قصد طراحی را نداریم و فقط کدنویسی آن یعنی تبدیل PSD به CSS/HTML را فرا می گیرید. اسلایس کردن:. با استفاده از ابزار Slice شما می توانید بخش های مورد نیاز قالب خود را

تبدیل psd به قالب تبدیل قالب وب قالب وب psd

ادامه مطلب ...

بهترین مشاغل و خدمات شهر خود را ، در سایت نشونه پیدا کنید.

مشاهده سایت نشونه