• illustrator Curse
  • 7Learn Android Course
  • 7Learn SEO Course
  • 7Learn WP Theme Course

    حرفه ای ترین دوره آموزش طراحی قالب وردپرس



  آیا می دانید با دوره های آموزشی سون لرن می توانید از 0 تا 100 طراحی وب را در منزل فراگیرید!

سری آموزشی HTML 5 : مقدمه

10513 ۳ دی ۹۲

با عرض سلام خدمت همه سون لرنی های عزیز امیدوارم که حال همگی خوب باشه.

در این سری از سری آموزش های زبان های تحت وب به معرفی HTML 5 و عناصر جدید، صفات جدید ، عناصر منسوخ شده و جایگزین آن ها و... می پردازیم.

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

HTML 5

HTML 5 جدیدترین استاندارد HTML, XHTML و HTML DOM است. آخرین استاندارد HTML یعنی XHTML در سال 1999 پایگذاری شد، تقریبا 15 سال پیش! در این 15 سال دنیای وب دچار تغییر و تحول بسیاری شد و  همچنین تکنولوژی های جدید و پیشرفت رو به رشد دنیای وب، باعث شد که HTML تکان دیگری به خود بدهد که منجر به ایجاد HTML 5 شد.

این ورژن از HTML با 6 هدف مهم کارش را شروع کرد :

  1. موارد جدید (تغییرات وب پس از XHTML) بایستی از پایه های HTML و CSS و Javascript باشند
  2. نیاز کمتر به استفاده از پلاگین ها (مانند فلش)
  3. به راحتی پیدا کردن اشکالات یک صفحه وب.
  4. عناصر بیشتر جهت تعامل بهتر. (کمتر شدن نیاز به استفاده از class و id)
  5. HTML5 کمترین وابستگی به دستگاه را داشته باشد.
  6. یادگیری و استفاده از آن برای همه مقدور باشد.

با توجه با این 6 هدف تقریبا 30 المنت جدید، 10 صفت جدید، و 50 رویداد جدید به HTML اضافه شد.

برخی از این موارد جدید عبارتند از

  1. المنت canvas جهت نقاشی
  2. المنت های video  و audio برای بخش رسانه های صوتی و تصویری
  3. المنت های جدید مانند header , footer , section  و article جهت مدیریت محتوای صفحه.
  4. المنت های کنترل فرم مانند date, time ,email و ...

مرورگر های جدید Chrome , Opera , Safari و Firefox از بیشتر این موارد پشتیبانی می کنند. Ie9 به بعد نیز از html5 پشتیبانی می کند.

نکته : تگ های  HTML5 در نرم افزار Dreamweaver cs5 بروزرسانی شده و قابل استفاده در کدنویسی در این نرم افزار می باشد.

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

جهت یادگیری کامل این مطالب بهتر که ابتدا آشنایی مختصری با HTML ، CSS و Javascript را داشته باشید.

امیدوارم که مورد استفاده شما قرار بگیره.

:: مطالب جدید سون لرن را از طریق ایمیل دریافت کنید :

دیدگاه ها 23 دیدگاه برای این مطلب ارسال شده است. نظردهی برای این مطلب بسته شده است .

  • ‏‏
    سید مجتبی موسوی(۵ دی ۱۳۹۲)

    توی dreamweaver cs6همhtml5بروز رسانی شده؟

    • ‏‏
      سجاد دریس(۶ دی ۱۳۹۲)

      سلام.
      بله dw از ورژن cs5 به بعد از html5 پشتیبانی میکنه

  • ‏‏
    حسین(۶ دی ۱۳۹۲)

    آفرین به این سایت
    بروز ترین تو ایران هستید …

  • ‏‏
    حسین(۶ دی ۱۳۹۲)

    آفرین به این سایت

  • ‏‏
    سید+محمد+رضا+صدیقی(۷ دی ۱۳۹۲)

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

    و اگر می شود آموزش کامل css3 (در صورتی که در سری قبلی کامل توضیح داده نشده) قرار بدید

    و اگر می شود آموزش رسپانسیو کردن رو هم یاد بدید در یک مطلب

    و اگر می شود در آخر سری آموزشی html5 و css3 یاد بدید که چجوری قالب ها رو با w3c ولید کنیم

    انشاء الله تمامی اگر هام انجام بشه پیشاپیش ممنون بخاطر مطالبی که قراره بزارید و تشکر به خاطر مطالب فعلی سایتتون واقعا ممنون

    • ‏‏
      سجاد دریس(۱۳ دی ۱۳۹۲)

      سلام.
      1. توی برگه ی سری آموزشی html و html5 ، لینک مطالب این سری قرار گرفته
      2. سری آموزشی css3 کاملا توضیح داده شده و فقط ترفندهاش مونده که در حال جمع آوری برترین ترفنداش هستم و در آینده منتشر می کنم.
      3. آموزش ریسپانسیو هم توی برنامه هست.
      4. چشم آموزش ولید کردن رو هم قرار خواهم داد.

  • ‏‏
    رضا ساطع بیدگلی(۲۸ دی ۱۳۹۲)

    ببخشید پیش نیاز این دوره فقط HTML هستش ؟؟

  • ‏‏
    Mahmood Dabestani(۲۹ شهریور ۱۳۹۳)

    سلام جناب آوند عزیز.
    ببخشید مزاحمتون شدم.
    سوالی داشتم که ممنونم میشم اگه پاسخ بدید.
    در html5 تگ های زیادی هستند که منسوخ شده به شمار میان.
    میخواستم بدونم جایگزین دو تگ منسوخ font و center چه تگهایی هستن؟
    سپاس.

    • ‏‏
      لقمان آوند(۱ مهر ۱۳۹۳)

      سلام به جای تگهای منسوخ شده باید از خصوصیت های css استفاده کنید .
      به جای تگ فونت می تونید از یه تگ span استفاده کنید و کلاس css خاصی رو به اون بدید و در اون سلکتور از خصوصیت های فونت css برای تعین سایز و رنگ و نوع فونت استفاده کنید .
      برای تگ center هم به همین شکل هست باید از ویژگی text-align:center برای وسط چین کردن محتوا و از margin:0 auto برای به وسط آوردن خود تگ استفاده میشه .

  • ورود/عضویت سریع با اکانت فیسبوک/جیمیل شما

    :: شما می توانید با استفاده از اکانت یاهو یا جیمیل خود به صورت کاملا امن، سریع و بدون نیاز به ورود اطلاعات عضو و وارد سایت شوید. در این صورت هیچ نیازی به ورود نام کاربری و رمز عبور خود نخواهید داشت و هویت شما از طریق ایمیلتان مورد تائید قرار می گیرد .
    برای استفاده از این روش باید در اکانت گوگل(جیمیل) و یا یاهوی خود لاگین باشید .
    عضویت/ ورود سریع با :
    در حال اتصال ...

    ورود به سایت

    ورود سریع با :
    در حال اتصال ...

    جستجو در سون لرن

    عبارت :
    7LearnTelegram