×
ribbon

طراحی HTML معنادار

مدرس:LinkedIn

Jen Kramer

اچ تی ام ال یک جعبه ابزار قدرتمند است که اگر از قابلیت هایش بهره ببرید، به کدهایتان... بیشتر
زیرنویس
بدون امتیاز
59دانشجو
1:44ساعت
سرفصل‌ها
مقدماتی سطح دوره
بروزرسانیتیر ۱۴۰۴

اشتراک مکتب‌پلاس

خرید اشتراک

با خرید اشتراک مکتب‌پلاس، علاوه بر این دوره، به بیش از ۴،۰۰۰ دوره دیگر دسترسی خواهید داشت.

دسترسی به تمام دوره‌هابیش از ۴،۰۰۰ دوره
محتوای دوره
سرفصل‌ها
پیش‌نیاز‌ها
توضیحات دوره
دیدگاه کاربران
درباره مدرس

آنچه در این دوره می‌آموزید

ساختاردهی اسناد HTML

تشخیص عناوین و پاراگراف‌ها

افزودن ناوبری معنایی

کار با فهرست‌های ترتیبی، غیرترتیبی و تعریفی

این دوره شامل:

2 ساعت ویدئو

2 فایل ضمیمه قابل دانلود

گواهینامه مکتب‌خونه

دسترسی مادام‌العمر به محتوای دوره

زیرنویس اختصاصی مکتب‌خونه

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

5 فصل25 جلسه1:44 ساعت ویدیو
معرفی اولیه
  HTML معنادار بسازید
00:47
  کار با CodePen
01:37
  کار با Visual Studio Code
01:48
تبدیل محتوا به نشانه‌گذاری معنایی HTML
  مطالعه محتوا و افزودن آن به CodePen
02:57
  شناسایی عناصر اصلی یک صفحه
03:55
  تشخیص عناوین و پاراگراف‌ها
07:13
  بهبود مقاله با تأکیدها و پیوندها
05:37
  فهرست‌های ترتیبی، غیرترتیبی و تعریفی
06:07
  چالش: اولین تلاش برای نشانه‌گذاری مقاله
01:33
  راه‌حل: اولین تلاش برای نشانه‌گذاری مقاله
03:16
ساخت بخش‌های باقی‌مانده صفحه وب
  انتقال کد از CodePen به Visual Studio Code (VS Code)
02:53
  درک کد بخش head
04:21
  افزودن نویگیشن معنایی
05:23
  افزودن تصاویر، المان figure و متن‌های توضیحی عکس
05:59
  افزودن footer با آدرس، زمان و تاریخ
09:13
  درج نقل‌قول‌ها، خطوط شکسته و استنادها
06:11
  زمان مناسب استفاده از عناصر div و span
04:55
  چالش: تشخیص مشکلات معنایی
01:04
  راه‌حل: تشخیص مشکلات معنایی
05:43
سایر عناصر معنایی مهم
  کنترل شکست خط با wbr یا ;shy&
04:58
  نمایش کد با تگ‌های code، samp و kbd
06:25
  ارائه جایگزین‌های اسکریپت با noscript
03:54
  نمایش جزئیات با تگ‌های details و summary
03:07
  درک تگ hr که اغلب اشتباه فهمیده می‌شود
03:49
نتیجه‌گیری
  گام‌های بعدی
01:06

پیش‌نیاز‌ها

توضیحات دوره

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

با ساختاردهی درست اسناد، نه‌تنها ظاهری زیبا خلق می‌کنید، بلکه عملکرد بهینه‌ای نیز خواهند داشت. این رویکرد دسترسی‌پذیری محتوا را هم برای کاربران و هم برای برنامه‌های مختلف افزایش می‌دهد.

در این دوره آموزشی، جن کرامر به شما می‌آموزد که چگونه اچ‌تی‌ام‌ال معنادار و ساختاریافته بنویسید. او در طول دوره، تگ‌ها و ویژگی‌های کلیدی اچ‌تی‌ام‌ال را به زبانی ساده و گویا تشریح می‌کند.

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

دیدگاه کاربران

هنوز امتیاز و دیدگاهی برای این دوره ثبت نشده است

گواهینامه اختصاصی دو زبانه

پس از گذراندن دوره به صورت آنلاین در سایت مکتب‌خونه، گواهی‌نامه رسمی پایان دوره به زبان فارسی و انگلیسی، توسط مکتب‌خونه به اسم شما صادر شده و در اختیار شما قرار می‌گیرد.

امکان اشتراک گذاری در لینکدین
دو زبانه
2دوره
191دانشجو

Jen Kramer بیش از ۲۰ سال است که به تمامی سطوح مهارتی HTML و CSS آموزش داده است. او پیش‌تر مدرس دانشگاه هاروارد بوده و در کنار آن به کار طراحی وب به‌صورت آزاد مشغول بوده است. او همچنین نویسنده بیش از ۷۰ دوره آموزشی ویدیویی و سه کتاب است. در حال حاضر، جن مدیر طراحی یادگیری و فناوری در انی‌کانن است، یک سازمان غیرانتفاعی که به آموزش، آماده‌سازی و اتصال افراد قربانی قاچاق انسان به مشاغل پایدار در حوزه فناوری می‌پردازد.

مهارت‌هایی که می‌آموزید

سوالات پرتکرار

آیا بعد از پایان مدت دوره همچنان به محتوای آن دسترسی دارم؟

بله. پس از پایان مدت دوره نیز به ویدئوها، تمرین‌ها، پروژه‌ها و سایر محتوای آموزشی دوره دسترسی خواهید داشت؛ اما امکان تصحیح تمرین‌ها توسط پشتیبان دوره و دریافت گواهی‌نامه برای شما وجود نخواهد داشت.