01 از 07
فایل های خود را در یک پوشه جدید قرار دهید
دفترچه یادداشت ویندوز یک برنامه پردازش کلمه اساسی است که می توانید از آن برای نوشتن صفحات وب خود استفاده کنید. صفحات وب فقط متن هستند و شما می توانید از هر برنامه پردازش کلمه برای نوشتن HTML خود استفاده کنید. این آموزش شما را از طریق فرایند پیاده می کند.
اولین چیزی که باید هنگام ایجاد یک وب سایت جدید در Notepad ایجاد یک پوشه جداگانه برای ذخیره آن است. به طور معمول، صفحات وب خود را در یک پوشه به نام HTML در پوشه «اسناد من» ذخیره می کنید، اما می توانید آنها را در جایی که دوست دارید ذخیره کنید.
- پنجره «اسناد من» را باز کنید
- روی File > New > Folder کلیک کنید
- پوشه my_website را بنویسید
نکته مهم: نام پوشه ها و فایل های وب را با استفاده از تمام حروف کوچک و بدون هیچ فضایی یا نشانه گذاری کنید. در حالی که ویندوز به شما اجازه می دهد از فضاهای استفاده کنید، بسیاری از ارائه دهندگان خدمات میزبانی وب انجام نمی دهند، و اگر برخی از فایل ها و پوشه ها را از ابتدا به درستی نامگذاری کنید، زمان و مشکلی را صرفه جویی خواهید کرد.
02 از 07
صفحه را به عنوان HTML ذخیره کنید
اولین چیزی که باید هنگام نوشتن یک صفحه وب در Notepad انجام دهید این است که صفحه را به عنوان HTML ذخیره کنید. این موجب صرفه جویی در زمان و مشکل شما خواهد شد.
همانطور که با نام دایرکتوری است، همیشه از تمام حروف کوچک و بدون فضاهای و یا کاراکترهای خاص در نام فایل استفاده کنید.
- در دفترچه یادداشت، بر روی File کلیک کنید و سپس Save As.
- به پوشه ای بروید که در آن فایل های وب سایت خود را ذخیره می کنید.
- منوی کشویی Save As Type را به All Files (*. *) تغییر دهید.
- نام فایل.این آموزش از نام 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 و سایر حیوانات خانگی" نامگذاری شده است.
thethe
McKinley، Shasta و سایر حیوانات خانگی
مهم نیست که عنوان شما چقدر طول بکشد یا چندین خط را در HTML خود داشته باشد، اما عناوین کوتاه تر برای خواندن آسان تر است، و بعضی مرورگرها پنجره های مرورگر دیگر را قطع می کنند.
06 از 07
قسمت اصلی وب سایت شما
بدن صفحه وب شما در داخل ذخیره می شود
برچسب ها این جایی است که شما متن، سرفصل ها، زیر شاخه ها، تصاویر و گرافیک ها، لینک ها و سایر مطالب را قرار می دهید. این می تواند تا زمانی که شما دوست دارید.
این فرمت را می توانید برای نوشتن صفحه وب خود در Notepad دنبال کنید.
سر عنوان شما می رود اینجا همه چیز در صفحه وب اینجا می رود
07 از 07
ایجاد پوشه عکس
قبل از اضافه کردن محتوا به بدن سند HTML خود، باید دایرکتوری های خود را تنظیم کنید تا پوشه ای برای تصاویر داشته باشید.
- پنجره «اسناد من» را باز کنید.
- تغییر به پوشه my_website
- روی File > New > Folder کلیک کنید .
- تصاویر پوشه را نام ببرید.
تمام تصاویر خود را برای وب سایت خود در پوشه تصاویر ذخیره کنید تا بتوانید آنها را بعدا پیدا کنید. این باعث می شود که وقتی که نیاز دارید، آنها را آپلود کنید.