جستجو برای:
  • خانه
  • طراحی سایت
  • خدمات ما
    • سامانه یادگیری الکترونیکی – سایا (LMS)
    • سامانه الکترونیکی مدیریت آموزش (ساما) (EMS)
    • پشتیبانی نرم افزار
    • پشتیبانی سخت افزار
    • پشتیبانی شبکه
    • پشتیبانی ماشین های اداری
  • نمونه کارها
  • قالب و افزونه
  • دسته بندی مطالب
    • آموزش مجازی
    • اخبار سینما
    • افزونه وردپرس
    • آموزش افزونه وردپرس
    • بازی
    • دوره های رایگان
    • سریال
    • فناوری
    • فیلم
      • اکشن
      • تاریخی
      • ترسناک
      • کمدی
      • هیجان انگیز
      • ورزشی
    • قالب وردپرس
      • قالب خبری و وبلاگ
      • قالب شرکتی
      • قالب نمونه کار
      • قالب های چند منظوره
    • مقالات
      • بازایابی دیجیتال
      • برنامه نویسی
      • تولید و بازاریابی محتوا
      • طراحی و گرافیک
  • تماس با ما
  • DMCA
  • پشتیبان سایت
 
  • 02144824488
  • info@myhamyar.com
  • بلاگ
  • تماس با ما
  • درباره ما
همیارِمَن  | آموزش برنامه نویسی و طراحی سایت | طراحی گرافیک
دسترسی سریع
  • پشتیبان سایت
0

ورود و ثبت نام

  • خانه
  • طراحی سایت
  • خدمات ما
    • سامانه یادگیری الکترونیکی – سایا (LMS)
    • سامانه الکترونیکی مدیریت آموزش (ساما) (EMS)
    • پشتیبانی نرم افزار
    • پشتیبانی سخت افزار
    • پشتیبانی شبکه
    • پشتیبانی ماشین های اداری
  • نمونه کارها
  • قالب و افزونه
  • دسته بندی مطالب
    • آموزش مجازی
    • اخبار سینما
    • افزونه وردپرس
    • آموزش افزونه وردپرس
    • بازی
    • دوره های رایگان
    • سریال
    • فناوری
    • فیلم
      • اکشن
      • تاریخی
      • ترسناک
      • کمدی
      • هیجان انگیز
      • ورزشی
    • قالب وردپرس
      • قالب خبری و وبلاگ
      • قالب شرکتی
      • قالب نمونه کار
      • قالب های چند منظوره
    • مقالات
      • بازایابی دیجیتال
      • برنامه نویسی
      • تولید و بازاریابی محتوا
      • طراحی و گرافیک
  • تماس با ما
  • DMCA
  • پشتیبان سایت

بلاگ

همیارِمَن | آموزش برنامه نویسی و طراحی سایت | طراحی گرافیکبلاگدوره های رایگانآموزش رایگان HTML مقدماتی تا پیشرفته بخش سوم

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

18 شهریور 1400
ارسال شده توسط همیار من
دوره های رایگان
412 بازدید

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

فهرست عناوین

  • ویرایشگران متنی HTML به ساده ترین زبان
    • ویرایشگران متنی HTML
    • آ. کد HTML با استفاده از Notepad. (برای مبتدیان)
      • مرحله ۱: Notepad را باز کنید.
      • مرحله ۲: کد HTML خود را وارد کنید.
      • مرحله ۳: فایل HTML را با پسوند .htm یا .html ذخیره کنید.
      • مرحله ۴: صفحه HTML را در مرورگر وب خود باز کنید
    • ب. کد HTML با استفاده از ویرایشگر متن Text Sublime (پس از یادگیری اصول اولیه HTML توصیه می شود.)
      • مرحله ۱: ویرایشگر متن Text Sublime را باز کنید:
    • برای یادگیری تمامی محبث های این دوره میتوانید اینجا کلیک کنید.
      • مرحله ۲: قبل از نوشتن کد صفحه را ذخیره کنید.
      • مرحله ۳: کد را در ویرایشگر وارد کنید.
      • مرحله ۴: صفحه HTML را در مرورگر باز کنید.

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

  • فایل HTML فایلی متنی است. بنابراین برای ایجاد یک فایل HTML می توانیم از هر ویرایشگر متن استفاده کنیم.
  • ویرایشگران متن برنامه هایی هستند که امکان ویرایش متن نوشتاری را فراهم می کنند. در نتیجه برای ایجاد یک صفحه وب، نیاز به یک ویرایشگر متن داریم تا کد خود را در آن بنویسیم.
  • ویرایشگرهای متن مختلفی وجود دارد که می توانید به طور مستقیمً آنها را دانلود کنید اما برای فرد مبتدی بهترین ویرایشگر متن برنامه Notepad (در ویندوز) یا TextEdit (در مک) است.
  • بعد از یادگیری اصول اولیه، می توانید به راحتی از دیگر ویرایشگرهای متن حرفه ای مانند: Notepad++ ، Sublime Text ، Vim و … استفاده کنید.
  • در این آموزش از Notepad و Text Sublime استفاده می شود. در ادامه روش های ساده برای ایجاد اولین صفحه وب خود با استفاده از Notepad وSublime Text ارائه شده است.

آ. کد HTML با استفاده از Notepad. (برای مبتدیان)

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

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

 

 

مرحله ۲: کد HTML خود را وارد کنید.

مرحله ۳: فایل HTML را با پسوند .htm یا .html ذخیره کنید.

 

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

برای اجرای صفحه HTML باید مکان فایل، جایی که فایل خود را ذخیره کرده اید، در مرورگر وارد کنید. همچنین می توانید روی فایل دابل کلیک کرده و یا با راست کلیک روی فایل گزینه open with را انتخاب کنید.

 

ب. کد HTML با استفاده از ویرایشگر متن Text Sublime (پس از یادگیری اصول اولیه HTML توصیه می شود.)

پس از یادگیری اصول اولیه HTML می توانید از برخی ویرایشگرهای متن حرفه ای استفاده کنید. این ویرایشگرها به شما کمک می کنند تا کد خود را سریع تر و موثرتر بنویسید. برای استفاده از ویرایشگرهای متن Text Sublime ابتدا باید آن را از اینترنت دانود و نصب کنید. می توانید آن را از لینک https://www.sublimetext.com/download دانلود کرده و روی سیستم خود نصب کنید. برای استفاده از آن مراحل ساده زیر را دنبال کنید:

مرحله ۱: ویرایشگر متن Text Sublime را باز کنید:

برای باز کردن Text Sublime در صفحه استارت ویندوز اسم برنامه را تایپ و سپس آن را باز کنید. برای باز کردن یک صفحه جدید CTRL+N را فشار دهید.

 

برای یادگیری تمامی محبث های این دوره میتوانید اینجا کلیک کنید.

مرحله ۲: قبل از نوشتن کد صفحه را ذخیره کنید.

برای ذخیره صفحه خود در Text Sublime، Ctrl + S را فشار دهید یا گزینه save در تب File را انتخاب کنید. فایل را با پسوند htm. یا html. ذخیره کنید. توصیه می کنیم ابتدا فایل را ذخیره سپس کد بزنید.

 

مرحله ۳: کد را در ویرایشگر وارد کنید.

 

مرحله ۴: صفحه HTML را در مرورگر باز کنید.

برای اجرای یا باز کردن صفحه در مرورگر وب، فقط روی صفحه text sublime راست کلیک کرده و گزینه Open in Browser را انتخاب کنید.

 

 

بیشتر بخوانید:

  • چگونه توسعه دهنده وب شویم؟
  • چند پروژه تمرینی HTML و CSS
  • دانلود افزونه فرم ساز گرویتی فرمز| Gravity Forms
  • تکنیک‌های سئو دسته بندی محصولات در فروشگاه اینترنتی
  • آپلود وب‌سایت در سرور | چگونه سایت ساخته شده را به صورت آنلاین مشاهده کنیم؟
  • معرفی زبان PHP و مزیت‌های آن
  • آموزش رایگان HTML مقدماتی تا پیشرفته
  • بهترین افزونه های اسلایدر وردپرس
  • آموزش کامل افزونه ووکامرس و اضافه کردن محصول به WooCommerce
  • آموزش رایگان HTML مقدماتی تا پیشرفته بخش دوم
  • چگونه این موضوع امکان پذیر خواهد شد
  • 20اقدام مهم برای افزایش امنیت وردپرس
اشتراک گذاری:
برچسب ها: editor htmleditor html androideditor html css onlineeditor html downloadeditor html freeeditor html maceditor html wysiwygHTMLHTML چیستHTML5 چیستآموزش HTMLآموزش html pdfآموزش html به زبان سادهآموزش html پی دی افآموزش html پیشرفتهآموزش html و cssآموزش html و css پیشرفتهآموزش html5 pdfآموزش رایگان HTMLآموزش رایگان html همیارمنآموزش رایگان html5آموزش رایگان html5 و css3آموزش رایگان html5 و css3 pdfآموزش رایگان زبان htmlآموزش کامل و رایگان htmlآموزش+html+css+javascriptپروژه تمرینی htmlپروژه تمرینی html cssتاریخچه مختصر از HTMLتمرین عملی htmlدانلود فیلم آموزش رایگان htmlدوره رایگان آموزش html و cssفیلم آموزش رایگان htmlویرایشگر htmlویرایشگر html برای اندرویدویرایشگر html چیست
در تلگرام
کانال ما را دنبال کنید!
در اینستاگرام
ما را دنبال کنید!

مطالب زیر را حتما مطالعه کنید

لوگو ادمین سایت

آموزش انیمیشن‌سازی با CSS

در این قسمت از آموزش انیمشن‌سازی در CSS قصد داریم به طور کلی به آموزش...
همیارمن

نحوه اضافه کردن کد PHP در وردپرس

اگر به دنبال اضافه کردن کد php در وردپرس به صفحات در وردپرس هستید به...

دوره رایگان طراحی فروشگاه اینترنتی!

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

آموزش ایجاد لیست کشویی وابسته به هم در HTML

در این مقاله در همیار من قصد داریم یکی از مطالب بسیار مهم و کاربردی...
ترفندهای عکاسی حرفه‌ای با موبایل (ساده و بدون هزینه!)

ساده و بدون هزینه ترفند های عکاسی حرفه ای با موبایل را یاد بگیرید

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

DOM چیست و چه کاربردی دارد؟

DOM عبارتی است که بیشتر آنرا در زبان جاوا اسکریپت می‌شنویم. در این مقاله در...

دیدگاهتان را بنویسید لغو پاسخ

جستجو در همیارمَن
جستجو برای:
  • آموزش مجازی
  • اخبار سینما
  • افزونه وردپرس
    • آموزش افزونه وردپرس
  • بازی
  • پیشنهادی
  • دسته‌بندی نشده
  • دوره های رایگان
  • سریال
  • فناوری
  • فیلم
    • اکشن
    • تاریخی
    • ترسناک
    • جنایی
    • کمدی
    • مستند
    • معمایی
    • هیجان انگیز
    • ورزشی
  • قالب HTML
  • قالب وردپرس
    • قالب خبری و وبلاگ
    • قالب شرکتی
    • قالب نمونه کار
    • قالب های چند منظوره
  • مقالات
    • بازایابی دیجیتال
    • برنامه نویسی
    • تولید و بازاریابی محتوا
    • طراحی و گرافیک
آخرین مطالب سایت
  • آموزش انیمیشن‌سازی با CSS
  • بهترین فیلم های اسلشر تاریخ سینما
  • نقد فیلم Cure – یک فیلم هیپنوتیزم کننده
  • نقد فیلم یتیم Orphan: First Kill
  • کسب درآمد از آموزش آنلاین چگونه است؟
برچسب‌ها
CSS HTML آموزش آموزش CSS آموزش css3 آموزش css3 pdf آموزش css3 رایگان آموزش css3 پیشرفته آموزش css pdf آموزش css حرفه ای آموزش css و html آموزش css پروژه محور آموزش css پیشرفته آموزش افزونه وردپرس آموزش تولید محتوا آموزش رایگان html همیارمن آموزش رایگان زبان html آموزش وب سایت افزونه وردپرس بازاریابی بازاریابی دیجیتال بازی بررسی بررسی بازی تولید محتوا دانلود افزونه وردپرس دانلود قالب وردپرس دوره دوره رایگان دیجیتال مارکتینگ سایت فناوری فیلم قالب قالب سایت قالب وب سایت قالب وردپرس نقد نقد بازی نقد فیلم نقد و بررسی نقد و بررسی بازی نقد و بررسی فیلم وردپرس ووکامرس

ورود

رمز عبور را فراموش کرده اید؟

هنوز عضو نشده اید؟ عضویت در سایت