اچ تی ام ال 5 و ویژگی های آن

و زمینه فعالیت کاری آن در پلت

فرم های اندروید و آی او اس

HTML5

استاد محترم جناب مهندس صفار خراسانی92زمستان

فهرست

html5تعریف •html5چرا •رابط کاربری و اهمیت آن • با نسخه های قبلی html5 تفاوت های •هزینه یاد گیری و نحوه یاد گیری آن • را آموزش دیدhtml5به چه شکل میتوان کد نویسی • نیاز داریمhtml5چه چیز های دیگری برای برنامه نویسی • و اینکه چه مرورگر های آن را پشتیبانی می کنندhtml5قدرت •html5زمینه های کاری • در پلت فرم html5اپلیکیشن های موبایل و نحوه استفاده از •

اندروید و ای او اسهای در اندروید و آی او اس html5نمونه اپلیکیشن های •

HTMLتعریف

ساده ت+رین زب+ان دنی+ا ب+رای کسب درامد

HTML5 ~= HTML + CSS + JS

HTML5 چرا

امروز چه ویژگی های به زبان اچ تی ام ال اضافه شده

قابلیت استفاده از کد ها در زمان اتصال نداشتن به اینترنت•

قابلیت دسترسی به حافظه •

ارتباط بالدرنگ•

ارتباط کالمی •

استفاده از تگ های هوشمند )کی بورد های عددی و یا حرفی •در فرم ها (

نمایش صوت و تصویر با امکان داشتن زیر نویس در هنگام •نمایش

بعدی ) نیازمند کد های جاوا 3ساخت اشیائ دو بعدی و •اسکریپت(

طراحی ریسپانسیو•

•...

طراحی رابط کاربری

طراحی رابط کاربری

با نسخه های html5 تفاوت های قبلی

HTML 5 ( عناصر و ویژگی های جدیدی به تگ هاtag ) هااضافه کرده است. از لحاظ تکنیکی بعضی از این تگ ها

شبیه هستند. به عنوان مثال تگ جدید spanو divبه nav و تگ جدیدfooter .از این دسته هستند

بعضی دیگر از تگ های جدید مخصوص موتور های جستجو )برای ایندکس کردن اطالعات( ، دستگاه های دارای صفحه کوچک )مانند موبایل( و یا خواننده های

videoو audioصوتی می باشند مانند تگ های جدید

همچنین بعضی از عناصر حذف شده اند. مانند تگ center

هزینه یاد گیری و نحوه یاد گیری آن

دو ساعت در روز به مدت سه ماه

استفاده ازسورس های آنالین

html5به چه شکل میتوان کد نویسی را آموزش دید

دو ساعت در روز به مدت سه ماه

استفاده ازسورس های آنالین

چه چیز های دیگری برای برنامه نویسی html5نیاز داریم

و اینکه چه مرورگر های آن را html5قدرت پشتیبانی می کنند

HTML5 در تمامی مرورگر های جدید پشتیبانی می شود

و اینکه چه مرورگر های آن را html5قدرت پشتیبانی می کنند

https://www.google.com/doodles

html5زمینه های کاری

Onepageطراحی صفحات

html 5 به PSDتبدیل پوسته های

طراحی پوسته های خام با استفاده از کیت های رابط کاربری

طراحی اپلیکیشن های موبایل

اپلیکیشن های موبایل و نحوه استفاده از html5در پلت فرم های اندروید و ای او اس

PhoneGap

http://www.phonegap.com

Sencha

http://www.sencha.com/

اپلیکیشن های موبایل و نحوه استفاده از html5در پلت فرم های اندروید و ای او اس

PhoneGap

http://www.phonegap.com

Sencha

http://www.sencha.com/

در آی او اس html5نمونه اپلیکیشن های

تجربه

www.alighaeni.ir