کد HTML را با استفاده از ادیتور های متنی ساده همچون Notepad و TextEdit یا gedit بنویسید

صفحات وب را می توان با استفاده از ویرایشگرهای حرفه ای HTML ایجاد و ویرایش نمود.

باوجود این، برای آموزش HTML یک ویرایشگر متن ساده مانند Notepad یا Notepad++ (بر روی ویندوز) یا TextEdit (برای Mac ) ویا gedit یا pluma (بر روی Linux ) را پیشنهاد می نماییم.

بجز Notepad باقی ادیتورها تگ های HTML را نیز هایلایت میکنند.

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

برای ساخت اولین صفحه وب خود با استفاده از Notepad یا TextEdit یا gedit چهار مرحله زیر را دنبال نمایید.


مرحله 1 - بازکردن ادیتور

باز کردن Notepad در ویندوز

  • برای باز کردن Notepad در ویندوز 8 یا نسخه های جدیدتر

صفحه شروع Start Screen (نماد پنجره در قسمت پایین سمت چپ صفحه نمایش) را باز کنید. کلمه Notepad را تایپ نمایید.


  • برای باز کردن Notepad را در ویندوز 7 یا نسخه های قدیمی تر:

بر روی Start Screen (در قسمت پایین سمت چپ صفحه نمایش) کلیک کنید. بر روی All Programs کلیک کنید. کلمه Notepad را تایپ نمایید.


باز کردن TextEdit در مکینتاش (Mac)

نرم افزار TextEdit را باز کنید.

لطفا اطمینان حاصل نمایید که ویرایشگر متن بر روی plain text (متن ساده) تنظیم شده است. به قسمت Preferences > New Document > select plain text بروید.

همچنین اطمینان حاصل نمایید که هر دو گزینه "Display HTML file as HTML code" و "Display RTF file as RTF code" در قسمت "Open and Save" چک مارک خورده باشد.

سپس یک document جدید برای کد نویسی باز کنید.


باز کردن gedit یا pluma در لینوکس

اگر از دسکتاپ Gnome Classic یا KDE استفاده میکنید از منو برنامه ها بر روی آیکون gedit یا pluma کلیک کنید.

اگر از نسخه های جدید Gnome استفاده میکنید مانند آنچه در Ubuntu-12.0 و جدیدتر وجود دارد، در پنجره جستجو نام برنامه gedit یا pluma را تایپ کنید، تا آیکون آن ظاهر شود و بر روی آن کلیک کنید.


مرحله 2 - چند خط کد HTML بنویسید

چند خط کد HTML را داخل ادیتور بنویسید یا کپی کنید.

مثال:


 
<!DOCTYPEhtml>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
 



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


مرحله 3 - صفحه HTML را ذخیره کنید.

فایل را در کامپیوتر خود ذخیره نمایید. از منوی گزینه File > Save as را انتخاب کنید.

فایل را با عنوان "index.HTML" نامگذاری نموده و برای کدگذاری از UTF-8 (که کدگذاری پیشنهادی برای فایل های HTML می باشد) استفاده کنید.



پنجره ذخیره سازی فایل
پنجره ذخیره سازی فایل


شما می توانید هریک از دو پسوند .htm یا .HTML را برگزینید. هیچ تفاوتی وجود ندارد و این انتخاب به شما بستگی دارد.


مرحله 4 - صفحه HTML را در مرورگر خود مشاهده نمایید

فایل ذخیره شدهHTML را در مرورگر مورد علاقه خود باز کنید ( ترجیحا از فایرفاکس، کرم یا سافاری استفاده کنید)

دوبار بر روی فایل کلیک نموده یا راست کلیک کرده و "Open with" را انتخاب نمایید.


نتیجه تا حد زیادی شبیه عکس زیر خواهد بود:



نمایش کد HTML در پنجره مرورگر
نمایش کد HTML در پنجره مرورگر


تبریک می گوییم شما اولین صفحه HTML را ساخته اید


نوشتن دیدگاه


 

آموزش های گام به گام

مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف

مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف
مسابقه حل مسائل مهندسی شیمی به کمک کامپیوتر دانشگاه صنعتی شریف

ادامه مطلب...

چهارمین کارگاه ارتباطات و نظریه اطلاعات برگزار می شود

چهارمین کارگاه ارتباطات و نظریه اطلاعات
چهارمین کارگاه ارتباطات و نظریه اطلاعات

ادامه مطلب...

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

دومین دوره مسابقات برنامه نویسی دانش آموزی امیرکبیر

ادامه مطلب...

سمینار خانه های هوشمند برای دوران پیری

سمینار خانه های هوشمند برای دوران پیری

ادامه مطلب...