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

 

مرکز دروپال ايران

راه های ارتباط با ما

آدرس : دفتر شهریار : شهرک وائین ، بعثت 5 نبش سپیدار 10 پلاک 26

تلفن : 09370977406 - 09384363798

ایمیل : drupalcenter.ir@gmail.com

ارتباط با مدیر سایت از طریق تلگرام

logo-samandehi

مرکز دروپال ایران بزرگترین وب سایت  آموزش دروپال در کشور ، در مهر ماه سال 1388 به طور رسمی فعالیت خود را در زمینه وب و دنیای دیجیتال آغاز کرده است. مجموعه مرکز دروپال ایران شامل « آموزش های تصویری » ، « معرفی جدیدترین ماژول ها » ، « ترجمه مقالات دروپالی روز دنیا » ، « طراحی قالب دروپال» و « خبرهای دنیای دروپال» می باشد.این مجموعه به همراه گروه فنی خود و به  پشتوانه کاربران فعال و متعهد ، با  در نظر داشتن چشم اندازی برای آینده نزدیک ، قصد دارد تا به معرفی و آموزش  هرچه بیشتر و بهتر هسته قدرتمند و دوست داشتنی دروپال ،  به روش های مختلف در زمینه های گوناگون بپردازد تا در کنار کاربران خود به موفقیت های هرروز خود بیفزاید. در همین راستا قصد داریم تا بصورت تخصصی و حرفه ای مباحث مختلف دروپال را با کوچک ترین جزئیات و تکنیک ها به دروپال کاران و کسانی که قصد دارند طراحی وب سایت ،پورتال و سیستم های هوشمند را آغاز کنند ، آموزش دهیم.گستردگی مطالب ، تنوع در آموزش ها ، نگاه تخصصی و همگام بودن با کاربران در آموزش عوامل متمایز کردن مرکز دروپال ایران با سایر آموزش دهندگان می باشد.
دروپال برای انجام طراحی های شگفت انگیز !  Drupal Builds something amazing