close
تبلیغات در اینترنت
16 نرم افزاربرتر براي کدنويسي بزبان html5+معرفی چند منبع آموزشی برایhtml5

گچساران کلیک
سایت وانجمن بروز گچساران/دوگنبدان
تبليغات
Rozblog.com رز بلاگ - متفاوت ترين سرويس سایت ساز
اطلاعات سايت
نام کاربری :
رمز عبور :

رمز عبور را فراموش کردم ؟
آمار مطالب
کل مطالب : 571
کل نظرات : 949

بازديد امروز : 467 نفر
بارديد ديروز : 1,690 نفر
بازديد هفته : 2,157 نفر
بازديد ماه : 32,623 نفر
بازديد سال : 75,523 نفر
بازديد کلي : 2,140,001 نفر

افراد آنلاين : 2
عضويت سريع
نام کاربری :
رمز عبور :
تکرار رمز :
ایمیل :
نام اصلی :
کد امنیتی : * کد امنیتیبارگزاری مجدد
پيوندهاي روزانه
کدهاي اختصاصي

I heart FeedBurner

تبليغات
جدیترین مطالب،استخدامیها و آموزشهای تصویری را در ایمیلتان دریافت کنید

برای دریافت جدیدترین مطالب و آموزشها و همچنین خبرها و استخدامیها فقط کافیست ایمیلتان را در کادر زیر وارد نمایید و در "خبرنامه گچساران کلیک"عضو شوید.بصورت اتوماتیک ایمیلی از طرف ما برایتان ارسال خواهد شد که حاوی لینکی است.باکلیک برروی آن لینک شما نیز به جمع هزاران عضو خبرنامه ما میپوندید.



Enter your email address:

Delivered by gachsaran.rzb.ir

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


جهت ثبت سفارش خرید دامنه بین المللی دات کام از شرکت برتینا (تنها شرکت سفارش شده ایرانی در سایت ماکروسافت) و برخورداری از تخفیف گچساران کلیک ،ازطریق لینک های زیر و یا کلیک برروی بنر بالابراحتی میتوانید اقدام نمایید..ضمنا امکان ثبت و خرید دامنه توسط کارشناسان ما وجود دارد.جهت مشاوره خرید و یا طراحی سایت و سئو ... با شماره زیر تماس حاصل فرمایید
لینک خرید دامنه دامنه دات کام
لینک خرید هاست و دامنه 
تلفن مشاوره و طراحی سایت:

09362022458
09034669668

آخرين ارسال هاي انجمن

16 نرم افزاربرتر براي کدنويسي بزبان html5+معرفی چند منبع آموزشی برایhtml5

 html هنوز زنده است..!

 

 16نرم افزار برای ویرایش کدهای html5

  علی جمشیدی فر

html يک زبان نشانگذاري ابر متن و به نوعي مادر زبانهاي برنامه نويسي تحت وب ميباشد.خيلي متاسف شدم وقتي يکي از دوستان دانشجو مدتي پيش به نقل از استاد برنامه نويس شان گفت که اين زبان تقريبا منسوخ شده است.البته حتما ايشان دلايل خودشان را داشته اما فراموش نکنيم اين زبان قدرتمند بنوعي مادر وب نيز ميباشد.اولين صفحه وب با اين زبان نوشته شده است و  بتدريج که  توسعه داده شده ،هم از آن کاسته شده و هم البته بيشتر بدان اضافه شده استهیچ مرورگری نیست که از ان پشتیبانی نکند و هیچ سایتی نیست که در آن اچ تی ام ال بکار نرفته باشد.لذت  برنامه نويسي  مدرن؛بزبان اچ تي ام ال 5 يعني آخرين نگارش آن ،و ادغام زبانهاي پويا و مدرن مثل سي اس اس 3 و جاوااسکريپت باآن چيزي نيست که برنامه نويسان از آن براحتي غافل شوند.حتما وبسايتهاي را جديدا مشاهده کرده ايد که به گونه اي زيبا  طراحي شده اند و هم قابيلت آن وبسايتهاي قديمي يعني ايستا را ندارند و هم قابل دسترسي در تقريبا هرنوع مرورگري و هر دستگاهي(گجتي)را دارا میباشند.اين سايتهاي زيبا،سريع،و واکنشگرا با زبانهاي  قدرتمند اچ تي ام 5  و سي اس اس نوشته شده اند..براي  اينکه قدرت و نفوذ روزافزون آن را درک کنيد همين بس که سايتها و شرکتهاي بزرگ و پيشرو در وب   مانند موزيلا و گوگل و..از اين زبانها  در سطح گسترده اي در صفحات و خدماتشان  استفاده ميکنند. با اچ تي ام ال 5 براحتي ميتوانيد برنامه هايي بسازيد که  که در عين زيبايي و داشتن انعطاف ،در تقريبا هر پلتفرمي  قابل دسترسي باشند.براي  زيباسازي و کاربر پسند کردن سايت ها و برنامه ها ديگر هيچ محدوديتي نخواهيد داشت و اينها همه به لطف  html5ميباشد. البته html5هنوز بصورت رسمی منتشر نشده است و بنا به اعلام توسعه دهنده گان به احتما زياد در سال اينده(2014) رسما معرفي ميشود اما از همين الان ميتوانيد شاهده تاثير ان در وب و موجي که بواسطه معرفي فقط ،برخي از خصوصيات آن ايجاد شده  باشيم. براي يادگيري و مشاهده مستندات  html5 ميتوانيد به سايت پشتيبان و توسعه دهنده آن مراجعه و مستندات را مشاهده نماييد(در زیر همین پست به ادرس آن اشاره شده است) .برخلاف پيشرفتهاي نسخه قبلي،اچ تي ام ال5ويژگيهاي جديدي بدست آورده است و چهارچوب مناسبي براي پشتيباني  از نياز توسعه دهنده گان وب وبرنامه نويسان در ده اخير ارائه کرده است.عوامل جديد  براي طراحي وب در اچ تي ام ال5  را ميتوان به قسمتهاي زير تقسيم کرد(به صورت کلي) :

 هسته ساختمان صفحه

  ارائه بصري

 ابزار گرافيکي

 پشتيباني بيشتر از رسانه

 بهبود استفاده از جاوا اسکريپت

و ...

شايد فکر کنيد اگر بزبان html4.1کد مينوشتيد حال بايد براي فراگيري html5 دوباره کاري کنيد اما خبر خوب اينست که html5 به شما اجازه مهاجرت را براحتي ميدهد،  اين يعني  "اچ تي ام ال5 " بصورت کامل از کدهاي معمول و قديمي(که البته برخي از آنها بتدريج منسوخ ميشوند)  پشتيباني ميکند بعنوان مثال به شما اجازه پشتيباني از (xhtml) را در ورژن جديد هم ميدهد.

 

صدها دليل ديگر براي زنده و بروز بودن "HTML" وجود دارد و هيچ صفحه وبي (تقريبا) نيست که html استفاده نکرده باشد.

 

به همين دلايل لازم ديدم  چند مرجع خوب ،چند فيلم آموزشی بزبان انگليسي و فارسي و البته چند اديتوربرتر (نرم افزار )(محيط برنامه نويسي براي زبان HTML5) برای ویرایش کدهای HTML5 معرفي کنیم .

 

در اين پست سعي خواهيم کرد نرم افزارهايی   براي ويراش و نوشتن کد بزبان html5 و با قابليت پشتيباني از زبان فارسي و يونيکد را که کمتر شناخته شده هستند ، معرفي نماييم اما خوب براي دوستاني که بدنبال يک ويرايشگر خوب و مناسب(امتحان پس داده) هستند  ويا بقولي در انتخاب  اديتور  کمي وسواس بخرج ميدهند  هم سعي ميکنيم اديتورهاي مناسب و معمول html که  استفاده از انها رایجتر میباشد را نيز معرفي خواهيم کرد.

 

البته برخی ادیتورهای اختصاصی  htmlکه شاید در نسخه های قدیمی تر از محبوبیت خوبی برخوردار بودند، اما بدلایل مختلفی مانند بروز نشدن یا عدم پشتیباتی از html5 دیگر منسوخ شده اند که از اوردن نام آنها خودداری میکنیم مانند نرم افزار html-kit

 

معرفی16نرم افزار محبوب (محیط برنامه نویسی) برای کدنویسی بزبان اچ تی ام5 :

1- htmlpad2014 

 

 htmlpad2014  

اگر بخواهیم درباره برنامه نویسی یا طراحی سایت بصورت کلی نرم افزار معرفی نماییم،مطمئنا نرم افزارهای هوشمند و اختصاصی مانند adobe dreamweave وویژوال استودیو ماکروسافت  معمولا انتخاب اکثر برنامه نویسان خواهد بود اما وقتی بخواهیم برای زبان html5 محیطی مناسب و اختصاصی معرفی نماییم،بدونه شک نرم افزار قدرتمند htmlpad بخصوص ورژن جدید آن ( htmlpad2014 )که محصولی از شرکت بلومنتال است یک نرم افزار بی رقیب و کامل است .اما متاسفانه و با وجود پشتیبانی این نرم افزار از یونیکد ،کاربران فارسی زبان نمیتوانند بصورت مستقیم در ان فارسی تایپ نمایند .هرچند  در نتیجه حروف و کلمات نوشته شده  بصورت درست و واضح نمایش داده میشود اما امکان تایپ فارسی هنوز در این نرم افزار وجود ندارد.اما این دلیل بر غیرقابل استفاده بودن نرم افزار برای کاربران  فارسی زبان  نیست چراکه بخاطر اینترفیس و همچنین ویزگیهای  حرفه ای نرم افزار(بخصوص برای کاربرانی که میخواهند بصورت انی نتیجه کارشان را مشاهده نمایند) یک ابزار و محیط حرفه ایست.براحتی سایت و یا وبلاگتان را وارد نرم افزار نمایید(از گزینه file--open) و شروع به ویرایش و دستکاری نمایید، برای مشاهده آنی تغییرات برروی  گزینه های موجود در منوی زیرین نرم افزار کلیک نمایید،خود نرم افزار دارای مرورگر درونی نیز میباشد و لازم نیست تا برای هربار مشاهده نتیجه از مرورگرهای سیستم و یا لوکال استفاده نمایید.برروی دکمه ( preview ) در پایین نرم افزار(پایین جایی که کدها را مینویسید،کلیک نمایید تا بلافاصله بتوانید نتیجه کارتان را مشاهده نمایید،گزینه بهتر اینست که همزمان که برروی کدهای اچ تی ام کار میکنید ،نتیجه را بصورت  ویژوال نیز ببینید،برای اینکار میتوانید در همان پایین نرم افزار برروی دکمه های

horizontal split ویا دکمه vertical split کلیک نمایید.گزینه اول نتیجه کار را در پایین نرم افزار نمایش میدهد و گزینه دوم مانند تصویر بالا در سمت راست.استفاده از این نرم افزار  به ویرایش یا کاربا کدهای اچ تی ام ال محدود نمیشود و میتوانید از ان برای سایر زبانها مانند (استایل شت یا css) و asp.net ،پرل و چند زبان دیگر نیز استفاده نمایید.تکمیل خودکار کدها یکی از ویژگیهای دیگر نرم افزار htmlpad2014 میباشد.نرم افزار htmlpad2014 بخوبی از html5 پشتیبانی میکند و میتوان گفت که بصورت اختصاصی برای اچ تی ام ال 5 زارحی شده است.کمی در منوهای نرم افزار جستجو کنید تا راهنمایها و وحتی مستندات را بیابید.

برای دانلود نرم افزار htmlpad2014 میتوانید به سایت زیر مراجعه نمایید و نسخه کامل آنرا بامحدودیت استفاده به مدت 30 روز دریافت نمایید :

http://www.blumentals.net/htmlpad/

 

2-نرم افزار coffeecup html editor  

 

 coffeecup html editor

نرم افزار coffeecup html editor یک نرم افزار رایگان و کامل برای کدنویسی و ویرایش کدهای زبان 5html میباشد.باور کنید شما هم مثل من بعداز استفاده و اشنایی با قابلیتهای بیشمار این نرم افزار مخصوص زبان html شیفته آن خواهید شد.این نرم افزار در دو ورژن رایگان و پولی موجود است و من به شما قول میدهم که فرق زیادی بین نسخه رایگان و پولی نخواهید دید.این نرم افزار بصورت کامل از زبان فارسی و یونیکد پشتیبانی میکند.اگر قادر به نوشتن در نرم افزار بزبان فارسی نیستید میتوانید تنظیمات زیر را انجام دهید تابتوانید بصورت مستقیم در نرم افزار coffeecup html editor فارسی بنویسید(با پشتیبانی از یونیکد) :

از منوی بالایی نرم افزار برروی منوی tools کلیک کنید و آخرین گزینه یعنی preferences را انتخاب نمایید.از کادر ظاهر شده برروی برروی تب customization کلیک نمایید تا تب آن نمایان شود.در این تب برروی گزینه 

modify hoghlighting...   کلیک نمایید و در تب بنمایش درآمده و از قسمت font  یکی از فونتهای time new romans یا tahoma  را انتخاب نمایید ،سپس در زیر آن گزینه charset را برروی Arabic تنظیم نماییید و در اخر بروی ok کلیک کنید .از این پس میتوانید براحتی در نرم افزار coffeecup html editor فارسی تایپ نمایید.پیشنهاد میشود پس از تنظیمات فوق یکبار نرم افزار را رفرش نمایید.

نرم افزار coffeecup html editor را میتوانید از ادرس زیر بصورت کاملا رایگان دانلود نمایید:

http://www.coffeecup.com/html-editor/

 

. http://www.coffeecup.com/

همچنین میتوانید از هاست رایگان سایت coffeecup نیز برای تست و حتی ساخت سایت نیز استفاده نمایید:

http://coffeecup.com/sdrive/plans

 

با ساخت اکانت  در هاست رایگان coffeecup این امکان را خواهید داشت که بصورت مستقیم از درون نرم افزار صفحات و سایتهای طراحی  شده خود را به s-drive  یا همان هاست رایگان  اپلود نمایید.ضمن اینکه خود s-drive (هاست رایگان سایت coffeecup) دارای چندین تم زیبا است که برای شروع و ویرایش مناسب نیز هستند.میتوانید به سایتی که من در کمتراز 5 دقیقه ساخته ام نیز سری بزنید-:(

alijam.coffeecup.com

 

3-نرم افزار notepad++ 

 

 notepad++

notepad++ یک نرم افزار رایگان و جایگزین مناسب notepad ویندوز است.این نرم افزار یک ویرایشگر همه کاره و البته سازگار با html5 است.با محبوبیت و کاربردی وسیعی که این نرم افزار در بین کاربران و برنامه نویسان دارد ذکر توضیح بیشتر درباره آن  شاید ضروری نباشد.این نرم افزار بخوبی از زبان فارسی و یونیکد پشتیبانی میکند.از قسمت تنظیمات میتوانید تکمیل خودکار و سایر ویژگی های اضافی را در نرم افزار notepad ++ فعال نمایید و از کدنویسی با آن لذت ببرید.همچنین با استفاده از پلاگینها میتوانید به ویژگیهای ان اضافه نمایید.

برای دانلود آخرین ورژن نرم افزار notepad++ به ادرس زیر بروید:

http://notepad-plus-plus.org/

 

4- نرم افزار وIDE قدرتمند aptana studio 

 

 aptana

aptana studio یک IDE  و نرم افزار (محیط برنامه نویسی) حرفه و کامل است .این نرم افزار هرچند مانند رقبایی مثل adobe dreamweave که بصورت اختصاصی برای ویندوز طراحی شده اند نیست وبیشتر یک پلتفرم جاوایی است اما روزبروز شاهد محبوب تر شدن آن در بین کاربران هستیم.بوسیله این نرم افزار قدرتمند و کامل میتوانید نرم افزارهای تحت وب بزبان html5 طراحی نمایید.علاوه بر html5 میتوانید از این محیط برای سایر زبانهای برنامه نویسی نیز استفاده نمایید.

برای دانلود نرم افزار (IDE) aptana میتوانید به ادرس زیر مراجعه نمایید:

 

 http://www.aptana.com

 

5- نرم افزار و IDE قدرتمند netbeans7.3.1

 

 

 http://photo-hosting.winsoftmagic.com/1/cu6kpxfd3r.jpg

netbeans7.3.1 در اصل یک ide و محیط توسعه جاوا تحت پشتیبانی شرکت oracel میباشد .اما این نرم افزار امکان ساخت و توسعه نرم افزار های تحت وب html5 را بخوبی پشتیبانی میکند.بوسیله این IDE  میتوانید برنامه های زیبا ،بدونه نقص وکاربردی بزبان html5 بسازید.علاوه بر ویژگیهای  فراوانی که در دل این نرم افزار برای کمک به پیشرفت کار در نظر گرفته شده است،وجود صدهاپلاگین مفید برای هر زبانی ،باعث محبوبیت بیشتر این IDE رایگان شده است.اگر فکر میکنید ساخت و توسعه یک وبسایت و یا برنامه بزبان html5 و css3 و حتی javascript با وجود یک IDE قدرتمند و رایگان مانند netbeans کار دشواریست ،پیشنهاد میکنم به این پست از گچساران کلیک مراجعه  نمایید تا هم بیشتر با نرم افزار netbeans آشنا شوید و هم علاوه بر دانلود و نصب پلاگینهای مورد نیاز ،فیلمهای آموزشی کامل و شیوای اوراکل از کار با این نرم افزار  را مشاهده و دانلود کنید.پس از مشاهده فیلمهای آموزشی حتی اگر مبتدی هم باشید میتوانید براحتی یک اپلیکشن تحت وب را بسیازید و یا اطلاعات مفیدی  بدست آورید.

برای دانلود و مشاهده لیست افزونه های مورد نیاز زبانهای html5,css ,java(ajax) و دانلود و مشاهده فیلمهای آموزشی نرم افزار netbeans به اینجا مراجعه نمایید.

 

6-نرم افزار Sublime Text 3 

 

 sublimetext

Sublime Text 3 یک نرم افزار اختصاصی برای کد نویسی و برنامه نویسی (بخصوص html,cssو..) میباشد.این نرم افزار ویرایشگر کد، یکی از اولین انتخابها برای برنامه نویسان و طراحان وب پیشرو و حرفه ای میباشد.Sublime Text 3 متاسفانه از زبان فارسی پشتیبانی نمیکند(فعلا) ولی  چنین عنوان شده که در ورژنهای بعدی قرار است  که زبانهایی مانند فارسی و عبری در نرم افزار گنجاده شود(پشتیبانی شود) .اما این هیچ تاثیری در نتیجه کار ندارد چراکه نرم افزار Sublime Text 3 از یونیکد بخوبی  پشتیبانی میکند .مطمئن باشید این کاستی نیست که حتی طراحان و برنامه نویسان ایرانی(فارسی زبان) را از کار با این نرم افزار بعنوان انتخاب اول باز دارد.

امیر عباس عبدالعلی-گچساران کلیک برای اینکه مطمئن شوید  طراحان  حرفه ای فارسی زبان از این نرم افزار کم حجم و رایگان بعنوان یکی از انتخابهای اولشان استفاده میکنند،پیشنهاد میکنم به" سایت کارآزموده "مراجعه نمایید تا آموزش  نرم افزارSublime Text 3(در قالب آموزش EMMET) از جناب اقای"امیر عباس عبدلعلی" را مشاهده نمایید و اصول کارو ویژگیهای ان را بهتر درک نمایید.ایشان یکی از طراحان و مدرسان حرفه ای هستند که البته های کتابهای مفیدی نیز در زمینه css و html5  ترجمه تالیف کرده اند

 دانلود 50 صفحه اول کتاب   برای دانلود 50 صفحه اول کتاب و یا خرید نسخه کامل کتاب  "آموزش html5و css3  ازآقای عبدالعلی از لینکهای زیر استفاده نمایید:


 www.wedesign.ir

 

برای دانلود نرم افزار Sublime Text 3 به ادرس زیر مراجعه نماید:

http://www.sublimetext.com

 

7-نرم افزار kompozer 

 

 -نرم افزار kompozer

kompozer یک نرم افزار دوسویه (هم قابلیت کدنویسی و طراحی بصورت ویژوال) و رایگان برای طراحی سایت است.این نرم افزار یکی از بهترین گزینه ها برای کاربرانیست که  درحال یادگیری زبان html  هستند . این نرم افزار در اصل یک نرم افزار طراحای سایت راحت و ساده است .در اصل این نرم افزار برای کاربرانی که کد نویسی بزبان html  را نمیدانند طراحی شده است تا بوسیله آن بتوانند سایتهای زیبا و البته ساده را طراحی نمایند.از این جهت این نرم افزار برای کاربران تازه کا مناسب است که همزمان امکان طراحی گرافیکی (design) را در کنار source به شما میدهد.یعنی میتوانید با عمل کشیئن و رهاکردن(دراگ ) و بصورت گرافیکی سایت شخصی خود را طراحی نماید و این امکان را نیز خواهید داشت تا همزمان به سورس کد ها دسترسی داشته باشید (از درون نرم افزار) و آنها را مشاهده ،درک و ویرایش نمایید .از این رو کاربران تازه کار میتوانند از این نرم افزار برای درک بهتر کدهای html و تگ ها استفاده نمایند.امکان دسترسی و ویرایش استایل (css) صفحه هات ،پشتیبانی کامل از زبان فارسی و یونیکد،و ویژگیهای مفید دیگر که دراین نرم افزار برای راحتی کار موجود است.

نرم افزار kompozer را میتوانید از ادرس زیر و بصورت کاملا رایگان دانلود نمایید:

http://kompozer.net/

 

8-نرم افزا cse html validator  

 نرم افزا cse html validator  -گچساران کلیک

ویرایشگر کد cse html validator یکی از بهترین نرم افزارهای ویرایش و مدیریت کدها و فایلهای html میباشد.با ویزارد batch wizard  cse html validator که بهمراه نرم افزار در سیستم تان نصب میشود میتوانید مشخصات و ویژگیهای سایت و یا صفحاتتان را ویرایش نمایید،برروی سئو سایت تان کار کنید و خصوصیات هر صفحه را تغییر دهید .این نرم افزار از زبان فارسی بخوبی پشتیبانی میکند .نرم افزار cse html validator  قابلیت کد نویسی بزبان html5 را نیز داراست .یکی از برنامه های مخصوص زبان html میباشد که بوسیله ان براحتی میتوانید سایتها و صفحات شکیل و زیبا و سازگار با انواع مرورگر و پلتفرم را تهیه کنید.وجود tips (نکته ها) در نرمافزار یکی از امکانات خوب برای درک بهتر کدها و تگها و همچنین نکات مفید و آموزنده درون  فایلهای html میباشد.پشتیبانی از کشیدن و رها کردن فایل(دراگ و دراپ) ،سویچ با نرم افزارهای چون topstyle برای ویرایش بهتر استایل(css) و بسیاری امکانات ناب و ویژه دیگر از خصوصیات این نرم افزار قدرتمند برای ویرایش htnl است.

نرم افزار cse html validator  را میتوانید از ادرس زیر دانلود نمایید :

http://www.htmlvalidator.com

 

9-نرم افزار bestadress html editor 

 نرم افزار bestadress html editor -گچساران کلیک

 یک نرم افزار طراحی سایت قدرتمند است که امکان طراحی سایت هم بصورت ویژوال وهم بصورت سورس کد را میدهد.در همان ابتدا که نرم افزار را اجرا میکنید تبی باز میشود و از شما سوال میکند که ایا میخواهید بصورت ویژوال کار کنید یا سورس کد؟ با انتخاب هرکدام از حالات بازهم در طول  طراحی و ساخت صفحات  اچ تی ام ال قادرخواهید بود با یک کلیک بین سورس کد و طراح نهایی سویچ نمایید(از طریق کلیدهای پایین نرم افزار) . نرم افزار bestadress html editor بخصوص برای کاربرانی که هیچ اطلاعاتی از کدنویسی با اچ تی ام ال ندارند ولی مایلند تا خود فایلهای اچ تی ام ال سایتشان را ویرایش و یا حتی مشاهده  نمایند مناسب است.

نرم افزار  را میتوانید از ادرس زیر وبا محدودیت استفاده بمدت 30 روز دانلود نمایید:

http://www.mmau.com

 

10-نرم افزار  komodo edit

 

 نرم افزار  komodo edit-گچساران کلیک

این نرم افزاریک ادیتوررایگان از شرکت بزرگ و معروف activestate.com میباشد که در اصل یک نسخه لایت و سبکتر از IDE معروف  این شرکت یعنی komodo IDE است. 

.شرکت سازنده کومود ادیت سالهاست که در این ضمینه فعال  است.برنامه نویسان سایر زبانهای برنامه نویسی حتما با کتابخانه ها و استاک کاتو های(  ) این سایت  اشنا هستند.این ادیتور  یکی از بهترین گزینه ها برای ویرایش کدهای اچ تی ام ال  بخصوص اچ تی ام ال 5 است.با نصب پلاگینها و یا تسریع کننده های کد نویسی به نرم افزار کومود ایت، براحتی میتوان به قدرت آن بیافزاید.این نرم افزار به نوعی یک ورژن لایت از (آی دی ای) کومود میباشد که مخصوص طراحان و برنامه نویسان و بصورت رایگان عزضه شده است.-نرم افزار  komodo edit همچنین علاوه بر پشتیبانی از انواع زبانهای برناه نویسی دارای فایلهای راهنمای درون برنامه ای و همچنین درون سایتی  خوبی برای زبانهای (انواع روبی) (انواع پی تون) انواع پرل وسایر زبانهای میباشد که از گزینه هلپ در منوی نرم افزار قابل دستیابیست.. 

ادیتور رایگان کمودو را میتوانید از آدرس زیر برایگان دانلود نمایید:

http://www.activestate.com 

 

 

11-نرم افزارgeny

 

 نرم افزارgeny-گچساران کلیک

یک نرم افزار رایگان و کم حجم  برای ویراش و کدنویسی بزبان اچ تی ام ال میباشد.یک ابزار سبک و geny

دستیار، که نسخه پرتابل ان نیز موجود است.این نرم افزار نیز دارای گزینه های خوبی برای کاربرروی اچ تی ام ال میباشد.این ادیتور جمع و جور همچنین برای سایر زبانها مانند پی اچ پی و روبی و فایلهای تکس نیز گزینه مناسبیست.از دیگر ویژگیهانرم افزارgeny امکان مدیریت پروژه هاست.همچنین این نرم افزار بخوبی از زبان فارسی و یونیکد پشتیبانی میکند. 

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

http://www.geany.org 

 

12-نرم افزارpspad

 

 نرم افزارpspad-گچساران کلیک

نرم افزار پی اس پد یک ویرایش کد رایگان وپیشرفته است.این نرم افزار با وجود حجم کم و رایگان بودن یکی از گزینه  های مناسب برای ویرایش کدهای اچ تی ام ال میباشد.این نرم افزار ویرایشگر بصورت کامل از زبان فارسی  و یونیکد پشتیبانی میکند.برای پی بردن به  قابلیتهای بیشمار این نرم افزار از منوی "فایل" و سپس انتخاب "نیوو" میتوانید ببینید که  این نرم افزار  قادربه  پشتیبانی از چند زبان برنامه نویسی میباشد.علاوه بر این میتوانید از همان تب باز شده  تعدادی تمپلنت(تم) برای شروع کاربا هر یک از زبانهای برنامه نویسی را  انتخاب ن کنید.یکی دیگر از قابلیتهای این نرم افزار تکمیل حودکار تگ،کاراکتر و یا حتی لغات میباشد.امکان قفل گذاری برروی فایلهای اچ تی ام ال یا سورس کدها و پروژه ،سویچ بین نرم افزار توپ استایل برای ویرایش استایل صفحات و دهها ویژگی بارز دیگر که هر برنامه نویس و کد نویسی را برای  استفاده ترغیب میکند .بخصوص که نرم افزارpspad بصورت پرتابل است و برای  اجرا نیازی به نصب ندارد.پیشنهاد میکنم از این نرم افزار استفاده نمایید تا با قابیلتهای بیشمار ان بیشتر اشنا شوید.

برای دانلود آخرین ورژن نرم افزار  پی اس پد به ادرس زیر بروید:

http://www.pspad.com

لینک کمکی برای دانلود نرم افزارpspad

 

 

 

13-نرم افزارbluegirfon

 

 نرم افزارbluegirfon-گچساران کلیک

نرم افزارbluegirfon یکی از برترین نرم افزار در زمینه ساخت سایت و مشاهده همزمان سورس کدهای اچ تی ام ال است.این نرم افزار یک نرم افزار بینظیر است.در پایین نرم افزار دو دکمه موجود است که با کلیک برروی یکی به ویرایشگر کد منتقل میشوید و دیگری  امکان دسترسی به قسمت ویژوال را میدهد.نرم افزار از اچ تی ام ال 5 بخوبی پشتیبانی میکند

.برای کاربرانی که قصد فراگیری اچ تی ام ال را دارند(بخصوص اچ تی ام ال 5)پیشنهاد میکنم از این نرم افزار برای درک تگها و کدها استفاده  نمایند و علاوه بر این، برای کسانی که هیچ اطلاعاتی ازکدنویسی ندارند این بهترین نرم افزار و ساده ترین ابزار برای ساخت سایتهای پویا و بروز است.با این نرم افزار براحتی چند کلیک میتوانید سایتها و صفحات زیبایی بزبان اچ تی ام ال و با قابلیت ویرایش سی اس اس بسازید.این نرم افزار کاملا رایگان است و دارای پلاگینهای بسیار مفیدیست که البته اکثر پلاگینها پولی هستند.امکان ویرایش استایل(سی اس اس) از درون نرم افزار ،اضافه نمودن  محتوای تصویری و مالتی مدیای  سازگار با انواع مرورگرهاو دهها قابلیت دیگر که اساسا برپایه اچ تی ام ال5 بنا شده اند در این نرم افزار طراحی سایت و ویرایش کد مشاهده خواهید کرد.

برای دانلود آخرین ورژن نرم افزار به ادرس زیر بروید:

http://bluegriffon.org/

 

14-نرم افزارbluefish 

 

 نرم افزارbluefish-گچساران کلیک

این نرم افزار نیز یکی از ویرایشگرهای رایگان با قدرت بالاست.پشتیبانی قوی از زبان فارسی و یونیکد.پشتیبانی کامل از اچ تی ام ال 5 و امکان ویرایش بهمراه تکمیل خودگار تگ و کدها .امکان ایجاد  استایلهای زیبا ،فرمها و سایر المانهای مورد نیاز برای یک طراحی مدرن و برپایhtml5 .انرم افزار bluefish کاملا رایگان است .نرم افزارد ارای کتابخانه ای کاملی از تگ های بروزشده اچ تی ام ال  میباشد که در ستون کناری میتوانید به آنها دست یابید.

و برای دانلود اخرین نسخه آن میتوانید از ادرس زیر استفاده نمایید:

http://bluefish.openoffice.nl/


15-نرم افزار Microsoft Expression Changes

 

 نرم افزار Microsoft Expression Changes-گچساران کلیک

 این نرم افزار که نسخه تجزیه شده(لایت) همان ویژوال استودیو معروف شرکت ماکروسافت میباشد.یکی از بهترین گزینه های رایگان برای کدنویسان و طراحان سایتها است.این نرم افزار بخوبی از اچ تی ام ال5 پشتیبانی میکند ضمن اینکه از زبان فارسی و یونیکد به صورت کامل پشتیبانی میکند.نرم افزار را پس نصب باز نمایید .و شروع به  کد نویسی کنید.این نرم افزار با تکمیل خودکار و هوشمند خود کاربر رابخوبی یاری میکند.پس از ساخت اولین سند اچ تی ام ال چه بصورت کد نویسی و چه بصورت ویژوال،چطور است که یک صفحه استایل شیت(سی اس اس) بسازید و با کشیدن و رها کردن آن را به صفحه اچ تی ام ال تان لینک دهید.نگران کار با  نرم افزارMicrosoft Expression نباشید چرا که اگر اطلاعات کمی هم از کد نویسی داشته باشید خود نرم افزار این امکان را به همه کاربران میدهد که با کمی سماجت سایت خود را طراحی نمایند.پس از طراحی میتوانید با استفاده از ویژگیهای قدرتمند اشکال یابی درون نرم افزار،همه باگهای کدهایتان را برطرف نمایید.

اگر به کار  با نرم افزارMicrosoft Expression  و زبانهایhtml5 وcss3 و javascrpt علاقه دارید میتوانید ازآدرس زیر  بروزترین و بهترین آموزشهای تصویری html5 وcss3 و javascrpt را مشاهده و دانلود نمایید.

 

  اصول  HTML5 و CSS3: برای مبتدیان

.برای شروع بکار با این نرم افزار میتوانید از این پست از گچساران کلیک آموزشهای تصویریHTML5وCSS3 را مشاهده نمایید.اگر مایلید یک آموزش فارسی از این نرم افزار ببینید میتوانید به این آدرس بروید و فیلمهای اموزشی مربوط بدان را دانلود و مشاهد کنید.این اموزشها  کمک خوبی برای کاربران مبتدی میباشد و پیشنهاد میکنم چون نرم افزار استفاده شده در آن همین نرم افزار ماکروسافت است(برای ساختHTML5وcss3) حتما انها را مشاهده کنید.

http://www.top-coder.ir

 برای دانلود رایگان نرم افزارFree Visual Studio 2012 Expressبه ادرس زیر بروید:

http://www.microsoft.com/expression/eng/

http://www.microsoft.com/visualstudio/eng/downloads

 نکته: این نرم افزار بصورت کاملا رایگان از طرف ماکروسافت ارائه میشود اما برای استفاده بدونه محدودیت باید یک اکانت کاربری در سایت ماکروسافت ایجاد نمایید و پس از لاگین شدن در اکانت ایجاد شده یک لایسنس (رایگان) برای فعال سازی نرم افزارMicrosoft Expression  بگیرید.از اینجا میتوانید یک حساب کاربری در ماکروسافت ایجاد نمایید و اگر از قبل در سرویسهای ماکروسافت(Hotmail, SkyDrive, Xbox LIVE,outlook.com, ) حساب ایجاد نموده اید میتوانید از اینجا برای دریافت لایسنس اقدام نمایید.

 

 

16-نرم افزار zionedit 

 

 نرم افزار zionedit -گچساران کلیک

نرم افزار zionedit  یک ویرایشگر رایگان و قدرتمند برای اکثر زبانهای برنامه نیسی میباشد.این نرم افزار  کمتر شناخته شده ظاهری همچون sublim text دارد و البته از نظر کارایی هم چیزی از آن نرم افزار (ویرایشگر) کم ندارد .اما یک فرق اساسی بین ادیتور zionedit و نرم افزارsublimtext وجود دارد و آن پشتیبانی کامل نرم افزار zionedit از زبان شیرین فارسی است.با این نرم افزار  میتوانید بزبان جاوا،جاوااسکریپت ،روبی،دلفی،پی تون و چند زبان دیگر برنامه بنویسید.این نرم افزار یا بهتر بگویم ادیتور حرفه ای  به شکل جدید و زیبایی از تکمیل خودکار پشتیبانی میکند.این نرم افزار یکی از ادیتورهای محبوب من خود من است چرا که یکی از بهترین گزینه ها برای کدنویسی به زبانhtml4وcss3وjavascript میباشد و براحتی میتواند جایگزین  خیلی از ادیتورهای پولی باشد.نرم افزار تنظیمات و قابلیتهای زیادی دارد.

. نرم افزار zionedit  را باز کنید و شروع به نوشتن نمایید اگر از نوشته های فارسی را بدرستی نشنان نداد میتوانید از منوی بالای نرم افزار گزینه option و از زیر مجموعه آن گزینه setings را انتخاب کنید.از گزینه های بالای تب نمایش داده شده قسمت html را انتخاب نمایید.در اینجا از ستون کناری سمت چپ برروی گزینه default style را انتخاب کنید.پس از انتخاب این گزینه از سمت راست آن و از گزینه font face یکی از فونتهای tahoma ویا tims new romans را انتخاب کنید(یکی از فونتهای بین المللی) .حال تنظیمات را ببندید،مشاهده میکنید که همه نوشته ها بصورت کامل فارسی شده اند .از این پس میتوانید از این ادیتور در نوشتن و ویرایش کدهای html5 استفاده نمایید و لذت ببرید.ضمنا نرم افزار بصورت کامل از یونکد هم پشتیبانی میکند.تنها علت محبوب نبودن این نرم افزار ناشناس بودن آن میباشد.ادیتور zionedit دارای تم های مختلفی برای سلیقه های مختلفی است و حتی میتوانید از قسمت تنظیمات تم با رنگ اختصاصی خود را  انتخاب کنید.مطمئنا با کمی کار با این نرم افزار شاهد ویژگیهای زیاد و مفید آن خواهد بود .این ویرایشگر کد بخوبی از html5 پشتیبانی میکند.

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

C/C++, C#, Java, Perl, CSS, HTML(+JavaScript,PHP etc), SQL(+MySQL?), Ruby, LISP, Python, Batch file,

برای دانلود ویرایشگر  zionedit میتوانید بصورت کاملا رایگان وبا حجم 1/3 مگابایت از آدرس زیر استفاده نمایید:

http://sourceforge.net/projects/zionedit/

لینک دانلود کمکی نرم افزار zionedit :

http://www.softpedia.com/get/Programming/File-Editors/ZionEdit.shtml

برای دانلود نسخه پرتابل ادیتور zionedit با حجم 1 مگابات به ادرس زیر بروید:

http://sourceforge.net/projects/zionedit/files/latest/download

 

علی جمشیدی فر/گچساران کلیک

----------------------------------

فیلم آموزشhtml5وcss3 

مشاهده مستندات اچ تی ام ال

html در ویکیپدیا

(HTML Tutorial - (HTML5 Compliant

اموزش html5

 

آموزش جاوااسکریپت و طراحی سایت بزبان فارسی

http://www.7learn.com/

------------------------

توجه فرمایید که بهیچ وقت قصد نداریم با شماره گذاری یک نرم افزار را به دیگری برتری دهیم وادیتورهای معرفی شده هرکدام دارای ویژگیها و البته محدودیتهای خاص خود هستند.نیت ما فقط معرفی ادیتورهای مناسب برای html5 است.چنانچه نرم افزاری  از قلم افتاده و یا شما میشناسید که در لیست به آن اشاره نشده است، میتوانید در قسمت نظرات با دیگران به اشتراک بگذارید.    

درباره : کتاب , اموزشی , زبان اصلی , برنامه نویسی , اینترنت , دانلودفیلم , اموزشی , سایر فیلمها , آموزش های تصویری , نرم افزار , سیستم عمل ویندوز , سیستم عمل مک , لینوکس , نرم افزار های فارسی , مقالات اموزشی , برنامه نویسی ,
امتياز : نتيجه : 5 امتياز توسط 5 نفر مجموع امتياز : 20

برچسب ها : معرفی16نرم افزار محبوب (محیط برنامه نویسی) برای کدنویسی بزبان اچ تی ام5 , بهترین نرم افزارهای ویرایشگرhtml , بهترین ویرایشگرهای html5 , دانلود بهترین نرم افزارهای برنامه نویسی , اصول HTML5 و CSS3: برای مبتدیان , بهترین ادیتورها برای html5 بهمراه آموزش تصویری , چگونه زبان html5 را یادبگیریم , با چه نرم افزاری کدنویسی کنیم , بهترین نرم افزارها برای سایخت و ویرایش html5 , best editor for html5 , best editor for html5 and css3 and javascript , best editor for html5 and css3 and javascript +tutorials , tutorials htnl5 and best editor , انتخاب یک ادیتور خوب برای html5 , انتخاب بهترین ادیتور و نرم افزار برای کدنویسی , کار با نرم افزارMicrosoft Expression , آموزش کاربا ادیتورهای مخصوص html5 , best editor for html5 2013 , best editor html5 2014 , بهترین نرم افزارهای برناه نویسی در سال2013 ,
بازديد : 1361
[ سه شنبه 01 مرداد 1392 ] [ 4:10 ] [ alijam ]
مطالب مرتبط
آخرين مطالب ارسالي
ارسال نظر براي اين مطلب
اين نظر توسط کارآفرینی اینترنتی در تاريخ 1395/8/9 و 23:12 دقيقه ارسال شده است

با تشکر
موق باشید

اين نظر توسط کیمیا فکر بزرگ در تاريخ 1395/2/27 و 16:26 دقيقه ارسال شده است

با تشکر از مطلبتون
موفق باشید

اين نظر توسط ali در تاريخ 1393/7/2 و 10:44 دقيقه ارسال شده است

ممنون از راهنماییتون

اين نظر توسط حاتمی در تاريخ 1392/12/21 و 22:55 دقيقه ارسال شده است

تشکر علی جان.بسیار مفید و جالب بود.
پاسخ : خواهش دوست عزیزم.تشکر از توجه شما

اين نظر توسط محمودی در تاريخ 1392/9/15 و 5:54 دقيقه ارسال شده است

سلام ممنون .اما به قول دوستمون آیا نیازی به معرفی همه این ادیتورها بود؟همون چندتا انگشت شمار اما واقعا کامل و مفید نام میبردید بد نبود دیگه/اما د ر کل خوبه با بعضی از ادیتورهای دیگر هم اشنامیشم.چقدر تدتور اچ تی امال...
پاسخ : دوست عزیز تیتر پست رو بخونید!!!

اين نظر توسط سعید والی زاده در تاريخ 1392/6/11 و 13:33 دقيقه ارسال شده است

براکتس یک ادیتور از ادوبی (البته رایگان) رویای نویسنده ها و توسعه دهندهاش یک ادیتور ساده برای مشاهده آنی کدهای نوشته شده بود و همین ایده باعث خلقش شد.ادبتور خوبیه اما خوب باتوجه به اینکه هر دو هفته ای یه ورژن جدیدیش میاد ....اما داشتن مفیده از ادرس زیر دریافت کنید(ورژن جدید بهمراه سایر ورژنهای قدیمی)بااجازه آدمین)
http://brackets.io/

اين نظر توسط مصطفی در تاريخ 1392/5/23 و 3:45 دقيقه ارسال شده است

ببخشید این براکست که بعضی از اساتید و دوستن میگن رو میشه معرفی کنید و در صورتیکه پولیه یا رایگانه ادرس نسخه کاملش رو بهمراه آموزشش بزارید .این برنامه هم برای طراحی سایته؟ ممنون میشم یه راهنمایی کنی




















پاسخ : سپاس از شما دست عزیز/متاسفانه چندین جمله از کامنت شما قابل درک نبود (نا مفهوم بود) و حذف شد.چشم بزودی در مورد این ادیتور رایگان و حرفه ای که تحت ساپورت ادوبی منتشر میشه رو با توضیحات و افزونه ها در وبلاگ قرار خواهیم داد






اين نظر توسط صالحی در تاريخ 1392/5/23 و 3:35 دقيقه ارسال شده است

ممنون از لطفتون .واقعا جای تشکر داره.برخی از دوستان کم لطفی میکنند.البته برخی هم بی ربط نمیگن و واقعا جای برخی نرم افزارها مانند براکتس و ادوبی کد خالیست اما بازهم اینها دلی نمیشه زحمات شما برای جمع اوری و تحقیق ادیتورهاو تست هرکدام و گفتن ایرادات و محاسن هرکدام برای فارسی زبانان کاسته بشه.تشکر و بسیار ممنون از شما
پاسخ : سپاس دوست عزیز.درست میفرمایید.و تشکر.اما همین نبود و بیش از صد نرم افزار دیگه نیز بود که قرار شد در یک بخش دیگه ای و با همین موضوع(17ادیتور برتربرای اچ تی ام ال) دوباره منتشر بشه.متاسفانه یا خوشبختانه در ابتدا قصد انتشار قسمت دوم رو نداشتیم اما از اونجایی که برخی از نرم افزارهای قدرتمند و پرطرفدار مثل براکتز و...از قلم افتاد و خیلی از دوستان تذکر دادند،در این میان هم خیلی های دیگه (بخصوص کمی مبتدی ترها) هم میخواستند درباره اون ادیتورهای از قلم افتاده بیشتر بدونن،تصمیم گرفتیم از بین اونها 17 تای دیگه رو هم فارسی رو ساپورت میکنن و هم مفیدترند رو معرفی کنیم.

اين نظر توسط ejramapps در تاريخ 1392/5/8 و 15:53 دقيقه ارسال شده است

بله نرم افزار sublimtext یک ادیتور سریع و بی نقصه(بجز نوشت زبان فارسی که همیشه باید ماایرانیها تحمل کنیم) با نصب پلاگین emmet میشه باش خدایی کرد

اين نظر توسط مجید در تاريخ 1392/5/8 و 15:51 دقيقه ارسال شده است

نرم افزار synwrit هم یه ادیتور خوب بخصوص برای مبتدیهاست.من با این نرم افزار رایگان تونستم تگها و خصوصیاتشون رو درک کنم .من 14 سالمه و خیلی به طراحی سایت علاقه مندم .اما چون با کامپیوتر شریکی کار میکنم(با برادر کوچیکترم/ و اجازه ندارم برنامه های بزرگ مثل درایمویور رو نصب کنم پس از این برنامه استفاده کردم و یادگرفتم.لطفا بجای فیلم کتاب برای دانلود بزارید که جدید و ساده باشن.
پاسخ : سلام.و تشکر.چشم عزیزم.موفق باشی


نام
ایمیل (منتشر نمی‌شود) (لازم)
وبسایت
:) :( ;) :D ;)) :X :? :P :* =(( :O @};- :B /:) :S
نظر خصوصی
مشخصات شما ذخیره شود ؟ [حذف مشخصات] [شکلک ها]
کد امنیتی
خرید هاست و دامنه با تخفیف ویژه و امکان تبلیغ در گوگل و...



جهت ثبت سفارش خرید دامنه بین المللی دات کام از شرکت برتینا (تنها شرکت سفارش شده ایرانی در سایت ماکروسافت) و برخورداری از تخفیف گچساران کلیک ،ازطریق لینک های زیر و یا کلیک برروی بنر بالابراحتی میتوانید اقدام نمایید..ضمنا امکان ثبت و خرید دامنه توسط کارشناسان ما وجود دارد.جهت مشاوره خرید و یا طراحی سایت و سئو ... با شماره زیر تماس حاصل فرمایید
لینک خرید دامنه دامنه دات کام
لینک خرید هاست و دامنه 
تلفن مشاوره و طراحی سایت:

09362022458
09034669668

.: Weblog Themes By roztemp :.

درباره وبلاگ

اینجا خواهید دید: جدیدترین نرم افزارها بهمراه اموزش گام به گام، دانلود جدیدترین اهنگها، فیلمها ،انیمیشنها ،نرم افزارها، دانلودرایگان انواع کتاب ومقالات اموزش،فرصتهای شغلی بصورت روزانه اخبار گچساران،ایران ودنیا،درگچساران کلیک gachsaran.rzb.ir
موضوعات
کتاب
موبایل
تصاویر
دانلودفیلم
نرم افزار
مقالات اموزشی
فتوشاپ
بازی
موزیکساران
خبرها
ابزارهای مفید وآپدیت ها
گچساران
آهنگ
آموزش ICDL
جست و جو