HTML5 طراحی و برنامه نویسی وب مقدماتی

فیلم آموزش HTML5

آموزش HTML5

این مطلب دارای مجموعه فیلم آموزشی می باشد.

در این مبحث آموزشی قصد داریم تا به زبان ساده و روان و همچنین با استفاده از مثال در هر بحث شما را هرچی بهتر با زبان HTML آشنا کنیم . هدف از نمایش کد های از پیش نوشته شده آشنا کردن کاربران با نحوه نوشتن کد و دیدن خروجی آنها می باشد . لازم به ذکر است شما می توانید تمام کدها را در ویرایشگر خود کپی یا تایپ کنید تا خروجی کد را واضح تر لمس کنید .
برای نوشتن کدهای HTML (تگ های HTML) میتوانید از تمام ابزار های ویرایشگر متن استفاده کنید ُ مانند Notepad .ولی برای راحتی کار و سهولت در انجام کد نویسی Notepad++ پیشنهاد ویژه ماست که با مراجعه به آدرس http://notepad-plus-plus.org/download/v6.5.3.html می توانید به صورت رایگان آن را دریافت کنید . در این تاریخ که در حال نوشتن این مطلب هستیم  نسخه ۶.۵.۳ در اینترنت موجود میباشد.اگر از کاربران سیستم عامل لینوکس هستید میتوانید از نرم افزار Komodo Edit و یا نرم افزار  Bluefish Editor استفاده کنید .
مقدمه و معرفی HTML
تکه کدی که مشاهده می کنید یک الگوی خام  HTML  مباشد .
<!DOCTYPE html>
<html>
<body>
</body>
</html>
تگ های HTML در ۳ بخش اصلی قرار می گیرند
<DOCTYPE html!> این تگ نوع سند را تعریف می کند  یعنی به مرور گر می فهماند که این صفحه ای که در حال باز کردن آن هستید یک صفحه از نوع  HTML  است .
<html> تمام تگ ها – متن ها و عبارت های میان تگ <html> و <html/> به توصیف صفحه باز شده می پردازد یا به طور کلی تر تمام موارد مورد نیاز در صفحه وب شما باید بین تگ <html> و <html/> قرار بگیرد .
<body> این تگ محتوای صفحه را در خود قرار می دهد به طوری که تمام مواردی که کاربر باید مشاهده کند در بین <body> و <body/> قرار می گیرد .
<DOCTYPE html!> این دستور مشخصه  HTML5 میباشد که در ادامه بیشتر توضیح خواهیم داد .
شاید یکم ذهنتون دچار سر درگمی شده باشد در ادامه به توضیحات مقدماتی ترزبان  HTML می پردازیم تا در ادامه مطالب راحتر مسایل را درک کنید .
زبان  HTML  چیست ؟
زبان  HTML  برای توصیف صفحات وب میباشد .
۱٫ HTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن میباشد.
۲٫ زبان  HTML یک زبان نشانه گذاری است
۳٫ یک زبان نشانه کذاری مجموعه ای از برچسب های (Tag – تگ) نشانه گذاری است.
۴٫ برچسب ها (تگ ها) محتوای سند را توصیف می کنند.
۵٫ صفحات و اسناد  HTML  از تگ ها و متن های ساده تشکیل شده .
۶٫ اسناد و فایل های  HTML  صفحات وب نامیده می شوند .
برچسب های (تگ ها ) HTML
برچسب های HTML کلمات کلیدی میباشند که در بین علامت <> (براکت) نوشته می شوند و معمولا به صورت جفت هستند <b> <b/>
<tagname>محتوا<tagname/>
عناصر HTML
عناصر HTML به محتوای بین تگ شروع و تگ پایان گفته می شود.
<p>این یک پاراگراف می باشد.</p>
مرورگر وب
هدف از یک مرورگر وب (مانند گوگل کروم، اینترنت اکسپلورر، فایرفاکس، سافاری) خواندن اسناد HTML و نمایش آنها را به عنوان صفحات وب است.
Google - Mozilla Firefox_002
استفاده از مرورگرها یک امر سلیقه ای می باشد ولی بنا به نظر کاربران بهترین های این مرورگرها فایرفاکس و گوگل کروم میباشد .
نسخه های HTML
HTML  از زمان اولین انتشار تا به امروز دست خوش تغییرات زیادی شده همان طور که در جدول زیر مشاده می کنید از سال ۱۹۹۱ تا ۲۰۱۳ در حال گسترش پیدا مردن بوده و ادامه نیز دارد

سال انتشار

نسخه انتشار

۱۹۹۱

HTML

۱۹۹۳

HTML+

۱۹۹۵

HTML 2.0

۱۹۹۷

HTML 3.2

۱۹۹۹

HTML 4.01

۲۰۰۰

XHTML 1.0

۲۰۱۲

HTML5

۲۰۱۳

XHTML5

توضیحات بالا توضیحات مقدماتی بودند شما در این فیلم آموزشی موارد زیر را فراخواهید گرفت :

  • آموزش ساخت با HTML5
  • اضافه کردن css و javascript به HTML5
  • ساخت منوی راهبری و فرم
  • اضافه کردن حالت های مختلف به سایت با CSS
  • کار کردن با توابع javascript
  • کار با ویدئو و موقعیت یاب در HTML5
  • کشیدن اشیا در HTML5

در این فیلم آموزشی شما به صورت کاربردی فرا میگیرید که چطور با HTML5  یک سایت برای خود پیاده سازی کنید.

دانلود این فیلم آموزشی


پیروز باشید!
طراح باشی

درباره نویسنده

طراح‌باشی

دیدگاه

برای نوشتن دیدگاه کلیک کنید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پربازدیدها