صفت Font در Css3

اگر به آموزشهای طراحی قالب با Html . Css دقت کرده باشید ، برای تعیین نوع فونتهای وب سایت معمولا از Tahoma استفاده می کردم .
دلیل این کار هم این بود که مرورگرها فقط از یک سری فونت استاندارد که قدرت خواندن آن را داشته اند پشتیبانی می کردند و طراحان نمی توانستند از فونت دلخواه در طراحی قالب وب سایت استفاده کنند .
ولی این مشکل در Css3 برطرف شده و شما می توانید به راحتی فونت مورد نظر را به عنوان یا متن اصلی صفحه اختصاص بدهید  .
این ویژگی در همه مرورگرها پشتیبانی می شود  .
فایرفاکس ، کروم ، سافاری و اپرا از فونت های .ttf و .otf پشتیبانی میکنند .
اینترنت اکسپلورر 9 به بالا از @font-face پیروی میکند ولی فقط از فونت .eot پشتیبانی می کند .
اینترنت اکسپلورر 8 به پایین از @font-face پشتیبانی نمی کند .

Text Effect در Css3

یکی از ویژگیهایی که خود من در قالب جدید از آن استفاده کرده ام Text Shadow می باشد با استفاده از این قابلیت به راحتی می توانیم یک سایه برای متن یا عنوانهای اصلی سایت ایجاد کنیم . ویژگی Text Shadow و Word wrap زیر مجموعه Text Effect می باشد .
اینترنت اکسپلورر 10 ، فایرفاکس ، اوپرا ، کروم . سافاری از ویژگی Text Shadow پشتیبانی می کنند .
تمام مرورگرها از ویژگی word warp پشتیبانی می کنند .

صفت Background در Css3

دومین ویژگی جدید که به Css3 اضافه شده است استفاده از چند تصویر به عنوان پس زمینه قالب وب سایت می باشد . ویژگی Background هم دارای دو زیر مجموعه می باشد که قصد دارم در ادامه برای شما توضیح بدهم . اولین ویژگی background-size و دومین ویژگی background-origin می باشد .
هر دو خاصیت در مرورگرهای اینترنت اکسپلورر نسخه 9 به بعد ، فایرفاکس ، کروم ، سافاری و اوپرا پشتیبانی می شود .

صفت Border در Css3

یکی از ویژگیهای جدید Css3  بوردر (Border) می باشد . در نسخه قبلی Css3  اگر میخواستیم یک کادر با لبه های گرد در قالب وب سایت ایجاد کنیم باید از تصاویری که در پوسته قالب در نرم افزار فتوشاپ طراحی شده بود استفاده می کردیم که بسیار کار زمان بر و خسته کننده ای بود اما در Css3 این ویژگی اضافه شده و طراحان براحتی می توانند یک کادر با لبه های گرد ایجاد کنند .
3 ویژگی در Css3  برای Border اضافه شده است . اول لبه های گرد ، دوم سایه دار کردن کادر و در پایان استفاده از تصاویر به عنوان لبه های کادر کشیده شده که هر کدام را در ادامه با مثال آموزش میدهم .
قبل از استفاده از ویژگیهای جدید طراحان باید بدانند که آیا تمام مرورگرها از این خاصیت های جدید پشتیبانی می کنند یا خیر ؟
اینترنت اکسپلورر نسخه 9 به بعد ، فایرفاکس ، کروم ، سافاری و موزیلا از ویژگی border- radius پشتیبانی می کنند .
اینترنت اکسپلورر  ، فایرفاکس ، کروم ، سافاری و موزیلا از ویژگی box-shadow پشتیبانی می کنند .
 فایرفاکس ، کروم ، سافاری و موزیلا از ویژگی border-image پشتیبانی می کنند .(اینترنت اکسپلورر از این خاصیت پشتیبانی نمی کند)
نکته مهم :
فایرفاکس برای border-image نیاز به پیشوند -moz دارد.
کروم و سافاری برای استفاده از border-image نیاز به پیشوند -webkit- دارند .
اوپرا برای border-image نیاز به پیشوند -o- دارد.        

آموزش تبدیل / Convert فرمت های صوتی و تصویری با Video Magic 6

تا به حال شده بخواهید یک فایل تصویری که از اینترنت دانلود کرده اید را با نرم افزار های پیش فرض ویندوز باز کنید اما نرم افزار مدیا پلیر امکان باز کردن آن را نداشته باشد (برفرض مثال) ؟ در این مواقع چه فکری به ذهن شما میرسد ؟ معمولا کاربرانی که به صورت دائم از کامپیوتر استفاده می کنند از نرم افزار های تبدیل یا همان کانورتورها استفاده می کنند ، دلیل اینکار هم این هست که هر نرم افزاری که بر روی سیستم عامل نصب می شود یک مقدار فضا از حافظه استاندارد و پردازنده مشغول می کند به همین دلیل منطقی نیست که برای هر فرمتی یک نرم افزار خاص بر روی ویندوز نصب شود . 
در این مقاله میخواهم یک نرم افزار کاربردی و سبک که به کاربر کامپیوتر کمک می کند تا فایل های دانلود شده از اینترنت ، یا فایل های تصویری که در گوشی تلفن همراه ذخیره کرده است را به فرمت قابل پخش تبدیل کند .
نام نرم افزار آموزش Video Magic 6 می باشد . (لینک دانلود مستقیم)
نرم افزار Blaze Video Magic ابزاری قدرتمند و در عین حال با کاربری راحت و آسان جهت تبدیل انواع فایل های مالتی مدیا می باشد. این نرم افزار قادر است کلیه فایل های تصویری، صوتی و ویدئویی را به محبوب ترین و رایج ترین فرمت ها جهت استفاده در کلیه دستگاه های جانبی مانند موبایل ها، MP3 player ها، پخش کننده های MPEG4 و ... تبدیل نماید. این نرم افزار با دریافت فایل های مختلف تصویری از ورودی (RM; RMVB; AVI; WMV; ASF; MPG) آنها را طی عملیات سریعی به فرمت مورد نظر شما تبدیل كرده (ASF و AVI) و در خروجی تحویل می دهد . 

آموزش ابزار Slice Tool در فتوشاپ

یکی از کاربردی ترین ابزار در طراحی قالب وب سایت ، ابزار Slice Tool می باشد . کاربرد این ابزار چیست ؟ همانطور که میدانید قبل از اینکه قالب وب سایت با زبانهای برنامه نویسی کدنویسی شود ابتدا باید در فتوشاپ طرح مورد نظر شبیه سازی شود .
مثل ساختن یک خانه می ماند ، ابتدا باید نقشه زمین مورد نظر طراحی و در مرحله بعدی خانه ساخته شود .
ساخت وب سایت هم به این صورت می باشد . ابتدا باید طرح قالب در نرم افزار فتوشاپ طراحی شده و در مرحله بعدی بوسیله زبانهای برنامه نویسی ساخته شود .
شاید از خودتان این سوال را بپرسید که به چه صورت قالبی که در فتوشاپ طراحی می شود بوسیله زبانهای برنامه نویسی تبدیل به یک وب سایت می شود . روش کار به این صورت هست که ابتدا باید طرح اول در فتوشاپ طرح ریزی شود ، سپس مشکلاتی که در طراحی وجود دارد ویرایش می شود ، در مرحله بعدی باید بوسیله ابزار Slice Tool قسمت هایی که می خواهیم در وب سایت استفاده کنیم را برش داده و در پوشه تصاویر وب سایت ذخیره می کنیم .
بعضی از کاربران فکر می کنند که همان تصویری که در فتوشاپ وجود دارد وارد محیط اینترنت می شود ولی اینطور نیست ، با ظرافت بسیار زیاد باید همه این قسمت ها بوسیله تکرار در کنار هم در یک قالب وب سایت قرار بگیرد که در همه مرورگرها به یک صورت نمایش داده شود . روش اینکار هم آموزش داده ام کافیست یک سری به بخش آموزش طراحی قالب با HTML و CSS بزنید تا بیشتر با این مبحث آشنا شوید .
با توجه به توضیحات بالا قصد دارم روش کار با ابزار Slice Tool را به صورت کامل آموزش بدهم  . 

آموزش Css3 - مقدمه

CSS روشی است برای تغییر ظاهری اسناد HTML یا صفحات وب . این جمله ایست که در بخش مقدماتی آموزش CSS توضیح داده ام .

اما Css3 چیست و چه تفاوتی با Css دارد ؟
Css3 ورژن جدید همان Css است اما با قابلیت ها و ویژگیهای بیشتر که بسیار کار طراحان را راحت تر کرده است . ویژگیهای مثل سایه دار کردن متن تایپ شده همانند عنوانهایی که برای آموزشهای سایت آسا رایان استفاده شده است  . 
منحنی کردن لبه های کادرهایی که در Css وجود نداشت ولی در Css3 گنجانده شده است .
استفاده از چند تصویر پس زمینه به عنوان بک گراند ، ویژگی که در Css وجود نداشت .
ایجاد افکت های حرکتی بر روی عناصر صفحه ، ویژگی که به طراح این امکان را میدهد که بدون نیاز به جاوا به هدف خود برسد .
انیمیشن ، به حرکت در آوردن اجزا صفحه و ... .