جستجو در دورآموز

خانه / وبگاه / ویرایشگر فایلهای HTML
167 برگشت

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

فاطمه خوش‌گفتارماهر
فاطمه خوش‌گفتارماهر

مهندس طراحی سایت - سابقه 10 سال تدریس در جهاددانشگاهی مشهد - مدرس نرم افزارها و برنامه های کامپیوتری - عضو تیم برنامه نویسی جی وب

شنبه، 31 خرداد 1399 ساعت 00:03:13
ویرایشگر فایلهای HTML

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

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

شما دارد .

اگر می‌خواهید این زبان را از پایه و به صورت کاملاً اصولی بیاموزید بهترین کار استفاده ازیک ویرایشگر ساده می‌باشد. ما معتقدیم

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

به عنوان مثال  برای سیستم عامل ویندوز می‌توان از ویرایشگر Notepad  یا++Notepad و برای سیستم عامل مک از

ویرایشگر TextEdit استفاده کرد.

مزیت استفاده از یک ویرایشگر ساده در این است که شما با این کار تبحر زیادی در کدنویسی پیدا می‌کنید. در صورتی که با استفاده

از  ویرایشگرهای حرفه ای هرچند کار بسیار آسان‌تر است ولی شما را وابسته می‌سازد.

البته بعد از بدست آوردن تبجر لازم در کدنویسی شما می‌توانید از ویرایشگرهای حرفه ای برای سرعت بخشیدن به کار استفاده کنید .

در اینجا نام ۴ ویرایشگر حرفه‌ای که در سیستم عاملهای مختلف قابل استفاده هستند را ذکر می‌کنیم:

۱- ویرایشگر Kompozer : قابل استفاده در سیستم‌عاملهای Windows-Mac-Linux

۲- ویرایشگر  Adobe Dreamweaver معروفترین ویرایشگر html می باشد : قابل استفاده در سیستم‌عاملهای Windows-Mac

۳ویرایشگر Expression Web : قابل استفاده در سیستم‌عامل Windows

۴ویرایشگر Flux :  قابل استفاده در سیستم‌عامل Mac

شروع کار با ویرایشگر Notepad :

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

مرحله ۱:

  • بازکردن Notepad در سیتم‌عامل ویندوز ۸ یا بالاتر:

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

 

  • بازکردن Notepad در ویندوز ۷ یا پایینتر:

 

  • از طریق منوی Start مسیر روبرو را طی کنید: Start > Programs > Accessories > Notepad

 

  • باز کردن TextEdit  در سیتم‌عامل مک :

 

  • مسیر  Finder> Applications> TextEdit را طی کنید.

 

مرحله ۲:

نوشتن یا کپی کردن چند کد  HTML : به عنوان مثال کدهای زیر را وارد کنید:

 

1

2

3

4

5

6

7

8

9

10

11

12

13

<!DOCTYPE html>

 

</html>

 

<html>

 

<body>

 

<h1>This is a Heading</h1>

 

<p>This is a paragraph.</p>

 

</body>

توضیح این کدها در آینده به طور کامل ارائه می‌شود.

مرحله ۳:

صفحه HTML را ذخیره کنید

برای این کار ابتدا مسیر روبرو را طی کنیدFile>Save یا File>Save As برای بار اول هیچ فرقی نمی‌کند.(اما برای بار دوم که فایل

مورد ویرایش قرار می‌گیرد یا می‌خواهید فایلرا با نامی جدید و یا مسیری جدید ذخیره کنید باید از Save As استفاده کنید.)

پنچره Save As به صورت زیر باز می‌شود.

مسیر ذخیره فایل را در پنل سمت چپ این پنجره انتخاب کنید.

حال در کادر File Name  نام فایل را همراه پسوند  html یا htm تایپ کنید. (فرقی نمی‌کند. فقط استفاده از پسوند htmبرای

نامگذاری فایل مانند مجیط Dos محدودیت می‌آورد.یعنی برنامه‌نویس برای نام فایل باید حداکثر ۸ کاراکتر و برای پسوند فایل تنها

۳ کاراکتر به کار برد. در حالی که استفاده از پسوند html این محدودیت را ندارد.) به عنوان مثال تایپ کنید:

Index.html

و در نهایت دکمه Save را بزنید.

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

در آخر برای اینکه نتیجه کارتان را ببینید کافی است روی فایل ایجاد شده Double click کنید .(شکل آیکون فایل HTMLشما به

شکل مرورگر پیش‌فرض سیستم شما درآمده است . در نتیجه با  Double click روی آن فایل HTML شما در آن مرورگر اجرا شده

و نمایش داده می‌شود.)

 در نتیجه با انجام اعمال فوق ، شما شاهد نتیجه زیر خواهید بود:

This is a Heading

This is a paragraph.

جهت برقراری ارتباط با نویسنده پست و یا ارسال نظر اطلاعات زیر را وارد نمایید
تصویر کپچا دورآموز
سوالات متداول دورآموز