✍️شروع تمرین عملی
بهجای مطالعهی صرف، مستقیم وارد محیط تمرین شو؛ کد HTML و CSS بنویس، خروجی زنده ببین و پاسخ خود را بررسی کن.
مهمانها فقط فصل ۱ را میبینند. برای مشاهده همه فصلها و استفاده از دستیار هوش مصنوعی، ثبتنام رایگان انجام بده.
فصل ۱ — مقدمه HTML HTML چیست، چرا مهم است و ساختار اولیه یک صفحه وب فصل ۲ — عناصر و ویژگیها ساختار تگها، ویژگیها، تگهای خالی و تو در تو فصل ۳ — عناوین و پاراگرافها تگهای h1 تا h6، پاراگراف، شکست خط و خط افقی فصل ۴ — قالببندی متن پررنگ، ایتالیک، خطخورده، هایلایت و... فصل ۵ — لیستها نامرتب، مرتب، تعریفی و تودرتو فصل ۶ — لینکها لینکهای خارجی، داخلی، ایمیل، تلفن و لنگر فصل ۷ — تصاویر img، figure، figcaption، picture و نقشه تصویری فصل ۸ — جداول ساخت جدول کامل باthead، tbody، colspan و rowspan فصل ۹ — فرمها ورودیها، لیستها، دکمهها و اعتبارسنجی فصل ۱۰ — بلاک، اینلاین، div، span تفاوت عناصر بلاکی و درونخطی فصل ۱۱ — سمانتیک و لایهبندی عناصر معنادار HTML5 برای ساختار صحیح فصل ۱۲ — چندرسانهای و iframe ویدیو، صدا، iframe و قراردادن محتوای خارجی فصل ۱۳ — Entityها و نمادها کاراکترهای خاص، ریاضی، تایپوگرافی و ارز فصل ۱۴ — SEO مقدماتی در HTML چطور با HTML ساختار صفحه را برای موتورهای جستجو و کاربران قابل فهمتر کنیم فصل ۱۵ — دسترسیپذیری در HTML نوشتن HTML قابل استفاده برای همه کاربران، از جمله کاربران صفحهخوان و کیبورد فصل ۱۶ — اتصال CSS به HTML سه روش استایلدهی و بهترین روش برای پروژههای واقعی فصل ۱۷ — تمرینها و اشتباهات رایج تمرینهای فصلبهفصل برای تبدیل دانستهها به مهارت واقعی فصل ۱۸ — پروژه نهایی و آزمون HTML ساخت یک صفحه واقعی آموزشی و سنجش یادگیری با آزمون کوتاه فصل ۱۹ — تگهای تکمیلی HTML تگهایی که در نسخه قبلی کمتر توضیح داده شده بودند، با بیان ساده و کاربردی فصل ۲۰ — تگهای رسانه و محتوای خارجی تگهای تصویر، نقشه تصویری، SVG، Canvas و فایلهای خارجی با توضیح ساده فصل ۲۱ — CSS از صفر: قواعد، انتخابگرها و اولویت پایه CSS با زبان ساده: چطور یک عنصر را انتخاب کنیم و به آن ظاهر بدهیم فصل ۲۲ — CSS کاربردی: رنگ، متن، فاصله و Box Model چیزهایی که در هر طراحی واقعی با CSS استفاده میکنی فصل ۲۳ — چیدمان در CSS: Display، Flex، Grid و Position ساخت چیدمانهای واقعی برای کارت، هدر، ستونها و صفحات ریسپانسیو فصل ۲۴ — ریسپانسیو، انیمیشن و CSS Variables چطور صفحه را برای موبایل آماده کنیم و ظاهر حرفهایتر بسازیم فصل ۲۵ — کتابخانهها و فریمورکهای CSS Bootstrap، Tailwind، Bulma و Material UI چه هستند و چه زمانی استفاده میشوند؟ فصل ۲۶ — پروژه کامل HTML و CSS یک پروژه ساده اما واقعی برای جمعبندی HTML، CSS و ریسپانسیو فصل ۲۷ — نقشه راه و روش مطالعه دوره بدان از کجا شروع کنی، چه ترتیبی بخوانی و بعد از هر بخش چه تمرینی انجام بدهی. فصل ۲۸ — ساختار پوشهبندی پروژه واقعی فایلهای HTML، CSS، JavaScript و تصاویر را مثل یک پروژه واقعی مرتب کن. فصل ۲۹ — تمرینهای کامل فصلبهفصل تمرینهای کوچک و قابل انجام برای تبدیل آموزش به مهارت عملی. فصل ۳۰ — مینیپروژههای HTML و CSS چند پروژه کوچک مثل کارت محصول، فرم تماس، جدول قیمت و صفحه مقاله. فصل ۳۱ — ریسپانسیو عملی و موبایلفرست ساخت صفحهای که در موبایل، تبلت و دسکتاپ درست نمایش داده شود. فصل ۳۲ — Debug و Inspect مرورگر یاد بگیر خطاهای HTML و CSS را با ابزارهای مرورگر پیدا و اصلاح کنی. فصل ۳۳ — HTML و CSS در وردپرس و المنتور بدان HTML و CSS در وردپرس، المنتور و طراحی سایت واقعی کجا استفاده میشوند. فصل ۳۴ — کتابخانههای CSS با مثال واقعی Bootstrap، Tailwind، Bulma، Animate.css و آیکنها را با مثال ساده بشناس. فصل ۳۵ — چکلیست تحویل پروژه قبل از تحویل پروژه مطمئن شو کد، ریسپانسیو، دسترسیپذیری و ساختار درست است. فصل ۳۶ — آزمونهای HTML و CSS با پاسخ سؤالهای کوتاه و پروژهمحور برای سنجش یادگیری همراه با پاسخ تشریحی. فصل ۳۷ — پروژه نهایی دوره: لندینگ آموزشی ساخت صفحه فرود کامل شامل هدر، Hero، کارتها، قیمت، FAQ، فرم و فوتر. فصل ۳۸ — مرجع کاملتر تگهای HTML فهرست ساده و آموزشی از تگهای مهم HTML و کاربرد هرکدام. فصل ۳۹ — محیط تمرین تعاملی نوشتن HTML و CSS، پیشنمایش زنده، بررسی پاسخ، راهنمای خطا و جواب نمونه. کدنویسی اختصاصی با AIفضای اختصاصی هر کاربر برای ساخت پروژههای HTML و CSS، پیشنمایش زنده، ذخیره پروژه و کمک گرفتن از ایجنت محدود به HTML/CSS.ورود مستقیم به تمرین تعاملیادیتور HTML/CSS، خروجی زنده، بررسی آفلاین، بررسی هوشمند AI و دستیار کمک هوش مصنوعی.تست اتصال API هوش مصنوعیبرای رفع مشکل «API قابل دسترسی نیست»، این صفحه وضعیت PHP، cURL و کلید API را بررسی میکند.