قیمت این دوره: رایگانــ
  • مدرس دوره : دانیال فاطمی
  • تعداد ویدیوها : 14 ویدیو
  • مدت زمان دوره : 2:13:00
  • سطح دوره : مقدماتی
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1404/06/25
آموزش مقدماتی تا پیشرفته html

آموزش مقدماتی تا پیشرفته html

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

 

اگر به طراحی وب علاقه مند هستید اما نمی دانید از کجا باید شروع کنید، این دوره دقیقا مناسب شماست. HTML زبان پایه ای ساخت صفحات وب است و بدون آن هیچ وبسایتی شکل نمی گیرد. در این دوره آموزشی، شما به صورت گام به گام با HTML آشنا میشوید. محتوای این دوره به گونه هایی طراحی شده که حتی اگر هیچ پیش زمینه های در برنامه نویسی نداشته باشید، بتوانید به راحتی یاد بگیرید. از اصول پایه مانند نوشتن متن و درج تصاویر در صفحه، تا مباحث پیشرفته تری همچون فرم ها، تگ های معنایی Html5 و ساختاردهی صفحات وب را خواهید آموخت. پس از گذراندن این دوره، شما قادر خواهید بود صفحات وب استاندارد و ساختاریافته طراحی کنید و پایه های محکم برای ورود به دنیای طراحی و توسعه وب بسازید. 

 

 

 

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

 

1. HTML دقیقاً چیه و به چه دردی میخوره؟  

 

2. ساختار اصلی صفحات HTML از پایه  

 

3. نوشتن متن و پاراگراف , تیترها , تگهای تأکیدی مثل bold و italic

 

4. چطور تصویر به صفحه اضافه کنیم؟  

 

5. ساخت لینک بین صفحات یا سایتها  

 

6. لیست های مرتب و نامرتب , استفاده از br و hr برای جداسازی , کامنت گذاری , جداول

 

7. آشنایی با id و class برای انتخاب عناصر  

 

8. معرفی div و span برای دسته بندی و ساختار

 

9.  کار با فرم  

 

10. نمایش فایلهای صوتی و ویدیویی در صفحه , تگ iframe

 

11. آشنایی با تگهای معنایی 5HTML

 

12. آشنایی با metadata و tag meta ها

 

13.جمع بندی نهایی و نکات پایانی HTML

 




فهرستـــ ویدیوها

مدت زمان دوره 2:13:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:04:31

در این قسمت به معرفی دوره پرداخته ایم.

2
  • HTML دقیقاً چیه و به چه دردی میخوره؟

00:05:47

HTML دقیقاً چیه و به چه دردی میخوره؟

3
  • ساختار اصلی صفحات HTML از پایه

00:06:27

ساختار اصلی صفحات HTML از پایه

4
  • نوشتن متن و پاراگراف , تیترها , تگ های تأکیدی مثل bold و italic

00:06:52

برای نوشتن متن در HTML از تگ

استفاده می‌کنیم. مثال:

این یک پاراگراف است.

برای تیترها از تگ‌های

تا

استفاده می‌کنیم. (h1 بزرگ‌ترین تیتر و h6 کوچک‌ترین است). برای پررنگ کردن متن از یا استفاده می‌کنیم. برای کج کردن متن از یا استفاده می‌کنیم.
5
  • چطور تصویر به صفحه اضافه کنیم؟

00:08:51

برای گذاشتن عکس از تگ استفاده می‌کنیم. این تگ بسته نمی‌شود. ویژگی مهمش src هست (آدرس عکس). می‌توانیم alt هم بگذاریم تا اگر عکس باز نشد متن جایگزین نمایش داده شود.

6
  • ساخت لینک بین صفحات یا سایت‌ها

00:05:26
7
  • لیست‌ها، br و hr، کامنت، جداول

00:13:27

لیست نامرتب (ul): وقتی می‌خوای یک لیست گلوله‌ای (دایره‌دار) داشته باشی، استفاده می‌شه. مثل لیست خرید. لیست مرتب (ol): وقتی می‌خوای موارد به ترتیب شماره بیان بشن، استفاده می‌شه. مثل مراحل یک دستور. br: برای رفتن به خط بعدی استفاده می‌شه، یعنی متن می‌شکنه و خط جدید شروع می‌شه. hr: یک خط افقی روی صفحه می‌کشه تا بخش‌ها از هم جدا بشن. کامنت (Comment): نوشته‌ایه که فقط توی کد دیده می‌شه و توی صفحه نمایش داده نمی‌شه. معمولاً برای توضیح یا یادداشت برای خودت یا بقیه برنامه‌نویس‌هاست. جدول (Table): برای نمایش داده‌ها به صورت ردیفی و ستونی استفاده می‌شه، مثل جدول نمرات یا جدول زمان‌بندی.

8
  • آشنایی با id و class برای انتخاب عناصر

00:04:20

آشنایی با id و class برای انتخاب عناصر

9
  • معرفی div و span برای دسته بندی و ساختار

00:14:04

معرفی div و span برای دسته بندی و ساختار

10
  • کار با فرم

00:20:21

کار با فرم

11
  • نمایش فایل های صوتی و ویدیویی در صفحه , تگ iframe

00:21:18

نمایش فایل های صوتی و ویدیویی در صفحه , تگ iframe

12
  • آشنایی با تگهای معنایی 5HTML

00:11:41

آشنایی با تگهای معنایی 5HTML

13
  • آشنایی با metadata و tag meta ها

00:03:45

آشنایی با metadata و tag meta ها

14
  • جمع بندی نهایی و نکات پایانی HTML

00:06:49

جمع بندی نهایی و نکات پایانی HTML


نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .