سلام خدمت کاربران سایت codetalk.net ؛ با قسمت دوم از سری آموزش های html5 در خدمت شما هستیم. در این قسمت میخواهیم به معرفی چند ویرایشگر مناسب برای نوشتن کدها و ساخت اولین صفحه html خود پبردازیم ، پس با ما همراه باشید .

معرفی چند ویرایشگر مناسب

شما میتوانید کدهای خود را در یک ویرایشگر متنی ساده مثل notepad بنویسید ، ولی برای راحتی کار به شما پیشنهاد میکنیم از ویرایشگرهایی که در ادامه معرفی میکنیم استفاده کنید :

  1. ++notepad : یک ابزار رایگان برای نوشتن کدها می باشد که شما می توانید آن را از اینجا دانلود کنید .
  2. Atom : این نرم افزار رایگان بوده و دارای پلاگین های کاربردی بسیار زیادی است. (لینک دانلود)
  3. sublime text3 : این برنامه غیر رایگان بوده و با توجه به حجم کم خود دارای قابلیت های بسیاری می باشد.(لینک دانلود)
  4. coda : این ویرایشگر برای سیستم عامل مک منتشره شده و غیر رایگان میباشد. جهت خرید و دانلود اینجا را کلیک کنید.
  5. vim : ویم یک پروژهٔ نرم‌افزاری متن‌باز است که برای سیستم عامل های بسیاری از جمله لینوکس منتشر شده است.
    در صورت تمایل میتوانید آن را از اینجا دانلود کنید.

ساخت اولین صفحه html

ابتدا کدهای زیر را در ویرایشگری که انتخاب کرده ایم مینویسیم :

درون تگ <title> عنوان صفحه را قرار میدهیم . مثلا میخواهیم عنوان صفحه test باشد، پس کد ما به این شکل خواهد بود :


محتوایی که میخواهیم در صفحه نمایش داده شود باید درون تگ <body> نوشته شود.
برای مثال میخواهیم عبارت “This is my first html page” را درون یک پاراگرف نشان دهیم.
برای این کار ابتدا درون تگ <body> یک تگ <p> تعریف کرده و عبارت مورد نظر خود را درون این تگ قرار میدهیم.کد نهایی ما به صورت زیر خواهد بود :

 

بعد از این که کدهای خود را نوشتیم باید آن ها را با پسوند htm. یا html. ذخیره کنیم.
از قسمت File ، گزینه Save as را انتخاب کرده و فایل را با نام index و پسوند html. درمکان مورد نظر ذخیره میکنیم.

ساخت اولین صفحه html
در صورتی که قصد دارید درون صفحه خود از زبان فارسی استفاده کنید، برای نمایش صحیح حروف مقدار Encoding را برابر UTF-8 قرار دهید.
برای دیدن نتیجه کار به محل ذخیره فایل رفته و دوبار روی آن کلیک میکنیم.

ساخت اولین صفحه html
تبریک ! شما توانستید اولین صفحه html خود را بسازید.

منبع مورد استفاده در این آموزش

لینک منبع


دیگرقسمت ها
قسمت اول
قسمت سوم


منبع : کد تاک


نویسنده : میثم شمس