پرداخت
سبد خرید : 0
پشتيباني : 09389373085
امروز پنجشنبه ۱۸ آذر ۱۳۹۵
تخفیف های روزانه تا 50% فقط با عضویت در کانال تلگرام سایت ! ورود به کانال x

ویرایشگرهای-html - قالب خبری وردپرس | تابناک وب

منتشره شده در آذر ۸, ۱۳۹۴

به نام خدا

HTML رو با Notepad یا TextEdit بنویسید

برای نوشتن و ویرایش HTML نرم افزارهای پیشرفته‌ای هست:

اما بیشتر بزرگان وب استفاده از Notepad (برای ویندوز) و TextEdit (برای مک) رو توصیه می کنند.از نظر اونا استفاده از ویرایشگرهای متنی ساده راه خیلی خوبی واسه یادگیری HTMLـه. (به قول معروف پایه‌تون قوی میشه 😀 )

اولین صفحه وب خودتون رو درست کنید!

شاید باورتون نشه اما شما می تونید توی ۴ مرحله یه صفحه وب درست کنید!

  • مرحله ۱ : Notepad رو باز کنید!

۲تا راه واسه باز کردن Notepad هست. میتونید تو استارت اسمش رو جستجو کنید یا روی دسکتاپ راست‌کلیک کنید و یک New Text Document ایجاد کنید.

  • مرحله ۲ : یه کوچولو HTML بنویسید!

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

 

نمایی از Notepad با کد Html

  • مرحله ۳ : فایل رو ذخیره کنید

تو منوی Notepad روی گزینه فایل کلیک کنید و بعد Save as رو بزنید. تو قسمت Save as type گزینه All files رو انتخاب کنید. اسم فایل رو هرچی دوست دارید بذارید فقط باید پسوند فایل رو htm یاhtml قرار بدید. (این دوتا پسوند با هم هیچ فرقی ندارند.)

  • مرحله ۴: صفحه HTML خودتون رو توی مرورگر ببینید
حتما بخوانید   نقش نمادهای شهری در برندسازی

هیجان انگیزترین بخش این کار ساده‌ترین قسمتِ کاره! روی فایلی که ذخیره کردید ۲بار کلیک کنید. اگه همه کار رو درست انجام داده باشید چیزی شبیه تصویر زیر رو باید ببینید.

اولین صفحه HTML در مرورگر IE

اولین صفحه HTML در مرورگر IE

به نرم‌افزارهایی که برای گسترش و برنامه‌نویسی به کار میرن میگن IDE یا محیط یکپارچه توسعه نرم‌افزار

در زیر دوتا از IDEهای رایگان که برای برنامه‌نویسی وب به درد میخورن بررسی میکنیم:

++Notepad : این نرم افزار که جزو دسته Open Source به شمار میره یه نرم افزار جامع و کلی برایکدنویسی به حساب میاد که از زبان‌های برنامه‌نویسی زیادی پشتیبانی میکنه. این نرم افزار با ++C نوشته شده و هدف سازنده اش هم این بوده که تا حد امکان حجم نرم‌افزار رو پایین بیاره و در عوض سرعت و کارایی رو بالا ببره.

از ویژگی‌های مهم ++Notepad میشه به موارد زیر اشاره کرد:

  • محیط کاربری ساده با قابلیت شخصی‌سازی
  • برجسته کردن Syntaxها* و قابلیت جمع کردن هر Syntax
  • پیدا کردن و جایگزین کردن (Search & Replace) کلمات در بین صدها خط کد
  • بازکردن ۱۰ها فایل در قالب Tabهای افقی چندخطی و عمودی
  • فهرست کردن فایل‌ها به صورت عمودی
  • نمایش نقشه کلی از فایل‌ها
  • کامل کردن خودکار کلمات و توابع به همراه راهنمایی برای پارامترهای توابع
  • “What You See Is What You Get” یعنی هرچی که توی محیط NPP می‌نویسید همون چیزیه که دقیقاً پرینت میشه.
  • قابلیت بزرگ‌نمایی و کوچک‌نمایی
  • پشتیبانی از محیط فارسی
  • بوک‌مارک و نشانه‌گذاری
  • قابلیت ضبط ماکرو (ماکرو مجموعه‌ای از دستورهاست که برای جلوگیری از اتلاف وقت فقط یک بار نوشته میشه و بارها ازش استفاده میکنن)
حتما بخوانید   اینترنت گوگل به زودی از آسمان به زمین میرسد

* Syntax = مثل زبان گفتاری، زبان کامپیوتر هم قواعدی داره که بهشون Syntax میگن. مثلا در زبان php علامت $ (دلار) یعنی تعریف یک متغیر

برای دانلود ++Notepad میتونید از لینک زیر استفاده کنید:

دانلود ++Notepad

Microsoft Webmatrix : از غول دنیای نرم‌افزار و سخت‌افزار چه انتظاری دارید؟ وب ماتریکس یک ابزار کم حجم و رایگان برای ویرایش و گسترش دادن سایت هاست. این نرم افزار از زبان‌های برنامه‌نویسی مختلفی پشتیبانی میکنه و با وردپرس، جوملا و سرویس‌های فروش اینترنتیسازگاری داره. محیط کاربری این نرم افزار شباهت زیادی به برنامه‌های آفیس داره که باعث میشه براحتی بتونید باهاش کار کنید. راستی این نرم افزار یه سری الگو و قالب (Template) برای شروع کار داره که قطعا به دردتون میخوره.

ویژگی‌های کلیدی MS Webmatrix :

  • بهینه سازی شده برای کار با Open Source . میتونید براحتی نرم‌افزارهای تحت وب وردپرس وجوملا رو روی Webmatrix نصب کنید!
  • از اونجایی که این روزا بیشتر سایت ها نسخه موبایل هم دارند، MS Webmatrix به شما کمک میکنه تا سایتتون رو برای موبایل و تبلت هم بهینه سازی کنید.
  • استفاده از فضای ابری Windows Azure
  • و ده‌ها قابلیت دیگر…

برای دانلود Microsoft Webmatrix به لینک زیر مراجعه کنید:

دانلود Webmatrix

وب سایت Webmatrix



دیدگاه کاربران ۰
  • نظرات شما پس از بررسي و تاييد نمايش داده مي شود.
  • لطفا نظرات خود را فقط در مورد مطلب بالا ارسال کنيد.

css.php