اچ تی ام ال 5 و ویژگی های آن
TRANSCRIPT
![Page 1: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/1.jpg)
و زمینه فعالیت کاری آن در پلت
فرم های اندروید و آی او اس
HTML5
استاد محترم جناب مهندس صفار خراسانی92زمستان
![Page 2: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/2.jpg)
فهرست
html5تعریف •html5چرا •رابط کاربری و اهمیت آن • با نسخه های قبلی html5 تفاوت های •هزینه یاد گیری و نحوه یاد گیری آن • را آموزش دیدhtml5به چه شکل میتوان کد نویسی • نیاز داریمhtml5چه چیز های دیگری برای برنامه نویسی • و اینکه چه مرورگر های آن را پشتیبانی می کنندhtml5قدرت •html5زمینه های کاری • در پلت فرم html5اپلیکیشن های موبایل و نحوه استفاده از •
اندروید و ای او اسهای در اندروید و آی او اس html5نمونه اپلیکیشن های •
![Page 3: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/3.jpg)
HTMLتعریف
ساده ت+رین زب+ان دنی+ا ب+رای کسب درامد
HTML5 ~= HTML + CSS + JS
![Page 4: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/4.jpg)
HTML5 چرا
امروز چه ویژگی های به زبان اچ تی ام ال اضافه شده
قابلیت استفاده از کد ها در زمان اتصال نداشتن به اینترنت•
قابلیت دسترسی به حافظه •
ارتباط بالدرنگ•
ارتباط کالمی •
استفاده از تگ های هوشمند )کی بورد های عددی و یا حرفی •در فرم ها (
نمایش صوت و تصویر با امکان داشتن زیر نویس در هنگام •نمایش
بعدی ) نیازمند کد های جاوا 3ساخت اشیائ دو بعدی و •اسکریپت(
طراحی ریسپانسیو•
•...
![Page 5: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/5.jpg)
طراحی رابط کاربری
![Page 6: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/6.jpg)
طراحی رابط کاربری
![Page 7: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/7.jpg)
با نسخه های html5 تفاوت های قبلی
HTML 5 ( عناصر و ویژگی های جدیدی به تگ هاtag ) هااضافه کرده است. از لحاظ تکنیکی بعضی از این تگ ها
شبیه هستند. به عنوان مثال تگ جدید spanو divبه nav و تگ جدیدfooter .از این دسته هستند
بعضی دیگر از تگ های جدید مخصوص موتور های جستجو )برای ایندکس کردن اطالعات( ، دستگاه های دارای صفحه کوچک )مانند موبایل( و یا خواننده های
videoو audioصوتی می باشند مانند تگ های جدید
همچنین بعضی از عناصر حذف شده اند. مانند تگ center
![Page 8: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/8.jpg)
هزینه یاد گیری و نحوه یاد گیری آن
دو ساعت در روز به مدت سه ماه
استفاده ازسورس های آنالین
![Page 9: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/9.jpg)
html5به چه شکل میتوان کد نویسی را آموزش دید
دو ساعت در روز به مدت سه ماه
استفاده ازسورس های آنالین
![Page 10: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/10.jpg)
چه چیز های دیگری برای برنامه نویسی html5نیاز داریم
![Page 11: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/11.jpg)
و اینکه چه مرورگر های آن را html5قدرت پشتیبانی می کنند
HTML5 در تمامی مرورگر های جدید پشتیبانی می شود
![Page 12: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/12.jpg)
و اینکه چه مرورگر های آن را html5قدرت پشتیبانی می کنند
https://www.google.com/doodles
![Page 13: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/13.jpg)
html5زمینه های کاری
Onepageطراحی صفحات
html 5 به PSDتبدیل پوسته های
طراحی پوسته های خام با استفاده از کیت های رابط کاربری
طراحی اپلیکیشن های موبایل
![Page 14: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/14.jpg)
اپلیکیشن های موبایل و نحوه استفاده از html5در پلت فرم های اندروید و ای او اس
PhoneGap
http://www.phonegap.com
Sencha
http://www.sencha.com/
![Page 15: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/15.jpg)
اپلیکیشن های موبایل و نحوه استفاده از html5در پلت فرم های اندروید و ای او اس
PhoneGap
http://www.phonegap.com
Sencha
http://www.sencha.com/
![Page 16: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/16.jpg)
در آی او اس html5نمونه اپلیکیشن های
![Page 17: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/17.jpg)
تجربه
![Page 18: اچ تی ام ال 5 و ویژگی های آن](https://reader036.vdocuments.net/reader036/viewer/2022081519/558e173a1a28ab79788b46bf/html5/thumbnails/18.jpg)
www.alighaeni.ir