آموزش طراحی وب با HTML – از دستورات اولیه تا قالب بندی – مقدماتی + گواهینامه

آموزش طراحی وب با HTML – از دستورات اولیه تا قالب بندی – مقدماتی + گواهینامه

آشنایی با با مقدمات HTML و تگ های فرمت دهی به متن، کار با لینک و عکس ها در صفحه وب و مروری بر CSS و آشنایی با لیست ها و جداول

تریلر دوره

توضیحات کامل دوره

HTML چیست؟ HTML (HyperText Markup Language)، زبانی است که برای ساختاردهی و قالب‌بندی محتوای صفحات وب به کار می‌رود. این زبان، پایه و اساس وب را تشکیل می‌دهد و برای مرورگرها نحوه نمای...

HTML چیست؟

HTML (HyperText Markup Language)، زبانی است که برای ساختاردهی و قالب‌بندی محتوای صفحات وب به کار می‌رود. این زبان، پایه و اساس وب را تشکیل می‌دهد و برای مرورگرها نحوه نمایش متن، تصاویر، ویدئوها و سایر عناصر در صفحه را مشخص می‌کند.

HTML، از تگ‌هایی (< ... >) تشکیل شده است که هر تگ دارای یک نام و تعدادی صفت است که اطلاعات بیشتری در مورد نحوه نمایش عنصر ارائه می‌دهد. برای مثال، تگ <p> برای پاراگراف‌ها و تگ <img> برای تصاویر استفاده می‌شود.

اهمیت یادگیری زبان نشانه‌گذاری HTML چیست؟

HTML، زبان پایه و اساس طراحی و توسعه صفحات وب است. با یادگیری HTML می‌توان صفحات وب ساده و استاتیک تولید کرد و محتوای مختلفی مانند متن، تصاویر، ویدئوها و لینک‌ها را نمایش داد. علاوه براین، مهارتی پایه‌ای برای ورود به دنیای توسعه وب است و ورود به دنیای جذاب وب، بدون تسلط بر این زبان امکان‌پذیر نخواهد بود. با یادگیری HTML، می‌توان در مسیر کسب تخصص طراحی وب، مهارت‌های خود را در زمینه‌های مرتبط مانند CSS و JavaScript گسترش داد. پس، یادگیری HTML نقطه شروعی مهم برای هر کسی است که به طراحی و توسعه وب علاقه‌مند است.

در این فرادرس چه چیزی یاد می‌گیریم؟

در این آموزش، ابتدا با مقدمات HTML و تگ‌های فرمت‌دهی به متن آشنا می‌شویم. در ادامه، کار با لینک و عکس‌ها در صفحه وب را بررسی کرده و مروری بر CSS خواهیم داشت. در گام بعدی، با لیست‌ها، جدول و تگ div آشنا می‌شویم و در نهایت، به مباحث مربوط به فرم و مدیا در صفحه وب، تگ‌های درون head و مفهوم DOCTYPE می‌پردازیم.

سرفصل‌های دوره

  • چکیده
    0:01:34

  • تگ‌های html ،head ،body و title
    رایگان 0:08:14
  • تگ Meta، تگ‌‎های Heading و کاربرد آن‌ها در SEO
    0:09:49
  • تمرین ۱ - تگ‌های html، head، body و title
  • تمرین ۲ - استفاده از تگ‌های Heading و Meta
  • آزمون ۱

  • صفت style و دستورات مربوط به آن برای تنظیمات نوشته
    0:14:48
  • تگ p و span و استفاده از موجودیت‌ها در متن
    رایگان 0:11:50
  • تگ‌های بصری و معنایی و کاربرد آن‌ها در HTML
    0:12:43
  • تگ‌های معنایی مانند cite ،samp ،kbd ،code و pre
    0:08:50
  • تمرین ۱ - استفاده از صفت style
  • تمرین ۲ - استفاده از تگ span
  • آزمون ۲

  • استفاده از تگ style، ترکیب سلکتورها و شیوه‌نامه‌های سلسله‌مراتبی
    رایگان 0:10:24
  • شیوه‌نامه خارجی، کار با فایل CSS و تگ link
    0:04:03
  • آزمون ۳

  • تگ a و تنظیمات آن
    0:03:23
  • Bookmarking و تنظیمات SEO برای تگ a
    رایگان 0:05:08
  • آزمون ۴

  • تگ img و رنگ‌ها
    0:05:21
  • تگ‌های map و area و کار با تصاویر SVG
    0:07:25

  • ایجاد لیست‌ با تگ‌های ol و ul
    0:03:32
  • استفاده از عکس در لیست‌ها و حذف علامت از تگ‌های ul
    رایگان 0:02:55

  • تگ‌های table ،tdt و tr و ادغام سطرها و ستون‌های جدول
    0:06:15
  • تگ‌های colgroup ،tfoot ،tbody و thead و گروه‌بندی سلول‌های جدول
    0:05:22

  • تقسیم‌بندی صفحه وب با تگ div و دستورات position و float 
    0:11:34
  • دستورات flex برای قالب‌بندی صفحه وب
    رایگان 0:07:32

  • تگ form و معرفی ابزارها
    0:03:50
  • بررسی ابزارهای فرم input مختلف در یک مثال نمونه
    0:03:42

  • تگ‌های audio و video در صفحه وب
    0:08:00
  • زیرنویس گذاشتن برای ویدیو با تگ track
    رایگان 0:03:26

  • جمع‌بندی و نتیجه مباحث
    0:02:00
  • ادامه یادگیری
    0:02:22
  • دسترسی به آموزش‌های «ادامه یادگیری»
  • ادامه مسیر تا ورود به بازار کار

  • تمرین ۱ - طراحی یک صفحه وب
  • تمرین ۱ - طراحی یک فرم تماس با ما

  • آموزش طراحی وب با HTML – از دستورات اولیه تا قالب بندی – مقدماتی

  • خلاصه و مرور آموزش
  • واژه‌نامه (Glossary)
  • سوالات متداول (FAQ)
  • مشاغل مرتبط
  • نمونه سئوالات مصاحبه شغلی

ارسال نظر شما

نظرات کاربران

نظرات کاربران

هنوز نظری ثبت نشده است.

1,590,000 تومان
119,000 تومان
93% تخفیف

این دوره شامل:
15 فصل آموزشی
2:44:2 ساعت آموزش
دسترسی مادام‌العمر
گواهی پایان دوره: مشخص نیست
تاریخ انتشار: 1405/07/23
آخرین به‌روزرسانی: 2026-10-29 14:02:11
تعداد امتیازها: 18
تعداد دانشجو: 200
خرید اقساطی: ندارد
ضمانت بازگشت وجه: ندارد
برچسب‌ها: