آموزش طراحی وب

مدرسه مجازی ایرانیان

دسته بندی موضوعات
سفارش تبلیغات

HTML5 چیست؟

HTML5 چیست؟

فصل چهارم ( معرفی HTML5 )

جلسه  اول ( HTML5 چیست؟)

سلام خدمت همراهان عزیز مدرسه مجازی ایرانیان

امروز میخوایم HTML5 رو به شما دوستان معرفی کنیم . همونطور که میدونید ، هر نرم افزار یا هر زبانی روزانه در حال پیشرفته و توسعه دهندگان برای توسعه ی آنها بصورت پیوسته در حال تلاش هستند .

 تا چند سال پیش کدنویسان برای کدنویسی پروژه هاشون همگی از HTML4 استفاده میکردند ، اما امروزه با روی کار اومدن HTML5 و پیشرفت چشمگیری که تو این نسخه از HTML میبینیم ، اکثریت از این نسخه ی پیشرفته استفاده می کنند .  نسخه ی ۵ اچ تی ام ال تقریبا همه چیز رو امکان پذیر کرده و هر قابلیتی که بخواین میتونید توی پروژتون پیاده سازی کنید .

 در این نسخه از HTML عناصر حرفه ای جدیدی اضافه شده که به مرور این عناصر رو معرفی میکنیم و نحوه ی کار با اونهارو آموزش میدیم . در ابتدا مرورگرها تا حدودی با این نسخه مشکل داشتند ، اما با توسعه ی مرورگرها ، نسخه ی ۵ محبوب تر از نسخه ی ۴ شناخته شد .

HTML5 از CSS3 بصورت کامل پشتیبانی میکنه ، در این نسخه عناصر و استانداردهایی وجود داره که به شما این امکان رو میده که بتونید یک صفحه ی وب با قابلیت هایی در حد یک صفحه ی طراحی شده با flash یا سیلورلایت  پیاده کنید . از نظر پیاده سازی افکت ها و مالتی مدیا ، میشه گفت HTML5 فوق العادست و میتونه جایگزین مناسبی برای flash باشه . چراکه flash نیازمند نصب افزونه ها و برنامه های راه اندازی هست که ممکنه به عنوان مثال ، یک موبایل قابلیت نمایش محتویات یه صفحه ی flash رو نداشته باشه ، اما در هر حال قابلیت نمایش یک صفحه ی html5 رو داره .

شما با استفاده از HTML5 و CSS3 میتونید یک صفحه ی کاملا سبک و Full css کدنویسی کنید ، چرا که بسیاری از گرافیک هارو میتونید با کد پیاده سازی کنید ؛ که این امر در سرعت بارگزاری صفحات بسیار تاثیر گذار خواهد بود  ؛ همچنین میتونید صفحات انعطاف پذیر و واکنش گرا طراحی کنید ، به گونه ای که صفحات در تمامی موبایل ها ، تبلت ها و … به خوبی نمایش داده شوند .

در html5 برخی از عناصر و خاصیت های زاید حذف شده ، به عنوان مثال :

در HTML4 شما کد زیر و ابتدای سندتون قرار میدادید :

 اما در HTML5 این کد خلاصه و تمیز شده و بصورت زیر دراومده :

 در نسخه ۵ شما قادر هستید ، بخش های مختلف صفحه رو با عناصر جدید ، تقسیم بندی و مرتب سازی کنید که این موضوع میتونه به سئوی سایت شما کمک کنه  .

ساختار semantic در HTML5

<nav>  : منوی سایت
<aside>  : ستون های کناری
<section>  : بخش مربوط به محتوای یکسان
<header>  : هدر
<footer>  : فوتر
<article> :  محتوای اصلی / مقاله

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

پس باما همراه باشید 😉

تهیه شده در مدرسه مجازی ایرانیان

<<

>>

اگر این آموزش برای شما مفید بود با دوستان خود به اشتراک بگذارید



سفارش تبلیغات

گردآوری و تالیف : میترا رحیمی

بنیانگذار و نوسنده در مدرسه مجازی ایرانیان و سردبیر ماهنامه طراحی وب همچنین مدرس و مسلط به برنامه نویسی سمت سرور با PHP MVC و برنامه نویسی سمت کلاینت با html 5 , css3 , jquery , مبانی سئو و سیستم مدیریت محتوای وردپرس

خوراک خوشمزه و علمی روزانه
با وارد کردن ایمیلتون در فیلد روبرو آموزش های جذاب و vip دریافت نمایید

آموزش های مرتبط با این مطلب

دیدگاه های مخاطبین

لطفا تنها دیدگاه خود را در رابطه با این مطلب ارسال نمایید، سوالات را از طریق سامانه پرسش و پاسخ مطرح نمایید. سوالات در دیدگاه ها تایید نخواهد شد.

وبلاگ مدرسه

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

مدرسین مدرسه

  • حسین همت یار

    حسین همت یار

    مدرس ، طراح رابط کاربری وب و موبایل با 8 سال سابقه ی فعالیت حرفه ای

سوابق کامل

آخرین پرسش و پاسخ ها

آخرین پرسش و پاسخ ها
شما هم سوالی دارید ؟