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

HTML5 چیست؟

در این جلسه ی آموزشی ، به معرفی 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 رو طی چند جلسه بصورت کامل بهتون آموزش میدم و بعد باهم یک پروژه رو شروع می کنیم که طی انجام این پروژه ، ویدئو هم تهیه میشه و بصورت رایگان در اختیار شما قرار میگیره .

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

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

حسین همت یار

نویسنده در مدرسه مجازی ایرانیان ، دانشجوی رشته IT ، طراح وب و علاقه مند به تازه های دنیای اینترنت و وب و البته لینوکس

ثبت دیدگاه

آیا سوالی دارید؟

پنل کاربران

بستن
*
*

نظرسنجی

به کدام دسته موضوعی علاقه مند هستید؟

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

اموزش تصادفی

خبرهای باحال دریافت کن

خبرهای باحال دریافت کن

ما هم مثل شما از دریافت ایمیل های مزاحم خوشمون نمیاد. فقط مطالب جدید و خبرهای ویژه رو به اطلاع شما میرسونیم. قول میدیم اسپم نکنیم :)

ثبت نام انجام شد ، لطفا ایمیلی که براتون ارسال میشه رو تایید کنین