دوره آموزش سریع و تصویری HTML و CSS: طراحی وبسایت از پایه همراه با فلشکارت آموزشی — ارائه روی فلش مموری
🎓 دوره آموزشی جامع
📚 اطلاعات دوره
عنوان دوره: آموزش سریع و تصویری HTML و CSS: طراحی وبسایت از پایه
موضوع کلی: توسعه وب
موضوع میانی: مبانی ساختار و استایل‌دهی وب
📋 سرفصل‌های دوره (100 موضوع)
- 1. مقدمه‌ای بر وب و نحوه کار آن
- 2. آشنایی با HTML، CSS و نقش هرکدام
- 3. ساختار پایه یک سند HTML
- 4. بررسی تگ‌ها، عناصر و ت‌ها
- 5. ابزارهای مورد نیاز برای شروع کدنویسی
- 6. ایجاد اولین صفحه وب
- 7. تعریف عنوان صفحه با تگ `<title>`
- 8. کار با متادیتاها و تگ `<meta>`
- 9. ایجاد تیترها از `<h1>` تا `<h6>`
- 10. نوشتن پاراگراف با تگ `<p>`
- 11. ایجاد شکست خط و خط افقی
- 12. تأکید بر متن با `<strong>` و `<em>`
- 13. کار با تگ‌های `<b>` و `<i>`
- 14. نمایش متن اصلاح شده با `<del>` و `<ins>`
- 15. استفاده از اندیس بالا و پایین: `<sup>` و `<sub>`
- 16. ایجاد لیست‌های نامرتب ( گلوله‌ای)
- 17. ایجاد لیست‌های مرتب (شماره‌دار)
- 18. ساخت لیست‌های توصیفی
- 19. ایجاد لیست‌های تودرتو
- 20. مبانی لینک‌دهی با تگ `<a>`
- 21. لینک‌دهی به صفحات خارجی (مسیر مطلق)
- 22. لینک‌دهی بین صفحات داخلی سایت (مسیر نسبی)
- 23. لینک به بخش خاصی از یک صفحه (لینک‌های انکر)
- 24. باز کردن لینک در یک تب جدید
- 25. ایجاد لینک ایمیل (`mailto`)
- 26. قرار دادن تصویر در صفحه با تگ `<img>`
- 27. اهمیت و کاربرد ت `alt` برای تصاویر
- 28. کنترل ابعاد تصاویر با `width` و `height`
- 29. استفاده از تصاویر به عنوان لینک
- 30. کامنت‌گذاری در کد HTML
- 31. مفهوم عناصر بلاکی و درون‌خطی
- 32. CSS چیست و چرا از آن استفاده می‌کنیم؟
- 33. روش‌های افزودن CSS به HTML: داخلی، خارجی و درون‌خطی
- 34. اتصال فایل CSS خارجی به سند HTML
- 35. ساختار یک دستور CSS: انتخابگر، خصوصیت و مقدار
- 36. کامنت‌گذاری در فایل‌های CSS
- 37. انتخابگرهای نوع (Type Selectors)
- 38. انتخابگرهای کلاس (Class Selectors)
- 39. انتخابگرهای شناسه (ID Selectors)
- 40. گروه‌بندی انتخابگرها برای خلاصه‌نویسی
- 41. انتخابگرهای فرزند (Descendant Selectors)
- 42. تغییر رنگ متن با خصوصیت `color`
- 43. مدل‌های رنگی در وب: HEX، RGB و RGBA
- 44. تنظیم فونت با `font-family`
- 45. تنظیم اندازه فونت با `font-size`
- 46. تنظیم ضخامت فونت با `font-weight`
- 47. ایتالیک کردن متن با `font-style`
- 48. تراز کردن متن با `text-align`
- 49. افزودن خط به متن با `text-decoration`
- 50. تنظیم فاصله بین خطوط با `line-height`
- 51. تنظیم رنگ پس‌زمینه با `background-color`
- 52. استفاده از تصویر پس‌زمینه با `background-image`
- 53. کنترل تکرار تصویر پس‌زمینه
- 54. تعیین موقعیت تصویر پس‌زمینه
- 55. ثابت کردن تصویر پس‌زمینه هنگام اسکرول
- 56. خصوصیت خلاصه‌نویسی `background`
- 57. آشنایی با مدل جعبه‌ای (Box Model)
- 58. تنظیم عرض و ارتفاع عناصر
- 59. درک مفهوم `box-sizing`
- 60. ایجاد فاصله داخلی با `padding`
- 61. ایجاد فاصله خارجی با `margin`
- 62. وسط‌چین کردن عناصر با `margin: auto`
- 63. ایجاد کادر دور عناصر با `border`
- 64. تنظیم ضخامت، استایل و رنگ کادر
- 65. خصوصیت خلاصه‌نویسی `border`
- 66. گرد کردن گوشه‌های کادر با `border-radius`
- 67. استایل‌دهی به لیست‌ها: تغییر شکل نشانگر
- 68. استفاده از تصویر به عنوان نشانگر لیست
- 69. شبه‌کلاس‌ها: استایل‌دهی به حالت‌های مختلف لینک (`:hover`)
- 70. شبه‌عناصر: افزودن محتوا با `::before` و `::after`
- 71. موقعیت‌یابی عناصر: `position: static` و `position: relative`
- 72. موقعیت‌یابی مطلق: `position: absolute`
- 73. موقعیت‌یابی ثابت: `position: fixed`
- 74. کنترل ترتیب لایه‌ها با `z-index`
- 75. چیدمان ستونی با استفاده از `float`
- 76. حل مشکل درهم‌ریختگی `float` با `clear`
- 77. معرفی عناصر معنایی HTML5
- 78. ساختاردهی صفحه با `<header>`، `<footer>` و `<main>`
- 79. استفاده از `<nav>`، `<article>` و `<section>`
- 80. ایجاد جداول با `<table>`، `<tr>` و `<td>`
- 81. تعریف سرتیترهای جدول با `<thead>` و `<th>`
- 82. ادغام سلول‌های جدول: `colspan` و `rowspan`
- 83. استایل‌دهی به جداول با CSS
- 84. شروع کار با فرم‌ها: تگ `<form>`
- 85. ایجاد فیلدهای متنی یک خطی و چندخطی
- 86. فیلدهای ورودی ایمیل، رمز عبور و شماره تلفن
- 87. اتصال برچسب به فیلدهای فرم با تگ `<label>`
- 88. ساخت چک‌باکس‌ها
- 89. ساخت دکمه‌های رادیویی
- 90. گروه‌بندی فیلدها با `<fieldset>` و `<legend>`
- 91. ایجاد منوی کشویی با `<select>` و `<option>`
- 92. ایجاد دکمه ارسال فرم و دکمه‌های معمولی
- 93. مقدمه‌ای بر Flexbox برای چیدمان انعطاف‌پذیر
- 94. محورهای اصلی و متقاطع در Flexbox
- 95. تنظیم چیدمان افقی با `justify-content`
- 96. تنظیم چیدمان عمودی با `align-items`
- 97. مقدمه‌ای بر CSS Grid برای چیدمان‌های پیچیده
- 98. تعریف ستون‌ها و ردیف‌ها در Grid
- 99. طراحی واکنش‌گرا (Responsive) چیست؟
- 100. استفاده از Viewport متا تگ
آموزش سریع و تصویری HTML و CSS: طراحی وبسایت از پایه
معرفی دوره
آیا رویای طراحی وبسایت شخصی یا کسب درآمد از طریق طراحی وب را در سر دارید؟ آیا به دنبال راهی سریع، آسان و تصویری برای یادگیری HTML و CSS هستید؟ دوره "آموزش سریع و تصویری HTML و CSS: طراحی وبسایت از پایه" دقیقاً همان چیزی است که به آن نیاز دارید! این دوره با الهام از کتاب پرطرفدار "HTML, XHTML, and CSS: Visual QuickStart Guide" طراحی شده و به شما کمک می‌کند تا در کمترین زمان ممکن، با اصول و مبانی طراحی وب آشنا شده و اولین وبسایت خود را ایجاد کنید.
در این دوره، خبری از تئوری‌های پیچیده و خسته‌کننده نیست. ما با رویکردی کاملاً عملی و گام به گام، شما را در هر مرحله از طراحی وبسایت همراهی می‌کنیم. از ساختاردهی صفحات وب با HTML گرفته تا استایل‌دهی جذاب و حرفه‌ای با CSS، همه چیز به صورت تصویری و با مثال‌های کاربردی آموزش داده می‌شود. همین امروز سفر خود را به دنیای طراحی وب آغاز کنید!
درباره دوره
دوره "آموزش سریع و تصویری HTML و CSS: طراحی وبسایت از پایه" یک دوره جامع و کامل است که به شما دانش و مهارت‌های لازم برای ساخت وب‌سایت‌های پویا و جذاب را می‌دهد. این دوره به صورت تصویری و با زبانی ساده و روان ارائه می‌شود و برای افرادی که هیچ تجربه‌ای در زمینه طراحی وب ندارند، ایده‌آل است. محتوای این دوره بر اساس اصول و مبانی ارائه شده در کتاب "HTML, XHTML, and CSS: Visual QuickStart Guide" تدوین شده است و با استفاده از مثال‌های عملی و تمرین‌های متنوع، به شما کمک می‌کند تا مفاهیم را به طور کامل درک کرده و به کار ببرید.
موضوعات کلیدی
- مبانی HTML و ساختار صفحات وب
- تگ‌های HTML: عناصر اصلی و کاربردی
- فرمت‌بندی متن، ایجاد لیست‌ها و جداول در HTML
- لینک‌ها و تصاویر: اتصال صفحات و افزودن محتوای چندرسانه‌ای
- مبانی CSS و استایل‌دهی صفحات وب
- انتخابگرهای CSS: انتخاب عناصر برای استایل‌دهی
- مدل جعبه‌ای CSS: درک و کنترل فضای اطراف عناصر
- طراحی واکنش‌گرا: ساخت وب‌سایت‌های سازگار با دستگاه‌های مختلف
- کار با فونت‌ها، رنگ‌ها و پس‌زمینه‌ها در CSS
- انیمیشن‌ها و ترنزیشن‌ها: افزودن جذابیت به وبسایت
مخاطبان دوره
این دوره برای افراد زیر مناسب است:
- افرادی که هیچ تجربه‌ای در زمینه طراحی وب ندارند.
- دانشجویان رشته‌های مرتبط با کامپیوتر و فناوری اطلاعات.
- صاحبان کسب و کارهای کوچک که می‌خواهند وبسایت خود را طراحی کنند.
- افرادی که به دنبال یادگیری یک مهارت جدید و پردرآمد هستند.
- کسانی که می‌خواهند اصول اولیه طراحی وب را به صورت سریع و آسان یاد بگیرند.
چرا این دوره را بگذرانیم؟
دلایل زیادی وجود دارد که چرا باید در دوره "آموزش سریع و تصویری HTML و CSS: طراحی وبسایت از پایه" شرکت کنید:
- یادگیری سریع و آسان: با استفاده از روش‌های تصویری و مثال‌های عملی، در کمترین زمان ممکن HTML و CSS را یاد می‌گیرید.
- محتوای جامع و کامل: تمام مباحث اصلی و کاربردی HTML و CSS در این دوره پوشش داده شده است.
- آموزش گام به گام: از مبتدی تا پیشرفته، همراه شما هستیم و در هر مرحله به سوالات شما پاسخ می‌دهیم.
- پروژه‌های عملی: با انجام پروژه‌های عملی، مهارت‌های خود را تقویت کرده و برای ورود به بازار کار آماده می‌شوید.
- پشتیبانی آنلاین: در صورت بروز هرگونه مشکل، می‌توانید از پشتیبانی آنلاین دوره بهره‌مند شوید.
- فرصت‌های شغلی: با یادگیری HTML و CSS، می‌توانید به عنوان یک طراح وبسایت، توسعه‌دهنده فرانت‌اند یا فریلنسر فعالیت کنید.
- الهام گرفته از کتاب معتبر: محتوای دوره با الهام از کتاب "HTML, XHTML, and CSS: Visual QuickStart Guide" تهیه شده است.
سرفصل‌های دوره (100 سرفصل جامع)
دوره شامل 100 سرفصل جامع و کاربردی است که در زیر به برخی از مهم‌ترین آن‌ها اشاره می‌کنیم:
- بخش اول: مقدمه‌ای بر HTML
- آشنایی با HTML و تاریخچه آن
- ساختار اصلی یک سند HTML
- تگ‌های اصلی HTML (html, head, body, title)
- افزودن نظرات در HTML
- DOCTYPE و اهمیت آن
- ... و 10 سرفصل دیگر در این بخش
- بخش دوم: عناصر HTML
- تگ‌های عنوان (h1 تا h6)
- تگ پاراگراف (p)
- تگ خط جداکننده (hr)
- تگ‌های قالب‌بندی متن (strong, em, mark, small, del, ins, sub, sup)
- تگ‌های نقل قول (blockquote, q)
- ... و 15 سرفصل دیگر در این بخش
- بخش سوم: لیست‌ها و جداول
- ایجاد لیست‌های مرتب (ol) و نامرتب (ul)
- تگ li و نحوه استفاده از آن
- ایجاد جداول با تگ table
- تگ‌های tr, th, td و کاربرد آن‌ها
- ادغام سطرها و ستون‌ها در جداول (colspan, rowspan)
- ... و 12 سرفصل دیگر در این بخش
- بخش چهارم: لینک‌ها و تصاویر
- ایجاد لینک‌ها با تگ a
- ویژگی href و انواع لینک‌ها (داخلی، خارجی، ایمیل)
- ایجاد تصاویر با تگ img
- ویژگی src و alt و اهمیت آن‌ها
- لینک کردن به تصاویر
- ... و 8 سرفصل دیگر در این بخش
- بخش پنجم: فرم‌ها
- ایجاد فرم‌ها با تگ form
- عناصر فرم (input, textarea, select, button)
- انواع مختلف input (text, password, email, number, checkbox, radio, submit)
- ویژگی‌های form (action, method)
- اعتبارسنجی فرم
- ... و 10 سرفصل دیگر در این بخش
- بخش ششم: مقدمه‌ای بر CSS
- آشنایی با CSS و تاریخچه آن
- روش‌های اعمال CSS (inline, internal, external)
- نحو CSS (selector, property, value)
- انتخابگرها (element, id, class)
- ... و 7 سرفصل دیگر در این بخش
- بخش هفتم: استایل‌دهی متن
- تغییر فونت (font-family, font-size, font-weight, font-style)
- تغییر رنگ متن (color)
- تغییر فاصله بین خطوط (line-height)
- تغییر فاصله بین حروف (letter-spacing, word-spacing)
- تراز کردن متن (text-align)
- ... و 10 سرفصل دیگر در این بخش
- بخش هشتم: مدل جعبه‌ای (Box Model)
- درک مدل جعبه‌ای
- ویژگی‌های padding, margin, border
- width و height
- box-sizing
- ... و 5 سرفصل دیگر در این بخش
- بخش نهم: طرح‌بندی (Layout)
- موقعیت‌دهی عناصر (position: static, relative, absolute, fixed, sticky)
- فلوت (float) و پاک‌سازی (clear)
- Flexbox
- Grid
- ... و 8 سرفصل دیگر در این بخش
- بخش دهم: رسپانسیو (Responsive)
- آشنایی با طراحی رسپانسیو
- Viewport
- Media Queries
- واحدهای نسبی (%, em, rem, vh, vw)
- ... و 5 سرفصل دیگر در این بخش
محتویات بسته آموزشی
🌐 سامانه آنلاین فلشکارت؛ مرور هدفمند و هوشمند
اکانت ارائه‌شده، دسترسی به نسخه تحت وب سامانه فلشکارت ویژه این دوره را فراهم می‌کند. این سامانه از الگوریتم زمان‌بندی مرور SM-2 استفاده می‌کند و بر اساس ارزیابی شما از میزان یادآوری هر کارت، زمان مرورهای بعدی را تنظیم می‌کند.
به این ترتیب، کارت‌های دشوارتر می‌توانند زودتر مرور شوند و برای تثبیت مطالب در حافظه، برنامه مرور متناسب‌تری داشته باشید.
مدت‌زمان معادل آموزشی بر اساس برآورد این دوره در گواهی درج می‌شود.
گواهی دوزبانه با استعلام آنلاین
پس از تکمیل فعالیت‌های لازم و تأیید درخواست، گواهی پایان دوره به زبان فارسی و انگلیسی صادر می‌شود. گواهی دارای لینک اختصاصی و QR Code برای بررسی و استعلام آنلاین است.
این گواهی صرفاً به‌عنوان گواهی اتمام دوره آموزشی صادر می‌شود و معادل مدرک دانشگاهی، آکادمیک یا مدرک رسمی مورد تأیید نهادهای دولتی نیست. صدور آن منوط به تکمیل شرایط دوره و تأیید نهایی درخواست است.
نظرات
هنوز نظری ثبت نشده است.
وارد شوید تا نظر ثبت کنید.