🎓 دوره آموزشی جامع
📚 اطلاعات دوره
عنوان دوره: آموزش سریع و تصویری 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 سرفصل دیگر در این بخش
📚 محتوای این محصول آموزشی (پکیج کامل)
💡 این محصول یک نسخهٔ کامل و جامع است
تمامی محتوای آموزشی این کتاب در قالب یک بستهی کامل و یکپارچه ارائه میشود و شامل تمام نسخهها و فایلهای موردنیاز برای یادگیری است.
🎁 محتویات کامل بسته دانلودی
- ویدیوهای آموزشی فارسی — آموزش قدمبهقدم، کاربردی و قابل فهم
- پادکستهای صوتی فارسی — توضیح مفاهیم کلیدی و نکات تکمیلی
- کتاب PDF فارسی — شامل کلیهٔ سرفصلها و محتوای آموزشی
- کتاب خلاصه نکات ویدیوها و پادکستها – نسخه PDF — مناسب مرور سریع و جمعبندی مباحث
- کتاب صدها نکته فارسی (خودمونی) – نسخه PDF — زبان ساده و کاربردی
- کتاب صدها نکته رسمی فارسی – نسخه PDF — نگارش استاندارد، علمی و مناسب چاپ
-
کتاب صدها پرسش و پاسخ تشریحی – نسخه PDF
— هر سؤال بلافاصله همراه با پاسخ کامل و شفاف ارائه شده است؛ مناسب درک عمیق مفاهیم و رفع ابهام. -
کتاب صدها پرسش و پاسخ چهارگزینهای – نسخه PDF (نسخه یادگیری سریع)
— پاسخها بلافاصله پس از سؤال قرار دارند؛ مناسب یادگیری سریع و تثبیت مطالب. -
کتاب صدها پرسش و پاسخ چهارگزینهای – نسخه PDF (نسخه خودآزمایی پایانبخش)
— پاسخها در انتهای هر بخش آمدهاند؛ مناسب آزمون واقعی و سنجش میزان یادگیری. -
کتاب تمرینهای درست / نادرست (True / False) – نسخه PDF
— مناسب افزایش دقت مفهومی و تشخیص صحیح یا نادرست بودن گزارهها. -
کتاب تمرینهای جای خالی – نسخه PDF
— تقویت یادگیری فعال و تسلط بر مفاهیم و اصطلاحات کلیدی.
🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل آموزش تصویری، صوتی، کتابها، تمرینها و خودآزمایی .
ℹ️ نکات مهم هنگام خرید
- این محصول به صورت فایل دانلودی کامل ارائه میشود و نسخهٔ چاپی ندارد.
- تمامی فایلها و کتابها کاملاً فارسی هستند.
- توجه: لینکهای اختصاصی دوره طی ۴۸ ساعت پس از ثبت سفارش ارسال میشوند.
- نیازی به درج شماره موبایل نیست؛ اما برای پشتیبانی سریعتر توصیه میشود.
- در صورت بروز مشکل در دانلود با شماره 09395106248 تماس بگیرید.
- اگر پرداخت انجام شده ولی لینکها را دریافت نکردهاید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینکها دوباره ارسال شوند.
💬 راههای ارتباطی پشتیبانی:
واتساپ یا پیامک:
09395106248
تلگرام: @ma_limbs
نقد و بررسیها
هنوز بررسیای ثبت نشده است.