ورود به سایت

ثبت نام در سایت

Registration confirmation will be e-mailed to you.

فراموشی رمز

15 − 14 =

بستن
بستن

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

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

شما از HTML به عنوان زبان صفحه وب سایت خود استفاده خواهید کرد.

مطالب مرتبط


گام 1 - ایجاد یک سند HTML

روی Start کلیک کنید.

روی نماد ویندوز در گوشه پایین سمت چپ صفحه کلیک کنید. منوی Start ظاهر می شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

جستجوی notepad

در کادر جستجو کلمه notepad را تایپ کنید.

باید لیستی از نتایج مطابق با جستجوی شما در بالای منوی Start ظاهر شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

روی Notepad کلیک کنید.

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

کلیک روی این نماد باعث می شود Notepad باز شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

روی گزینه File کیک کنید.

این گزینه در گوشه بالا سمت چپ پنجره notepad قرار دارد. با کلیک  روی آن ، یک منوی کشویی ایجاد می شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

روی گزینه Save As کلیک کنید.

در منوی کشویی، پنجره Save As باز خواهد شد.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

روی کادر کشویی “Save as type” کلیک کنید.

این گزینه پایین پنجره است و که روی آن  “Text Documents (* .txt)” نوشته شده است. با کلیک بر روی آن ، یک منوی کشویی ظاهر می شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

روی All Files که در منوی کشویی است، کیلیک کنید.

این به شما امکان می دهد تا پرونده خود را به عنوان یک سند HTML ذخیره کنید.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

مکان ذخیره را انتخاب کنید.

روی نام پوشه ای که می خواهید سند خود را ذخیره کنید، کلیک کنید.

در سمت چپ پنجره  کلیک کنید.

به عنوان مثال ، برای ذخیره کردن سند خود در دسک تاپ ، می توانید به بالای صفحه بروید و بر روی Desktop در نوار کناری سمت چپ کلیک کنید .

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

یک نام و پسوند پرونده “html” وارد کنید.

روی جعبه متن “نام پرونده” کلیک کنید.

سپس نام سایت خود را تایپ کنید و با پسوند html. ذخیره کنید.

به عنوان مثال ، برای نامگذاری پرونده صفحه وب خود “سلام” را ، وارد کنید:

hello.html.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

روی Save کلیک کنید.

با این کار ، سند Notepad فعلی شما را به یک سند HTML تبدیل می شود.

در این مرحله ، می توانید ساختار اولیه صفحه وب خود را تنظیم کنید.

اگر Notepad سهواً بسته شد یا مجبور شدید بعداً به سند خود برگردید ، می توانید بر روی پرونده HTML راست کلیک کرده و سپس در منوی کشویی نتیجه ، روی ویرایش کلیک کنید .

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

گام 2 - تنظیم صفحه وب خود

تگ زبان صفحه وب خود را اضافه کنید.

اولین برچسبی که باید به Notepad اضافه کنید.

به بقیه سند، می گوید که ازHTML استفاده شده است  .

موارد زیر را در پنجره Notepad تایپ کنید:

< DOCTYPE html!>

< html >

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

تگ های “head” را اضافه کنید.

این تگ ها شروع وپایان عنوان صفحه را نشان می دهد ، که در مرحله بعدی ایجاد خواهید کرد.

در حال حاضر ، فقط <head> را بعد از تگ “<html>” تایپ کنید ،  Enter را دو بار فشار دهید تا یک فضای خالی ایجاد شود و </head> را تایپ کنید .

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

عنوان صفحه را به وب سایت خود اضافه کنید.

عنوانی که بین تگ های “<title> </title>” قرار می گیرد ، در فضای بین تگ های “head” قرار می گیرد.

این عنوان نام وب سایت را همانطور که در صفحه مرورگر ظاهر می شود نشان می دهد.

به عنوان مثال برای وارد کردن یک هدر برای نامگذاری وب سایت خود “وب سایت من” ، موارد زیر را وارد کنید:

< title > My Website </ title>

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

تگ های “body” را اضافه کنید.

تمام کد صفحه وب شما بین این تگ ها قرار می گیرد ، که باید زیر تگ “</title>” بروید:

< body > </ body >

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

تگ  HTML را ببندید.

آخرین تگ موجود در سند شما یک تگ HTML بسته برای نشان دادن پایان صفحه خواهد بود. برای بستن برچسب HTML ، تگ  </html> را زیر تگ “</body>” تایپ کنید.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

اکنون سند HTML خود را مرور کنید.

در این مرحله ، سند شما باید به شکل زیر باشد:

<! DOCTYPE html>

< html >

< head >

</ head >

< /title > My Website < title >

< body >

</ body >

</ html >

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

سند خود را ذخیره کنید.

برای انجام این کار کلیدهای Ctrl+ S  را فشار دهید.

اکنون می توانید عناصر صفحه مانند پاراگرافها و عناوین را به سند خود اضافه کنید.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

گام 3 - اضافه کردن عناصر صفحه وب

می دانیم که همه عناصر صفحه وب بین تگ های “body” قرار دارند.

هر عنصر اعم از عنوان یا پاراگراف  باید بعد از تگ  “<body>” و قبل از تگ “</body>” نوشته شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

عنوان اصلی وب سایت خود را اضافه کنید.

تگ <h1></h1>در بین تگ “body”، و سپس نامی که شما می خواهید عنوان اصلی صفحه وب خود را باشد، بین تگ های ” <h1> </ H1>” تایپ کنید.

به عنوان مثال ، برای ایجاد صفحه با عنوان “Welcome” موارد زیر را دارید:

< h1 > Welcome </ h1 >

برای ایجاد متن عنوان کوچکتر می توانید از

تگ های “<h2> </h2>” تا “<h6> </h6>” استفاده کنید.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

متن پاراگراف را به صفحه اضافه کنید.

تگ های پاراگراف را تایپ کنید ، که “<p> </p>” هستند .

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

< P > This is my website. Vote for me for class president! </ p >

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

یک  فضا بین پاراگراف ایجاد کنید.

اگر می خواهید فاصله بین پاراگراف یا عنوان را اضافه کنید ، تگ <br> را بعد از تگ بسته شدن خط تایپ کنید .

به عنوان مثال ، برای ایجاد یک خط فاصله پس از یک پاراگراف ، باید به چیزی شبیه به این کد باشد:

   < P > This is my website. Vote for me for class president! </ p >

<br>

   < P > i also like potatoes </ p >

بعد می توانید یک تگ  “” “اضافه کنید تا خط دیگری را اضافه کنید ، بنابراین فضای بین پاراگراف اول و دوم خود ایجاد می کنید.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

قالب بندی را به متن خود اضافه کنید.

تا زمانی که بین تگ ها پاراگراف باشد ، می توانید قالب بندی متن های پررنگ ، برجسته و زیرنویس (و همچنین متن و زیرنویس) را برای هر کلمه ، یا جمله  اعمال کنید:

 

< b > Bold text </ b >

< i > Italic text </ i >

< u > Underlined text </ u >

< sub > Superscript text </sub >

< sub > Subscript text </ sub >

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

ظاهر صفحه وب خود را مرور کنید.

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

 

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

گام 4 - آزمایش صفحه وب خود

سند خود را ذخیره کنید.

برای انجام این کار کلیدهای Ctrl+ S  رافشار دهید. این اطمینان حاصل می کند که سند HTML هنگام باز کردن آن ، جدیدترین نسخه صفحه وب شما را نشان می دهد.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

بر روی سند HTML خود راست کلیک کنید. یک منوی کشویی ظاهر می شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

با انتخاب گزینه Open With  در منوی کشویی، یک منوی بازشو باز می شود.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

مرورگر وب مورد نظر خود را انتخاب کنید.

همه مرورگرهای وب می توانند اسناد HTML را باز کنند ، بنابراین روی هر مرورگری وب که می خواهید در منوی کشویی کلیک کنید. سند HTML شما در مرورگر وب انتخابی شما باز خواهد شد.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

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

اگر می خواهید ویرایش سند HTML خود را ادامه دهید ، به  notepad برگردید و ویرایش های لازم را انجام دهید ، مطمئن باشید که اغلب تغییرات خود را ذخیره می کنید.

نحوه ایجاد یک صفحه وب ساده با استفاده از Notepad

اطلاعات مطلب

  • عمومی
  • 48 بازدید
  • blankblankblankblankblank (1 votes, average: 5٫00 out of 5)
    blankLoading...
  • آخرین ویرایش توسط : فخر کامبیز - شنبه, 11 ژانویه 20, 1:06 ب.ظ

دیدگاه کاربران

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

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

بهترین علوم و دانش برای شما گردآوری میشه

آخرین های آیا میدانید

از همه جا براتون مطلب داریم لطفا کلیک کنید

مطالب برگزیده

موضوعات مهم سایت

مطالب محبوب