ویرایشگرهای متنی HTML
 

ویرایشگرهای متنی HTML

تنها با یک ویرایشگر متنی ساده مثل Notepad یا TextEditمی‌توانید یادگیری HTML را آغاز کنید.
جمعه، 02 مهر 1400 | Article Rating

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

با این حال‌، برای یادگیری HTML، با یک ویرایشگر متنی ساده مانند Notepad (PC) یا TextEdit (Mac) می‌توان کار را آغاز کرد. ولی این نوع ویرایشگرهای متنی ساده امکان نمایش ساختار تگ‌ّای HTML را به روش تفکیک رنگ متن‌های داخل صفحه ندارند و شاید بهتر باشد از ویرایشگرهای متنی کمی بهتر مثل برنامه Notepad++ استفاده نمایید. آخرین نسخه این ویرایشگر متنی ساده و سبک ولی بسیار کارآمد را از وب سایت Notepad ++ دانلود نمایید.

ویرایشگر متنی Notepad ++

ما معتقدیم که استفاده از ویرایشگر متن ساده راه خوبی برای یادگیری HTML است تا این که از نرم‌افزارهای پیچیده‌تر بخواهید استفاده کنید. اکنون برای ایجاد نخستین صفحه وب خود با Notepad یا TextEdit یا Notepad++ مراحل زیر را دنبال کنید:

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

اگر از ویندوز استفاده ۸، ۱۰ یا بالاتر استفاده می‌کنید کافی است روی آيکون ویندوز کلیک کنید و عبارت notepad را تایپ کنید تا ویرایشگر متنی ویندوز برای استفاده باز شود.

همچنین اگر برنامه نوت پد پلاس پلاس را که در بالا لینک دانلود آن را برای نصب و استفاده پیشنهاد داده‌ایم دانلود و نصب کرده‌اید، آن را اجرا نمایید.

در صورتی که از کامپیوترهای مکینتاش شرکت اپل استفاده می‌کنید می‌توانید از برنامه TextEdit (Mac) استفاده نمایید. برای این کار از قسمت Open Finder قسمت برنامه‌های کاربردی Applications را باز کنید و نرم‌افزار ویرایشگر متنی TextEdit را اجرا نمایید.

نمایی از مرورگر Notepad++
نمایی از مرورگر Notepad ویندوز

آغاز به نوشتن اولین صفحه وب

پس از بازکردن ویرایشگر متنی مورد نظر خود، نمونه متن زیر را در آن کپی کنید و آن را به صورت یک فایل با پسوند htm یا html ذخیره کنید. دقت کنید در صورتی که از حروف فارسی در متن داخل عناصر html خود استفاده می‌کنید فرمت فایل شما باید از نوع UTF-8 باشد تا حروف فارسی به درستی ذخیره شود. در غیر این صورت به جای حروف فارسی تنها علامت‌های سوال ??? مشاهده خواهید کرد.

پس از این که کد خود را در ویرایشگر متنی نوشتید و آن را با پسوند Html ذخیره کردید، می‌توانید به سادگی با دبل کلیک کردن روی فایل ایجاد شده آن را اجرا کنید و مشاهده خواهید کرد که مرورگر وب پیش‌فرض کامپیوتر شما باز شده و محتوای چیزی که در آن نوشته‌اید را خوانده و پردازش کرده و نمایش می‌دهد.

ولی ما راه راحت‌تری برای شما در نظر گرفته‌ایم. واحد آموزش کارگزاران تجارت الکترونیک ایران با طراحی و انتشار ویرایشگر متنی آنلاین به شما این امکان را می‌دهد که هم‌اکنون که در حال مطالعه این متن هستید با کلیک روی گزینه کد HTML را آزمایش کنید شما را به صفحه آموزش آنلاین کدهای html برده و در دو قسمت کد نویسی و مشاهده نتیجه بتوانید همزمان کدهای خود را نوشته و با زدن کلید «مشاهده نتیجه»، نتیجه کدی که نوشته‌اید را بلافاصله مشاهده نمایید.

  • </>

    نمونه کد HTML برای یادگیری این درس آموزشی:

    <!DOCTYPE html>
    <html>
    <head>
    <title>عنوان صفحه</title>
    </head>
    <body>

    <h1>نمونه عنوان یک صفحه وب</h1>
    <p>نمونه پاراگراف در یک صفحه وب.</p>

    </body>
    </html>
    کد HTML را آزمایش کنید

    تنها کافی است روی گزینه "کد HTML را آزمایش کنید " کلیک کنید تا ویرایشگر متنی ما همان لحظه باز شود و شما کدهایی را که یاد گرفتید در پنجره سمت چپ وارد کنید و با زدن گزینه "مشاهده نتیجه"، نتیجه کد خود را به صورت زنده مشاهده نمایید!



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

در صورتی که مایل به معرفی خدمات طراحی سایت ما به دوستان خود هستید لطفا این صفحه را برای ایشان به اشتراک بگذارید. همچنین می‌توانید اطلاعات بیشتری درباره خدمات ما در زمینه طراحی سایت فروشگاهی همچون طراحی سایت عطر، طراحی سایت شخصی، طراحی سایت شرکتی، طراحی سایت سازمانی با ورود به این صفحات به دست آورید. این که وب سایت مورد نظر شما از چه نوعی باشد را به ما بسپارید. بسته به امکانات و نیاز شما بهترین را برای شما انتخاب می‌کنیم. چه از نوع طراحی سایت با دی ان ان DNN (دات نت نیوک) باشد و چه از نوع طراحی سایت با وردپرس Wordpress می‌توانید از طریق صفحات مربوط به آن اطلاعات بیشتری کسب کرده و همه خدمات خود را از میزبانی وب و خرید هاست گرفته تا طراحی اپلیکیشن موبایل و آموزش طراحی سایت و سئو سایت SEO، آن را با خیال راحت به ما بسپارید. نکته قابل توجه این است که ما با هدف افزایش درآمد و رساندن شما به اهدافی که مد نظر دارید این کار را انجام می‌دهیم و این موضوع بسیار متفاوت است با این که بخواهید فقط یک سایت داشته باشید! چون هر طراحی سایتی شما را به اهداف‌تان نمی‌رساند. تخصص ما تجارت الکترونیک و راه اندازی کسب و کار آنلاین است و طراحی سایت تنها بخشی از این خدمات محسوب می‌شود. عکاسی 360 درجه از محصول و طراحی سیستم اختصاصی یکپارچه ERP و راهبری و چگونگی انجام کار برای رسیدن به درآمد آنلاین چیزی است که بسیاری از طراحان سایت نمی‌دانند. این در حالی است که هدف ما از طراحی سایت تمرکز روی به نتیجه رسیدن اهداف شما است نه طراحی سایت! کارگزار خدمات فناوری اطلاعات خود را به درستی و با دقت انتخاب کنید.

تصاویر
ثبت امتیاز
اشتراک گذاری
نظر جدید

تصویر امنیتی
کد امنیتی را وارد نمایید:

این صفحه را به دوستان خود معرفی کنید

با به اشتراک گذاری این صفحه، یک فرصت خوب به دوستان خود هدیه می‌دهید