سواء css,html,javascript,php,xml تم اصدار الاصدار البيتا cs4 منه ومتاح للتحميل الان

فى adobe labs

ويعتبر ادوبى دريم ويفر البرنامج الذى سهل الكود ابرمجى وتصميم وتحليل كود التصميم على الكثيرين

سواء كانوا محترفين او مبتدئين او هواة

واليكم مميزات البرنامج الجديدة من موقع ادوبى لابس

Related Files

ادارة ملفات متعددة وفتحها من خلال تطبيق واحد

Manage the various files that make up the modern web page more efficiently in Dreamweaver. The Related Files feature displays all the documents associated with your current page, whether CSS, JavaScript, PHP, or XML, in a bar along the top of your document.

Code Navigator

The new Code Navigator pop-up window shows you all the code sources that affect your current selection. A click in either Code or Design view brings up the Code Navigator pop-up, which displays CSS rules, server-side includes, external JavaScript functions, Dreamweaver templates, Library files, iframe source files, and more.

CSS best practices

The Property inspector’s new CSS tab shows the styles for the current selection as well as all the applicable CSS rules. Hover over any property to view a tool tip with jargon-free English explanations of CSS principles. New CSS rules can be created and applied in the Property inspector panel and stored in the same document or an external style sheet.

Code hinting for Ajax and JavaScript frameworks

Write JavaScript more quickly and accurately with improved support for JavaScript core objects and primitive data types. Work with popular JavaScript frameworks including jQuery, Prototype, and Spry.

HTML data sets

With HTML data sets functionality, you can create your data in a standard HTML table, a series of div tags, or even an unordered list and then choose Insert > Spry > Spry Data Set to integrate that data into a dynamic table on the page with sortable columns, a master-detail layout, or other sophisticated displays.

Photoshop Smart Objects

Photoshop and Dreamweaver integration has evolved to the next level of compatibility and functionality. Drag and drop an Adobe Photoshop® PSD file into a Dreamweaver page to create an image Smart Object.

Subversion integration

Dreamweaver integrates Subversion software for a more robust check-in/check-out experience with file versioning, rollback, and more. Once you’ve defined Subversion as your version control system, you can update your site to get the latest versions of its pages directly from within Dreamweaver; no third-party utility or command-line interface is required.

Adobe® AIR™ authoring support

Create multiplatform desktop applications from your Dreamweaver HTML and JavaScript sites with new Adobe AIR™ authoring support.

New user interface

Work faster and smarter across Dreamweaver and other components of the next version of Adobe Creative Suite® thanks to a new level of integration and common user interface elements.

لتحميل البرنامج بيتا من هنا

https://www.adobe.com/cfusion/entitlement/index.cfm?e=labs_dreamweavercs4

2- اضف تعليقات للكود.
كلما تشعر بأن بعض أجزاء الكود يحتاج لتفسير، اضف بعض التعليقات  لتوضيحه. لا بد أن يسبق كل دالة سطرين لتوضيح المعاملات والمتغيرات المستخدمة والنتائج  المتوقعة بعد تشغيلها. (التعليقات يجب أن تبين سبب استخدام الدالة بدل تبيان ماهية الدالة المستخدمة. تذكر تحديث التعليقات كلما قمت بتغيير الكود!).

3- استخدم صيغة واحدة عند كتابة أسماء المتغيرات. حيث تساعك في معرفة نوع المتغير ووظيفته. على سبيل المثال عند تسمية المتغير الرقمي يمكنك تسميته بـ  intRowCounter  والمتغير النصي بـstrUserName . لا تهم الطريقة التي ستستخدمها في تسمية المتغيرات بقدر اتباعك صيغة واحدة في التسمية واستخدام أسماء وصفية بقدر الإمكان. (راجع التنبيهات بالأسفل).

4- نظم الشفرة. ضع مسافة بادئة بعد كل فئة أو جزء من الشفرة ، حاول ترك مسافات بين اسم المتغير والمعامل مثل معامل الإضافة ، الطرح ، الضرب ، القسمة ، أو حتى علامة المساواة (myVariable = 2 + 2).