مدرس دوره

مدرس دوره

نبی عبدی

مدت زمان ویدیو

زمان ویدیو

14:17 دقیقه

دیگر جلسات دوره

برو به دیگر جلسات

آموزش HTML و CSS

دانلود ویدیو

برای دانلود ویدیو

وارد شوید

آموزش ساخت اولین سند HTML (ساخت اولین صفحه وب)

منتشر شده در تاریخ : 30, خرداد, 1400

در این جلسه از سری جلسات آموزش HTML و CSS، اولین سند HTML را ساختیم، پس اگر می‌خواهید اولین سند HTML و در واقع اولین صفحه وب خود را با استفاده از زبان HTML طراحی کنید، این جلسه را با دقت دنبال کنید و حتما به صورت عملی هم اولین صفحه وب خود را بسازید.

آموزش ساخت اولین سند HTML

در زیر مراحل ساخت اولین صفحه وب را بررسی کردیم، دقت کنید حتما ویدیو این جلسه را نیز با دقت مشاهده کنید:

  • ابتدا یک پوشه ایجاد کنید و نام آن را هر چیزی که دوست دارید قرار دهید
  • سپس داخل آن پوشه یک پوشه جدید بسازید و نام آن را First Html قرار دهید
  • داخل پوشه First Html راست کلیک کنید و از گزینه New گزینه New Text Document را انتخاب کنید تا یک فایل با فرمت txt برای شما ساخته شود.
  • سپس از تنظیمات View در بخش بالای ویندوزی که باز است، تیک گزینه File name extensions را بزنید تا فرمت فایل‌ها در ویندوز برای شما نمایش داده شود. اگر این بخش را ندارید با یک جستجوی کوچک می‌توانید قابلیت نمایش فرمت فایل‌ها در ویندوز را برای خودتان فعال کنید.
  • حال که فرمت فایل را می‌توانید مشاهده کنید با کلید‌های ترکیبی Ctrl+A تمامی نام فایل به همراه فرمت آن را انتخاب کنید.
  • سپس تمامی نام را پاک کرده و نام index.html را برای فایل مورد نظر انتخاب کنید.
  • بعد از این کار روی دکمه اینتر بزنید تا تغییر فرمت فایل انجام شود.
  • به احتمال بسیار زیاد یک پنجره اخطار برای شما باز خواهد شد و به شما اخطار خواهد داد که در حال تغییر فرمت فایل هستید، شما روی گزینه Yes کلیک کنید تا تغییر فرمت به درستی انجام شود.
  • در این مرحله به احتمال زیاد آیکون فایل شما تغییر خواهد کرد و هم‌اکنون شما یک سند HTML خام دارید.
  • حال روی کل پوشه First Html راست کلیک کرده و پوشه را با استفاده از نرم‌افزار VSCode که در جلسات قبلی آن را نصب کردیم، باز کنید.
  • ادامه کار داخل ویدیو به صورت کامل توضیح داده شده است.

جمع بندی

در انتها امیدواریم که جلسه آموزش ساخت اولین سند HTML (ساخت اولین صفحه وب) برای شما مفید و کاربردی واقع شده باشد، هر سوالی دارید در انتهای همین صفحه مطرح کنید تا بتوانیم پاسخ سوالات شما عزیزان را بدهیم، با تشکر از همراهی شما.

5/5 - (1 امتیاز)

نظرات در “آموزش ساخت اولین سند HTML (ساخت اولین صفحه وب)

    • پشتیبانی میگوید:

      سلام، جلسات قبل را با دقت مشاهده کنید و پلاگین‌های معرفی شده را روی visual studio code خود نصب کنید.

  1. پارسا میگوید:

    سلام خدمت شما استاد عزیز ممنون بابت دوره ی خوبتون
    جسارت بنده را ببخشید
    با پلاگین HTML Play میتونید مثل پلاگین Live Server تغییرات را ببینید با این تفاوت که دیگر نیازی به باز کردن مرورگر نیست و میتوانید با vscode اجرا کنید
    باز هم ممنون بابت آموزش خوبتون

    • پشتیبانی میگوید:

      باسلام، بله حتی به غیر از این دو پلاگین، پلاگین‌های بسیار زیاد دیگری هستند که می‌توانید استفاده کنید، با تشکر از همراهی شما.

  2. farzad میگوید:

    سلام استاد در کد title ما عنوان سایت رو تغییر میدیم
    که اگر این کار رو نکنیم اسم سایت ما اسم پوشه ای هست که داریم روش کار میکنیم و چندان اسم مناسبی نیست
    پس با استفاده از تگ title میتونیم عنوان سایتمون رو به صورت دلخواه تغییر بدیم

    • پشتیبانی میگوید:

      سلام آقا فرزاد عزیز، عالی بود درست گفتید، جایزه شما یک کد تخفیف 10 درصدی برای دوره آموزش HTML و CSS پیشرفته هست که می‌توانید با ارسال تیکت آن را دریافت کنید!

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

سیزده + پانزده =