تبریک میگویم! شما با موفقیت دوره مقدماتی HTML را در CSLearn پشت سر گذاشتید. اکنون وقت آن است که تمام قطعات پازل (تگها، لیستها، فرمها و تصاویر) را کنار هم بگذاریم و اولین صفحه شخصی خود را بسازیم.
🚀 پروژه نهایی: صفحه شخصی حرفهای
در این پروژه، از تگهای معنایی برای ساختار، از لیستها برای مهارتها و از فرم برای تماس استفاده میکنیم. کد زیر را به عنوان الگوی نهایی خود داشته باشید:
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<title>رزومه من | CSLearn</title>
</head>
<body>
<header>
<h1>به وبسایت شخصی من خوش آمدید</h1>
<nav>بخشها: درباره من | مهارتها | تماس</nav>
</header>
<main>
<section>
<h2>درباره من</h2>
<p>من یادگیری وب را با قدرت شروع کردهام.</p>
</section>
<section>
<h2>مهارتهای من</h2>
<ul>
<li>تسلط بر تگهای متنی</li>
<li>ساخت فرمهای تعاملی</li>
</ul>
</section>
</main>
<footer>
<p>طراحی شده با عشق در دوره HTML</p>
</footer>
</body>
</html>
🎓 آنچه در این دوره آموختید:
موضوع
دستاورد
ساختار اصلی
ایجاد بدنه استاندارد صفحه
محتوا و رسانه
کار با متن، تصویر و ویدیو
تعامل و سئو
ساخت فرم و استفاده از تگهای معنایی
🗺️ گام بعدی: دنیای رنگارنگ CSS
HTML فقط اسکلتبندی ساختمان بود. برای اینکه به این ساختمان رنگ بزنید، چیدمان آن را زیبا کنید و فونتهای اختصاصی بگذارید، باید به سراغ CSS (Cascading Style Sheets) بروید.
پایان دوره HTML مقدماتی
شما حالا آماده ورود به دنیای حرفهایها هستید!
فراموش نکنید که کدنویسی فقط با تمرین تکرار ملکه ذهن میشود.