آموزش html5 و css3 از صفر تا 100 - درس اول

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

درس اول: html5 وتغییرات جدیدش

در این سری از آموزش های مرکز دروپال ایران با دستورات اصلی html5 و css3 آشنا خواهیم شد؛ همچنین بخش های از زیرساخت های پیش بینی شده برای html6 و css4 نیز در انتها مورد بررسی قرار خواهد گرفت.

ويژگی های جدید html5 چیست؟

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

- وجود کنترل های جدید مانند تقویم ؛ تاریخ ؛ زمان ؛ پست الکترونیک ؛ آدرس اینترنتی و...

- پشتیبانی از ذخیره سازی لوکال

- تگ <canvas> برای افزودن 2D

- تگ  <video>و <audio> برای پخش موارد سمعی و بصری

- و دیگر تگ ها نظیر<article> , <footer> , <header> , <nav> , <section> 

تگ های پایه در html5

<article>

- برای معرفی محتوا

<aside>

- محتوا را به عنوان بخشی از صفحه معرفی می نماید

<bdi>

- به منظور تغییر جهت متن به صورت راست چین یا چپ چین به کار می رود

<command>

- دستوری را که کاربر روی یک دکمه تعریف می کند را مشخص می نماید.

<details>

- جزییات را به صفحه اضافه می نماید.

<summary>

- جزییاتی را با حالت نمایش در تگ <details > ایجاد می نماید

<figure>

- تعریف دیاگرام

<figcaption>

تعریف برچسب برای عکس

<footer>

- تعریف زیرنویس برای محتوا 

<header>

- تعریف عنوان برای محتوا

<hgroup>

- گروه h1  تا h6

<mark>

- برای برجسته سازی متن

<meter>

- برای تعریف مقیاس یا اندازه

<nav>

- ایجاد لینک

<progress>

- برای نمایش درصد پیشرفت

<ruby>

- حاشیه نویسی

<rt>

- برای افزودن تلفظ یک کاراکتر

<rp>

- برای نمایش قسمت هایی که توسط حاشیه نویسی در مرورگر پشتیبانی نمی شود

<section>

- برای افزودن یک بخش به صفحه

<time>

- برای تعریف زمان یا تاریخ در صفحه

<wbr>

برای تعریف یک خط جدید

معرفی تگ های سمعی بصری:

<audio>

- برای پخش فایل های صوتی

<video>

- برای پخش فایل های تصویری

<embed>

- برای اتصال به یک فایل خارجی

<source>

- برای پخش فایل های ویدیویی یا صوتی

<track>

- برای تعریف متن فایل صوتی یا ویدیویی

با ما همراه باشید...

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