ویرایشگر های HTML (قسمت سوم)

در این قسمت با ویرایشگر های فایل های HTML آشنا می شویم و نحوه استفاده از آن ها را آموزش می دهیم

ویرایشگر های HTML

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

HTML می توانند با برنامه های حرفه ای همچون موارد زیر قابل تغیییر و نوشتن باشند.

  • Adobe Dreamweaver
  • Microsoft Expression Web
  • Notepad ++
  • CoffeeCup HTML Editor

به هرحال، ما برای آموزش HTML از ویرایشگر متنی Notepad و قابل دسترس در هر ویندوزی استفاده می کنیم.(توی ویندوز کامپیوتر ها Notepad یا توی سیستم عامل های مک از Textedit)

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

4 مرحله زیر را دنبال کنید تا اولین صفحه اینترنتی خود را به وسیله Notepad ایجاد نمایید.


مرحله 1: Notepad را باز کنید

بر روی دکمه Start گوشه صفحه کلیک نمایید، سپس روی All Programs سپس روی Accessories و در پایان روی Notepad کلیک کنید.

برای باز کردن در ویندوز 8:

صفحه Start را باز کرده و سپس Notepad را تایپ کنید و اینتر کنید.


مرحله 2: یک سری کد HTML را یادداشت نمایید.

خودتون یه سری کد HTML را در Notepad بنویسید یا برای راحت تر شدن کار خود متن زیر را در Notepad کپی نمایید

<DOCTYPE html!>
<html>
<head>
<title>this is my first page </title>
<head/>
<body>
<p/>این اولین صفحه ای می باشد که من طراحی می کنم<p>
<body/>
<html/>

ویرایشگر های HTML


مرحله 3: ذخیره سازی فایل

فایل را روی کامپیوتر خود ذخیره کنید

از قسمت File سپس روی Save as.. کلیک نمایید

زمانی که دارید فایل را ذخیره می کنید اسم فایل همیشه باید در پایانش .html یعنی با پسوند html ذخیره شود و Save as Type را All File قرار داده و دقت داشته باشید Encoding را UTF-8 قرار دهید و روی دکمه Save کلیک نمایید


مرحله 4: نمایش فایل HTML در مرورگر

روی فایل ذخیره شده 2 کلیک سریع کرده تا فایل باز شود، سپس نتیجه را ببینید:

آموزش کامل HTML

مطلب قبلی

برچسب ها: آموزش HTML 5 , آموزش HTML , HTML , آموزش کامل HTML , HTML Learning , آموزش HTML بر اساس W3Schools , آموزش های W3Schools
لینک ثابت

    هیچ نظری ثبت نشده است

    شما اولین نفر باشید !

ارسال نظر

نکته :
- نظرات شما ممکن است فقط بعد از تایید مدیر نمایش داده شوند .
- لطفا از زبان پارسی برای نظر دادن استفاده کنید

CAPTCHA Image