آموزش فارسی و کاربردی html: ویرایشگر html (درس دوم) - بهینگی

آموزش فارسی و کاربردی html: ویرایشگر html (درس دوم)

60
0
اشتراک گذاری :
آموزش فارسی و کاربردی html: ویرایشگر html (درس دوم)

در ابتدای آموزش HTML بایستی به این موضوع بپردازیم که دستورات HTML را در چه محیطی باید بنویسیم؟ محیطهای نگارش کدهای HTML را ویرایشگر HTML  می گوییم.

در ادامه با برخی ویرایشگرهای HTML آشنا می شوید.

بیشتر بخوانید:  آموزش فارسی و کاربردی HTML : آشنایی با HTML (درس اول)

نوشتن HTML با استفاده از NotePad یا TextEdit

صفحات وب را می توان با استفاده از ویرایشگرهای حرفه ای HTML نوشت و ایجاد کرد. با این حال، برای یادگیری HTML می توانید از یک ویرایشگر متن ساده مانند Notepad (PC) یا TextEdit (Mac) استفاده کنید. استفاده از یک ویرایشگر متنی ساده راه خوبی برای یادگیری HTML است.

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

مرحله ۱: بازکردن NotePad در ویندوز

  • باز کردن Notepad  در ویندوز ۸ یا بالاتر

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

  • باز کردن Notepad  در ویندوز ۷ یا قبل از آن

– Start > Programs > Accessories > Notepad را باز کنید.

مرحله ۱: باز کردن TextEdit  در مکینتاش

  • Finder > Applications > TextEdit را باز کنید.

توجه : برای اینکه کدهای نوشته شده به صورت صحیح ذخیره شود، بایستی برخی تنظیمات را نیز تغییر دهید. به بخش Preferences > Format  بروید و گزینه plain text را انتخاب کنید.

زیر بخش open and save، گزینه ی “Ignore rich text commands in HTML files”  را کلیک کنید.

مرحله ۲: نوشتن تعدادی از کدهای HTML

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

آموزش فارسی و کاربردی html: ویرایشگر html (درس دوم)

آموزش فارسی و کاربردی html: ویرایشگر html (درس دوم)

مرحله ۳: صفحه HTML را ذخیره کنید

فایل را در رایانه خود ذخیره کنید. به مسیر File> Save as رفته و فایل خود را نامگذاری کنید. دقت کنید که نحوه Encoding را به UTF8 تغییر دهید.

آموزش فارسی و کاربردی html: ویرایشگر html (درس دوم)

مرحله ۴: صفحه HTML را در مرورگر خود مشاهده کنید

فایل HTML ذخیره شده را در مرورگر خود باز کنید (روی فایل دوبار کلیک کرده یا راست کلیک کنید و «Open with» را انتخاب کنید.)

تبریک می گوییم! اولین کد HTML را نوشته اید! نتیجه باید مشابه شکل زیر باشد:

آموزش فارسی و کاربردی html: ویرایشگر html (درس دوم)

با گوشی اسکن کنید
1 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 51 vote, average: 5٫00 out of 5

میانگین امتیاز 5٫00 از 5 با 1 رای
Loading...

نویسندگان:
ترتیب پیشنهادی بهینگی برای :

دیدگاه بگذارید

اولین نفری باشید که دیدگاه میگذارد

به من اطلاع بده
avatar
wpDiscuz