این درس اولین تجربهی واقعی شما در دنیای کدنویسی وب است. با چند خط ساده HTML میتوانید اولین صفحهی وب خودتان را بسازید و آن را در مرورگر ببینید.
🧰 مرحله اول: نصب و باز کردن ویرایشگر متن
- از برنامههایی مثل Word استفاده نکنید؛ چون متن را با فرمتهای اضافی ذخیره میکنند.
- بهترین گزینه: Visual Studio Code (VS Code) – رایگان، امن و حرفهای.
- دانلود از: https://code.visualstudio.com
- نصب ساده:
- ویندوز: فایل نصب را اجرا کنید و چند بار Next بزنید.
- مک: فایل را استخراج کنید و داخل پوشهی Applications قرار دهید.
✨ مرحله دوم: ایجاد اولین فایل HTML
- در VS Code از منوی بالا روی File → New File کلیک کنید.
- کد زیر را تایپ کنید:
<h1>This is a test</h1> - این کد یک عنوان اصلی (Heading Level 1) ایجاد میکند.
💾 مرحله سوم: ذخیره فایل
- از مسیر File → Save یا کلید میانبر ذخیره کنید:
- ویندوز:
Ctrl + S - مک:
Cmd + S
- ویندوز:
- نام فایل را مثلاً mypage.html بگذارید.
- پسوند
.htmlبسیار مهم است؛ چون مرورگر میفهمد این فایل یک صفحهی وب است.
🌐 مرحله چهارم: نمایش فایل در مرورگر
- فایل ذخیرهشده را در File Explorer (ویندوز) یا Finder (مک) پیدا کنید.
- مرورگر خودتان (Chrome، Firefox یا Safari) را باز کنید.
- فایل HTML را بکشید و داخل مرورگر رها کنید (Drag & Drop).
- 🎉 حالا اولین صفحهی وب شما نمایش داده میشود!
✏️ مرحله پنجم: ویرایش و رفرش
- اگر متن فایل را تغییر دهید و دوباره ذخیره کنید، کافی است مرورگر را Refresh کنید تا تغییرات نمایش داده شوند.
📚 ادامه مسیر
- حالا میتوانید همهی تمرینهای این دوره را روی کامپیوتر خودتان انجام دهید.
- در درس بعدی یاد میگیریم:
- ساخت لیستهای بولتدار (unordered lists)
- و مفهوم Nested Elements (قرار گرفتن عناصر داخل یکدیگر).