آموزش طراحی سایت و برنامه نویسی وب با html 5

[TAHA]

در این تاپیک به معرفی و آموزش ورژن جدید زبان استاندارد طراحی صفحات وب یعنی html5 می پردازيم .
Html 5 دارای قابلیت ها و امکانات جدیدی است که کار را برای طراحان وب بسیار ساده می کند .
از جمله این امکانات می توان به پخش فایل های صوتی و تصویری بدون نیاز به نرم افزار جانبی خاص و یا طراحی اشیا به صورت 2 بعدی اشاره کرد .

[TAHA]

معرفی زبان HTML 5 :
HTML 5 ، ورژن جدید زبان طراحی صفحات وب یعنی HTML است . این زبان به عنوان جدیدترین استاندارد طراحی صفحات وب معرفی شده است .
قبلا در بخش آموزش HTML در همین سایت ، به معرفی و آموزش ورژن قدیمی تر این زبان یعنی HTML 4 پرداختیم . HTML 4 در سال 99 میلادی به دنیای وب معرفی شد ، ولی از آن زمان تاکنون دنیای وب و نیازهای اینترنتی تغییر زیادی کرده است . بنابراین این نیاز وجود داشت تا یک استاندارد جدید معرفی شود تا بتواند نیاز های جدید کاربران را بهتر پوشش دهد .
HTML 5 هنوز در حال بروز رسانی و ویرایش است و مرورگرهای مطرح در تلاشند تا نسخه های جدید آنها ، سازگاری بهتری با این زبان جدید داشته باشد .
در HTML 5 ، قابلیت ها و امکانات جدیدی قرار داده شده است که تا قبل از این برای انجام آنها نیاز به نرم افزارهای جانبی در مرورگر ها داشتیم . در این بخش به معرفی این ویژگی های جدید خواهیم پرداخت .

http://pnu-club.com/imported/2012/07/121.gif
HTML 5 ، چگونه متولد شد :
HTMKL 5 ، حاصل همکاری و مشارکت دو نهاد اصلی استاندارد سازی وب یعنی W3C و the Web Hypertext Application Technology Working Group (WHATWG) است .
این دو نهاد به صورت مستقل در حال طراحی یک استاندارد برای وب بودند ، ولی در سال 2006 توافق کردند تا با همکاری هم HTML 5 را ایجاد نمایند .
در طراحی HTML 5 قوانین و راهکارهای زیر به صورت اجباری تعیین شد تا رعایت شوند :


تمام قابلیت های جدید باید بر پایه HTML , CSS و جاوا اسکریپت باشند .
باید نیاز به plugin ها و نرم افزارهای جانبی مثل فلش کاهش یابد .
سیستم عیب یابی و رفع نقص عیب HTML بهبود یابد .
سعی شود در طراحی صفحات وب نیاز کمتری به اسکریپت ها باشد .
HTML 5 باید در اجرا مستقل از سیستم و کامپیوتر باشد .

معرفی ویژگی های جدید در HTML 5 :
در HTML 5 ، ویژگی ها و قابلیت های فراوان جدیدی قرار داده شد است که کار را برای طراحان وب بسیار ساده می کند . تا پیش از این طراحان وب برای انجام این امور نیازمند استفاده از plugin ها و نرم افزارهای جانبی مختلفی بودند .
در لیست زیر برخی از این ویژگی های جدید را به صورت مختصر معرفی کرده ایم . سپس در هر بخش جدا به آموزش نحوه کارکرد و استفاده از آنها پرداخته ایم :


اضافه شدن تگ < canvas > ، برای طراحی اشیا و اشکال به صورت 2 بعدی .
اصافه شدن تگ < video > و < audio > برای اجرای فایل های صوتی و تصویری بدون نیاز به یک نرم افزار جانبی مثل Flash Player .
کنترل های جدید فرم مثل calendar , email , date و time اضافه شده اند ، که طراحی و برنامه نویسی فرم ها را بسیار ساده می کند .
امکان ذخیره اطلاعات بر روی مرورگر کاربر - این قابیلت تقریبا کار کوکی ها cookie را در صفحات HTML انجام می دهند .

نکاتی راجع به نحوه آموزش HTML 5 :
در این بخش آموزشی ، ابتدا به معرفی تگ ها و قابلیت های جدید پرداخته و سپس سعی شده تا با ارایه مثال های عملی و سورس کد آنها ، کاربردشان را به صورت اکتیو توسط مرورگر نشان دهیم .
تمامی مثال ها و مطاب این بخش بر اساس استاندارهای مرجع های آموزشی رسمی این زبان طراحی شده و با مرورگر های مطرح IE , Opera , FireFox و Chrome تست شده اند .

[TAHA]

آموزش html 5 - پخش فایل های تصویری در صفحات وب (http://www.pnu-club.com/pnu.thread70859.html)

[TAHA]

آموزش HTML 5 - drag & drop عناصر در صفحات وب (http://www.pnu-club.com/pnu.thread70860.html)

[TAHA]

آموزش HTML 5 - ذخیره سازی اطلاعات کاربران در صفحات وب Web Storage & Cookie (http://www.pnu-club.com/pnu.thread70861.html)