فیلم آموزش HTML برای سایت نویسی (پیش نیاز آموزش برنامه نویسی وب)

HTML چیست؟

قبل از آموزش HTML باید معنای آن را درک کنیم. HTML مخفف عبارت Hyper Text Markup Language است. این عبارت به معنی زبان نشانه گذاری فرا متن است. این تعریف اندکی گنگ به نظر می رسد و اچ تی ام ال را به صورت واضح توضیح نمی دهد. اما اگر بخواهیم یک تعریف ساده داشته باشیم، یک ساختمان با نقشه ای کامل را در نظر بگیرید. HTML همان نقشه ایست که مختصات دقیق بخش های مختلف ساختمان اعم از اتاق خواب، آشپزخانه، راه پله و … را تعیین می کند. در صفحات وب نیز HTML محل دقیق تمامی اجزای صفحه مانند منوها، تصاویر، پاراگراف ها و … را نشانه گذاری و تعیین می کند.

سرفصل های فیلم آموزش HTML

• بخش اول: معرفی HTML و تگ ها
  • نشانه گذاری چیست؟
  • مفهوم تگ و تقسیم بندی آنها به دو گروه
  • اولین گام آموزش HTML با ایجاد فایل html به دو روش
  • شروع برنامه نویسی با notepad معمولی و ایجاد اولین صفحه html
  • تگ DOCTYPE و تشریح کامل عملکرد آن
  • تگ html، ستون اصلی صفحات html
  • تگ head و کاربرد آن
  • تگ title برای عناوین صفحات
  • تگ body یا بدنه صفحه
  • تگ های Heading یا سرتیتر ها
  • تگ ایجاد پاراگراف، رنگ دهی به پاراگراف ها و نحوه چینش آن ها (راست چین، چپ چین و وسط چین)
  • خصوصیت style و نحوه تعریف آن برای همه تگ ها
  • تگ i یا italic جهت کج نمودن کلمات و جمله ها
  • تگ em جهت کج کردن کلمات و جمله ها
  • تگ b و تگ strong برای bold نمودن چیزی
  • تگ ایجاد خط افقی hr
  • تگ small برای کوچک نمودن سایز کلمه یا جمله ای
  • تاثیر تگ small روی اهمیت مطالب
  • تگ sub برای نوشتن زیرنویس در فرمول های شیمیایی
  • تگ sup برای نوشتن بالانویس یا توان در فرمول های ریاضی
  • کامنت نویسی در اچ تی ام ال
  • تگ a برای ایجاد لینک
• بخش دوم: تگ های تصویر و ویدئو
  • انواع آدرس دهی در تگ a
  • تگ img برای اضافه کردن تصاویر و تغییرات عکس ها
  • ادغام تگ a و تگ img
  • تگ video برای اضافه نمودن فایل های ویدیویی
  • نکات مهم درمورد تگ video و انواع فرمت های ویدیویی و نحوه پشتیبانی مرورگرهای مختلف
• بخش سوم: لیست ها، جداول و متا تگ ها
  • تگ iframe و استفاده های گوناگون از آن
  • اضافه نمودن ویدیوهای آپارات در سایت با تگ iframe
  • اضافه نمودن ویدیوهای یوتیوب در سایت با تگ iframe
  • ایجاد لیست نامرتب در html و زیباسازی لیست ها
  • ایجاد لیست مرتب و انتخاب شماره گذاری
  • تگ div و کاربرد های آن
  • تگ span و یک مثال زیبا
  • ایجاد جدول در html با استفاده از تگ های table، thead، tbody، tfoot، tr، td، th
  • ایجاد عنوان برای جدول کار با رنگ های آن
  • تعریف و توضیح کامل تگ meta
  • متا تگ charset و مقدار مناسب آن برای صفحات فارسی
  • متا تگ viewport و بهترین مقدار آن برای تنظیم عرض صفحه
  • متا تگ keywords برای تعریف کلمات کلیدی
  • متا تگ author برای معرفی نویسنده
  • متای توضیحات یا description برای بهبود سئو
• بخش چهارم: طراحی یک صفحه کامل با HTML
  • توضیح قالب کلی html و بهترین الگو برای طراحی صفحات اچ تی ام ال
  • معرفی روش استایل دهی خارجی، تعریف فایل css و لینک دهی به آن
  • معرفی مرحله به مرحله دستورات css مورد نیاز
  • استفاده از تگ های متنوع و روش اصولی استفاده از آن ها
  • دست کاری و ایجاد تغییرات در رنگ ها، چینش، پشت زمینه، نحوه نمایش، فاصله ها و حتی نوع فونت تک تک تگ ها و المان های صفحه

درباره محصول

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