1. ‫5‪HTML‬‬
‫و زمینه فعالیت کاری‬
‫آن در پلت فرم های‬
‫اندروید و آی او اس‬
‫زمستان 29‬
‫استاد محترم جناب مهندس صفار خراسانی‬

2. ‫فهرست‬
‫•‬
‫تعریف 5‪html‬‬
‫•‬
‫چرا 5‪html‬‬
‫•‬
‫رابط کاربری و اهمیت آن‬
‫•‬
‫تفاوت های 5‪ html‬با نسخه های قبلی‬
‫•‬
‫هزینه یاد گیری و نحوه یاد گیری آن‬
‫•‬
‫به چه شکل میتوان کد نویسی 5‪ html‬را آموزش دید‬
‫•‬
‫چه چیز های دیگری برای برنامه نویسی 5‪ html‬نیاز داریم‬
‫•‬
‫قدرت 5‪ html‬و اینکه چه مرورگر های آن را پشتیبانی می کنند‬
‫•‬
‫زمینه های کاری 5‪html‬‬
‫•‬
‫•‬
‫اپلیکیشن های موبایل و نحوه استفاده از 5‪ html‬در پلت فرم های‬
‫اندروید و ای او اس‬
‫نمونه اپلیکیشن های 5‪ html‬در اندروید و آی او اس‬

3. ‫تعریف ‪HTML‬‬
‫ساده تر ین زبان دن یا برای کسب‬
‫درامد‬
‫+ ‪HTML5 ~= HTML + CSS‬‬
‫‪JS‬‬

4. ‫چرا 5‪HTML‬‬
‫امروز چه ویژگی های به زبان اچ تی ام ال اضافه شده‬
‫•‬
‫قابلیت استفاده از کد ها در زمان اتصال نداشتن به‬
‫اینترنت‬
‫•‬
‫قابلیت دسترسی به حافظه‬
‫•‬
‫ارتباط بلدرنگ‬
‫•‬
‫ارتباط کلمی‬
‫•‬
‫استفاده از تگ های هوشمند ) کی بورد های عددی و‬
‫یا حرفی در فرم ها (‬
‫•‬
‫نمایش صوت و تصویر با امکان داشتن زیر نویس در‬
‫هنگام نمایش‬
‫•‬
‫ساخت اشیائ دو بعدی و 3 بعدی ) نیازمند کد های‬
‫جاوا اسکریپت(‬
‫•‬
‫طراحی ریسپانسیو‬

5. ‫طراحی رابط کاربری‬

6. ‫طراحی رابط کاربری‬

7. ‫تفاوت های 5‪ html‬با نسخه های‬
‫قبلی‬
‫) عناصر و ویژگی های جدیدی به تگ ها‪ ) tag‬ها‬
‫5 ‪HTML‬‬
‫اضافه کرده است. از لحاظ تکنیکی بعضی از این تگ ها‬
‫به‪ div‬و‪ span‬شبیه هستند. به عنوان مثال تگ جدید‪nav‬‬
‫و تگ جدید‪ .footer‬از این دسته هستند‬
‫بعضی دیگر از تگ های جدید مخصوص موتور های‬
‫جستجو ) برای ایندکس کردن اطلعات( ، دستگاه های‬
‫دارای صفحه کوچک ) مانند موبایل( و یا خواننده های‬
‫صوتی می باشند مانند تگ های جدید ‪ audio‬و ‪video‬‬
‫همچنین بعضی از عناصر حذف شده اند. مانند تگ ‪center‬‬

8. ‫هزینه یاد گیری و نحوه یاد گیری آن‬
‫دو ساعت در روز به مدت سه ماه‬
‫استفاده ازسورس های آنلین‬

9. ‫به چه شکل میتوان کد نویسی 5‪ html‬را‬
‫آموزش دید‬
‫دو ساعت در روز به مدت سه ماه‬
‫استفاده ازسورس های آنلین‬

10. ‫چه چیز های دیگری برای برنامه نویسی 5‪html‬‬
‫نیاز داریم‬

11. ‫قدرت 5‪ html‬و اینکه چه مرورگر های آن را‬
‫پشتیبانی می کنند‬
‫5‪HTML‬‬
‫شود در تمامی م‬

12. ‫قدرت 5‪ html‬و اینکه چه مرورگر های آن را‬
‫پشتیبانی می کنند‬
‫‪https://www.google.com/doodles‬‬

13. ‫زمینه های کاری 5‪html‬‬
‫طراحی صفحات ‪Onepage‬‬
‫تبدیل پوسته های ‪ PSD‬به 5 ‪html‬‬
‫طراحی پوسته های خام با استفاده از کیت های رابط‬
‫کاربری‬
‫طراحی اپلیکیشن های موبایل‬

14. ‫اپلیکیشن های موبایل و نحوه استفاده از 5‪ html‬در‬
‫پلت فرم های اندروید و ای او اس‬
‫‪PhoneGap‬‬
‫‪http://www.phonegap.com‬‬
‫‪Sencha‬‬
‫‪/http://www.sencha.com‬‬

15. ‫اپلیکیشن های موبایل و نحوه استفاده از 5‪ html‬در‬
‫پلت فرم های اندروید و ای او اس‬
‫‪PhoneGap‬‬
‫‪http://www.phonegap.com‬‬
‫‪Sencha‬‬
‫‪/http://www.sencha.com‬‬

16. ‫نمونه اپلیکیشن های 5‪ html‬در آی او اس‬

17. ‫تجربه‬

18. www.alighaeni.ir