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

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

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

  علی جمشیدی فر

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 

اگر بخواهیم درباره برنامه نویسی یا طراحی سایت بصورت کلی نرم افزار معرفی نماییم،مطمئنا نرم افزارهای هوشمند و اختصاصی مانند 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 یک نرم افزار رایگان و کامل برای کدنویسی و ویرایش کدهای زبان 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 ویندوز است.این نرم افزار یک ویرایشگر همه کاره و البته سازگار با html5 است.با محبوبیت و کاربردی وسیعی که این نرم افزار در بین کاربران و برنامه نویسان دارد ذکر توضیح بیشتر درباره آن  شاید ضروری نباشد.این نرم افزار بخوبی از زبان فارسی و یونیکد پشتیبانی میکند.از قسمت تنظیمات میتوانید تکمیل خودکار و سایر ویژگی های اضافی را در نرم افزار notepad ++ فعال نمایید و از کدنویسی با آن لذت ببرید.همچنین با استفاده از پلاگینها میتوانید به ویژگیهای ان اضافه نمایید.

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

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

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

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

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

 http://www.aptana.com

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

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

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

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

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

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

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

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

http://www.sublimetext.com

7-نرم افزار kompozer 

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

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

http://kompozer.net/

8-نرم افزا 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 بخصوص برای کاربرانی که هیچ اطلاعاتی از کدنویسی با اچ تی ام ال ندارند ولی مایلند تا خود فایلهای اچ تی ام ال سایتشان را ویرایش و یا حتی مشاهده  نمایند مناسب است.

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

http://www.mmau.com

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

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

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

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

http://www.activestate.com 

11-نرم افزارgeny

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

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

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

http://www.geany.org 

12-نرم افزارpspad

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

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

http://www.pspad.com

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

13-نرم افزارbluegirfon

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

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

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

http://bluegriffon.org/

14-نرم افزارbluefish 

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

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

http://bluefish.openoffice.nl/

15-نرم افزار 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 

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

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

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

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

html در ویکیپدیا

(HTML Tutorial - (HTML5 Compliant

اموزش html5

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

http://www.7learn.com/

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

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