ویرایش و نوشتن HTML || کدامین
ویرایش و نوشتن HTML || کدامین

تنها 1 برنامه برای ویرایش و نوشتن HTML مورد نیاز است.

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

برای نوشتن و ویرایش html چه برنامه‌ای مورد نیازه؟

صفحات وب رو می‌تونید با برنامه‌های حرفه‌ای بسازید و ویرایش کنید اما برای آموزش دیدن ما به شما پیشنهاد می‌کنیم که از یک ویرایشگر ساده مثل Notepad (PC) و TextEdit (Mac) در مک استفاده کنید.
چرا ؟ چون مجبور میشید که کدها رو حتماً تایپ کنید ، پس در این صورت بهتر تو خاطرتان می‌مونه!

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

قدم اول در ویندوز : بازکردن Notepad

برای ویندوز 8 یا بالاتر:

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

ویندوز 7 یا قبل از آن:

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

قدم اول در MAC : باز کردن TextEdit

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

همچنین برخی از تنظیمات رو تغییر بدید تا برنامه بتونه فایل ها رو به درستی ذخیره کنه. در Preferences > Format > “Plain Text” رو انتخاب کنید.

سپس در قسمت «Open and Save»، در کادری نوشته «Display HTML files as HTML code instead of formatted text» رو علامت بزنید.

سپس یک سند جدید را برای نوشتن کد ایجاد کنید.

قدم دوم : نوشتن کد HTML

کد زیر رو یا بنویسید یا در داخل ویرایشگرتون کپی و پیست کنید.


					
				

img notepad

قدم سوم : ذخیره کردن صفحه HTML

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

نام فایل را “index.htm” یا “index.html” بگذارید و رمزگذاری را روی UTF-8 (که رمزگذاری ترجیحی برای فایل های HTML است) تنظیم کنید.
توجه کنید که پسوند صفحات وبی که با اچ تی ام ال مینویسیم html/htm هست.

img saveas

قدم چهارم : صفحه HTML ایجاد شده رو در مرورگرتون باز کنید.

فایل HTML ذخیره شده را در مرورگر مورد علاقه خودتون باز کنید (روی فایل دوبار کلیک کنید یا راست کلیک کنید – و “Open with” را انتخاب کنید).

نتیجه مثل تصویر زیر میشه:

img chrome

دروس ارائه شده در سایت به صورت متنی و مبنی بر داکیومنت مرجع میباشد.
جهت مشاهده ویدیو های آموزشی دروس میتوانید به کانال یوتیوب کدامین مراجعه کنید.

محبوب ترین محصولات

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

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

X