تالار گفتمان مانشت

نسخه‌ی کامل: معرفی ویرایشگرهای متن مناسب دستورات HTML
شما در حال مشاهده‌ی نسخه‌ی متنی این صفحه می‌باشید. مشاهده‌ی نسخه‌ی کامل با قالب بندی مناسب.
چون بحث html و طراحی وب شروع شده ، فکر کردم احیانا افرادی میخوان شروع به کار با این دستورات کنند . احتمالا شما قبلا با اینها آشنایی دارید . فقط خواستم بقیه هم اگر نظری دارند بنویسند.وهمچنین محیطهای دیگه ای رو معرفی کنند یا مزایای اینها رو بگن
همه میدونیم دستورات htmlوphp رو توی محیط متنی ساده مینویسند .
میشه در microsoft word هم نوشت اما عیب این محیط اینه که جزئیات بیشتری رو به کدهای ما اضافه میکنه و خود برنامه هم دیر تر اجرا میشه.و محیط پیچیده تری داره که برای کدنویسی اصلا نیازی به اینهمه امکانات نیست!
اما یک ویرایشگر مناسب این کار ،میتونه کار کد نویسی رو برای ما خیلی دلپذیر تر کنه . و کار با دستورات رو ساده تر کنه
چون ممکنه وقتی ، جزئیات صفحه وب ما زیاد میشه و همچنین صفحاتش هم زیاد میشن ، دیگه سر در آوردن از این همه دستورات (با رنگ مشکی و ساده) خسته کننده بشه .
قبلا آقای صفایی هم نرم افزار note pad++ رو برای تایپ دستورات پیشنهاد داده بودند
در بعضی از ebook ها هم به این نمونه برنامه های ویرایشگر ساده اشاره شده

۱) همون note pad++ هست که لینک دانلود و معرفی اون رو در زیر قرار دادم
حسن این برنامه این هست که تگهای مختلف رو با رنگهای متفاوت نشون میده ، میشه تورفتگی و کنگره دار کردن رو به شکل بهتری در اون انجام داد و خیلی موارد دیگه ( که اگر کسی کار کرده ممنون میشم برای ما هم بازگو کنه)

مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.


مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.


۲)jedit

مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.


مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.


۳)یک گزینه خوب دیگه هم هست که همون dreamweaver هست.البته من تابحال دستور html یا php در اونجا تایپ نکردم ببینم چطوره.ولی ebook ها این نرم افزار رو هم برای محیط مناسب تایپ و ویرایش معرفی کردند

دوستان در ارسالهای پایین هم چندویرایشگر معرفی کردند که اسم اونها رو هم اینجا مینویسم:

۴)HTMLpad
۵)CoffeeCup HTML Editor
البته با word اگه میخواید کار کنید در نهایت باید plain text ذخیره کنید تا فرمت ها با فایل ذخیره نشه.
ویژگی های notepad++:
  • تب
  • encoding
  • plugin های متنوع
  • پشتیبانی از زبان های برنامه نویسی متنوع
  • ویرایشگر قوی متن
HTMLpad هم جالبه
دوتا از بهترین نرم افزار های این کار که خودم ازشون استفاده کردم یکی همون ++ Notepad و اون یکی هم CoffeeCup HTML Editor هستش.
هر کدوم یه سری از مزایا رو دارن که اینجا بطور کلی به چندتاش که عموماً برای معرفی این نرم افزارها ازش استفاده میشه اشاره میکنم . تصمیم برای انتخاب هم با خودتون!

*ویژگی های ++ Notepad :
برنامه‌ی++ Notepad نرم‌افزاری است که با آن می‌توانید 44 زبان برنامه‌نویسی را ویرایش کنید و با انواع سیستم‌های متنی ذخیره نمایید.
حجم کم، متن‌باز(Open-Source)، رایگان بودن و سرعت عملکرد بالا از ویژگی‌های این برنامه است.
این نرم‌افزار با امکانات خود ابزار بسیار مناسب و کاربردی برای برنامه‌نویسان حرفه‌ای و حتی کاربران معمولی می‌باشد.
امکانات برنامه هم عبارتند از:
1- تکمیل خودکار کلمات کلیدی (Auto-completion)
2- تصحیح اشتباهات نوشتاری
3- پشتیبانی از ماکروها
4- پشتیبانی از انواع پلاگین‌ها
5- پشتیبانی از تمامی سیستم‌های متنی مانند: Windows, MacOS, Linux, ASCI, Unicode
6- دارای ویرایش‌گرHex داخلی
7- قابلیت چاپ رنگی زبان‌های برنامه‌نویسی
و...

*ویژگی های CoffeeCup HTML Editor :
HTML Editor دارای سه ابزار متفاوت (comprehensive Tag Reference، Code Completion، built-in validation) است تا خطاهای بشری را تصحیح کند و اطمینان حاصل شود که کد های در دسترسی مورد استفاده قرار می گیرند. مرجع جامع تگ موجود در این نرم افزار انتخاب را بر روی نوک انگشتان شما قرار می دهد. Code Completion تگ هایی که شما تایپ می کنید را به صورت خودکار حدس می زند و ابزار built-in validation اجازه می دهد که شما چک کنید که کدها در استاندارد های W3C استفاده می شوند تا اینکه صفحات وب سایت شما همیشه در دسترس باشد. و در نهایت اینکه این ابزار ها از شما پشتیبانی می کنند که وب سایت هایی را در HTML 4.01, XHTML 1.0 یا HTML5 ایجاد کنید.
این برنامه ترکیبی از دو ادیتور HTML در یک برنامه می باشد، اگر شما با زبان HTML آشنایی دارید و قصد آن دارید که با این زبان بیشتر آشنا شوید می توانید از محیط کدنویسی برای طراحی استفاده کنید، این محیط دارای رنگ بندی مخصوص تگ های مختلف است که تشخیص تگ های مختلف بسیار آسان می شود.
در صورتی که با زبان HTML آشنایی چندانی ندارید با استفاده از محیط ویژال این برنامه به راحتی اجزای مورد نظر خود را با کشیدن و رها کردن (drag & dorp) به صفحه خود اضافه کنید، همچنین شما می توانید در هر لحظه با سوئیچ بین حالت کد نویسی و ویژال کنترل بیشتر بر روی طراحی خود داشته باشید و از صفحات طراحی شده به راحتی می توانید پیش نمایش داشته باشید.
از notepade++می شه خروجی هم گرفت ؟منظورم اون دستور run هستش چه جوری باید استفاده کنیم؟
(14 خرداد 1391 07:37 ب.ظ)marjan_gh نوشته شده توسط: [ -> ]از notepade++می شه خروجی هم گرفت ؟منظورم اون دستور run هستش چه جوری باید استفاده کنیم؟
خروجی را با پسوند مناسبی ذخیره میکنیم.از منوی فایل گزینه save as پسوند دلخواه رو انتخب میکنیم و بعد توی مرورگر فایل را اجرا میکنیم.۱ فایل تصویری اضافه کردم.
مثلا فایلمون را باپسوند html ذخیره میکنیم و بعد اون را با مرورگر دلخواه مثل فایر فاکس باز میکنیم و خروجی را به ما نشون میده
نرم افزار sublime text هم خیلی باحاله به آدم حس برنامه نویسی میده
لینک مرجع