همه ترفندهايي كه براي شروع كار با Dreamweaver نياز داريد

۱- Dynamic Sightبا live view

مي دانيم كه DW يك چشم انداز استاتيك از پرونده هاي باز ما ارائه مي دهد، اما در مورد vibrant sight هاي يك برنامه مانند WordPress چطور؟

قبل از هر چيز،DW را براي استفاده صحيح از “dynamic sights” تنظيم كنيم. براي اين كا، از تنظيمات Sight> Live Sight Options گزينه HTTP Demand Settings را انتخاب كنيد، سپس به پارامترهاي GET يا BLOG POST برويد بايد بتوانيد برنامه خود را به درستي مشاهده كنيد.

اكنون با سويئچ كردن به Live View در DW، صفحه Design View قبلي به يك pixel-perfect WebKit زنده تغيير خواهد كرد كه به جاي آيكون هاي جايبان موجود در Design Sight داراي ويژگي هايي مانند جاوا اسكريپت آنلاين، تنظيمات DOM، data source questions، server-side code و همچنين CSS ساخته شده مي باشد.

۲- Code Navigator فايرباگ DW است

همه چيز به Code Navigator برمي گردد زماني كه در پنجره Live View هستيد در پنجره home، ALT-كليك كنيد، كد محصول فورا مشخص خواهد شد. دقيقاً مانند چيزي كه در Firefox / Firebug قابل مشاهده است.

۳- انسداد JavaScript

با توجه به ماهيت ديناميك آژاكس، گاهي اوقات مجبورمي شويم با صفحه هايي ارتباط برقرار كنيم كه در صفحه وب اوليه ارائه نمي شوند يا در دسترس نيستند. اينها محصولاتي هستند كه بلافاصله بعد از تعداد زيادي صفحه به صفحه وب تزريق مي شوند. به مثال زير توجه كنيد:

ممكن است بخواهيد طراحي نشانگر جاوا اسكريپت را تغيير دهيد. براي اين كار شما بايد اسكريپت هاي خود بگرديد تا چيزي را كه توليد شده و همچنين مكان آن را پيدا كنيد.

اما يك روش ديگر براي انجام اين كار عبارت است از:

صفحه وب خود را در حالت Live Sight قرار دهيد، سپس F6 را بزنيد تا جاوا اسكريپت مسدود شود، اين كار به شما اجازه مي دهد كد مربوط به هر نوع vibrant thing را در صفحه هدف گذاري و پيدا كنيد.

۴- بهترين دوست Live Sight- Live Code است

هنگام استفاده ازLive View، مي توانيد Live Code را نيز فعال كنيد. Live Code كد شما را به روزرساني مي كند، و با مؤلفه ها و چيزهاي موجود در پنجره Live Sight كليك و همكاري مي كند!

۵- تكميل خودكار JavaScript

Dreamweaver داراي يك HTML هوشمند وهمچنين تكميل كد CSS مي باشد، اما Javascripts چطور؟ اگر jQuery يا Model در Dreamweaver كدنويسي مي كنيد، بايد بدانيد كه برنامه هاي افزودني API وجود دارند كه كد Javascript را ارائه مي دهند. اين برنامه ها به ورودي چنداني نياز ندارند و سرعت برنامه نويسي را افزايش مي دهند.

۶- كدهاي موجود را زيباتر كنيد

آيا صفحه كد شما نامرتب و شلوغ به نظر مي رسد؟ از ويژگي Apply Source Format استفاده كنيد و آن را به انتخاب خود تغيير دهيد. براي پاك كردن سريع كدها، روي نماد Style Resource Code در پايين نوار ابزار Coding كليك كنيد (Edit>Toolbars>Coding) و براي تنظيم قالب مورد نظر خود گزينه Code Layout Setup را انتخاب كنيد.

از Commands> Apply Resource Format مي توانيد به format alternative دسترسي پيدا كرده يا آن را با انتخاب گزينه Apply Source Format جايگزين گزينه Choice alternative، كنيد.

۷- ويجت دريافت كنيد

روي نماد Extend Dreamweaver در Application Bar خود كليك كرده و Browse for Web Widgets را انتخاب كنيد. اين كار شما را به Adobe Exchange مي برد جايي كه مي توانيد ويجت هاي اضافه شده از فرستنده هايي مانند Yahoo! ، JQuery و بسياري ديگر را پيدا كنيد.

۸- ساب ورژن و Dreamweaver

Dreamweaver ازSubversion (SVN) نيز پشتيباني مي كند. براي توسعه دهندگاني كه از SVN براي كنترل ريويژن كار خود استفاده مي كنند، اين مي تواند خبر خوبي باشد. Andrew Voltmer برنامه نويس Dreamweaver در مورد چگونگي استفاده از ساب ورژن ها با Dreamweaver توضيحاتي ارائه كرده است.

۹- با سبكهاي تكراري خداحافظي كنيد

بسياري از افراد از Dreamweaver به عنوان ابزاري براي به روزرساني محتواي بصري، مانند يك پردازشگر واژه استفاده مي كنند. قبل از Dreamweaver CS4، اين مي توانست منجر به دستورالعمل هاي اضافي CSS مانندclass1، class2 و موارد ديگر شود. در Dreamweaver CS4، كافي است Examiner Properties خود را به تنظيمات HTML تغيير دهيد (روي نماد HTML سمت چپ Examiner كليك كنيد) با تمام CSS هاي اضافي خداحافظي كرده، و نشانگر HTML ايده آل خود را درج كنيد.

۱۰- Form Validation را به روشي آسانتر انجام دهيد

يك نوع موجود، مانند يك منطقه پيام را انتخاب كنيد و يك ويجت Spry Recognition را از Insert> Spry انتخاب كنيد. پس از آن recognition requirements مانند كاراكتر حداقلي يا حداكثري را انتخاب كنيد.