ایجاد یک صفحه وب جدید با استفاده از دفترچه یادداشت

01 از 07

فایل های خود را در یک پوشه جدید قرار دهید

فایل های خود را در یک پوشه جدید قرار دهید. جنیفر کرینین

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

اولین چیزی که باید هنگام ایجاد یک وب سایت جدید در Notepad ایجاد یک پوشه جداگانه برای ذخیره آن است. به طور معمول، صفحات وب خود را در یک پوشه به نام HTML در پوشه «اسناد من» ذخیره می کنید، اما می توانید آنها را در جایی که دوست دارید ذخیره کنید.

  1. پنجره «اسناد من» را باز کنید
  2. روی File > New > Folder کلیک کنید
  3. پوشه my_website را بنویسید

نکته مهم: نام پوشه ها و فایل های وب را با استفاده از تمام حروف کوچک و بدون هیچ فضایی یا نشانه گذاری کنید. در حالی که ویندوز به شما اجازه می دهد از فضاهای استفاده کنید، بسیاری از ارائه دهندگان خدمات میزبانی وب انجام نمی دهند، و اگر برخی از فایل ها و پوشه ها را از ابتدا به درستی نامگذاری کنید، زمان و مشکلی را صرفه جویی خواهید کرد.

02 از 07

صفحه را به عنوان HTML ذخیره کنید

صفحه خود را به عنوان HTML ذخیره کنید. جنیفر کرینین

اولین چیزی که باید هنگام نوشتن یک صفحه وب در Notepad انجام دهید این است که صفحه را به عنوان HTML ذخیره کنید. این موجب صرفه جویی در زمان و مشکل شما خواهد شد.

همانطور که با نام دایرکتوری است، همیشه از تمام حروف کوچک و بدون فضاهای و یا کاراکترهای خاص در نام فایل استفاده کنید.

  1. در دفترچه یادداشت، بر روی File کلیک کنید و سپس Save As.
  2. به پوشه ای بروید که در آن فایل های وب سایت خود را ذخیره می کنید.
  3. منوی کشویی Save As Type را به All Files (*. *) تغییر دهید.
  4. نام فایل.این آموزش از نام pets.htm استفاده می کند .

03 از 07

شروع به نوشتن صفحه وب کنید

صفحه وب خود را بسازید. جنیفر کرینین

اولین چیزی که باید در سند HTML Notepad خود تایپ کنید DOCTYPE است. این به مرورگر ها می گوید چه نوع HTML را انتظار دارد. این آموزش از HTML5 استفاده می کند.

اعلان doctype یک برچسب نیست این به کامپیوتر می گوید که یک سند HTML5 وارد می شود. این در بالای هر صفحه HTML5 قرار دارد و این فرم را می گیرد:

هنگامی که DOCTYPE دارید، می توانید HTML خود را شروع کنید. هر دو شروع را تایپ کنید

برچسب و تگ پایان و برخی از محتویات محتویات صفحه وب صفحه خود را ترک کنید. سند دفتر یادداشت شما باید اینگونه باشد:

04 از 07

ایجاد سر برای وب سایت شما

ایجاد سر برای وب سایت شما. جنیفر کرینین

سر یک سند HTML، جایی است که اطلاعات اولیه در مورد صفحه وب شما ذخیره می شود، چیزهایی مانند عنوان صفحه و احتمالا متا تگ ها برای بهینه سازی موتور جستجو. برای ایجاد بخش سر، اضافه کنید

برچسب ها در دفترچه یادداشت خود را در متن HTML متن بین thetags.

the

همانطور که با

برچسب ها، فاصله بین آنها فاصله انداخته می شود تا شما بتوانید اطلاعات سر را اضافه کنید.

05 از 07

عنوان صفحه را در قسمت سر اضافه کنید

عنوان صفحه را اضافه کنید. جنیفر کرینین

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

برچسب ها با استفاده از tag ها این در صفحه وب خود ظاهر نمی شود، فقط در بالای مرورگر.

این صفحه نمونه به نام "McKinley، Shasta و سایر حیوانات خانگی" نامگذاری شده است.

the

the

McKinley، Shasta و سایر حیوانات خانگی

مهم نیست که عنوان شما چقدر طول بکشد یا چندین خط را در HTML خود داشته باشد، اما عناوین کوتاه تر برای خواندن آسان تر است، و بعضی مرورگرها پنجره های مرورگر دیگر را قطع می کنند.

06 از 07

قسمت اصلی وب سایت شما

قسمت اصلی وب سایت شما. جنیفر کرینین

بدن صفحه وب شما در داخل ذخیره می شود

برچسب ها این جایی است که شما متن، سرفصل ها، زیر شاخه ها، تصاویر و گرافیک ها، لینک ها و سایر مطالب را قرار می دهید. این می تواند تا زمانی که شما دوست دارید.

این فرمت را می توانید برای نوشتن صفحه وب خود در Notepad دنبال کنید.

سر عنوان شما می رود اینجا همه چیز در صفحه وب اینجا می رود

07 از 07

ایجاد پوشه عکس

ایجاد پوشه عکس جنیفر کرینین

قبل از اضافه کردن محتوا به بدن سند HTML خود، باید دایرکتوری های خود را تنظیم کنید تا پوشه ای برای تصاویر داشته باشید.

  1. پنجره «اسناد من» را باز کنید.
  2. تغییر به پوشه my_website
  3. روی File > New > Folder کلیک کنید .
  4. تصاویر پوشه را نام ببرید.

تمام تصاویر خود را برای وب سایت خود در پوشه تصاویر ذخیره کنید تا بتوانید آنها را بعدا پیدا کنید. این باعث می شود که وقتی که نیاز دارید، آنها را آپلود کنید.