✓راهنمای استفاده
برای شروع از فصل ۱ یا فصل ۲۷ یعنی نقشه راه استفاده کن. هر فصل فایل جدا دارد و همه استایلها در assets/css/style.css قرار گرفتهاند.
فایل index.php را باز کن. برای آموزش مرحلهای، از فصل ۲۷ نقشه راه را هم بخوان. برای تمرین عملی هم وارد محیط تمرین تعاملی شو.
مهمانها فقط فصل ۱ را میبینند. برای مشاهده همه فصلها و استفاده از دستیار هوش مصنوعی، ثبتنام رایگان انجام بده.
فصل ۱ — مقدمه 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، پیشنمایش زنده، بررسی پاسخ، راهنمای خطا و جواب نمونه. ورود مستقیم به تمرین تعاملیادیتور HTML/CSS، خروجی زنده، بررسی آفلاین، بررسی هوشمند AI و دستیار کمک هوش مصنوعی.تست اتصال API هوش مصنوعیبرای رفع مشکل «API قابل دسترسی نیست»، این صفحه وضعیت PHP، cURL و کلید API را بررسی میکند.