1-Dynamic View و Live View
همه مي دانند که Dreamweaver نماي ثابت يا پرونده هاي باز را ارائه مي کند. با اين حال، اين سوال در مورد Dynamic Viewبرنامه اي مانند WordPress بي پاسخ مانده است. براي تنظيم Dynamic View ، بايد تنظيمات آن را براي نرم افزارمشخص کنيم. براي اين کا، با کليک بر روي view> live view > options menu به تنظيمات HTTP Request رفته و سپس وارد GET يا POST شويد که براي مشاهده صحيح برنامه لازم است.
پس از آن، Live View را در Dreamweaver تغيير دهيد تا جايگزين پنل Design View شود. سپس آن را با live Javascript، DOM manipulations، server side code، و CSS رندر شده، به جاي آي placeholder از رابط Design View، تکميل کنيد.
2- بوت استرپت براي ارتقاي نويگيشن
نويگيشن يک مؤلفه يک صفحه اي در وب سايت است که بايد بتواند پاسخگوي نيازهاي صفحه هاي کوچکتر باشد بنابراين Bootstrap مي تواند به آن کمک کند. Bootstrap به شما اجازه مي دهد تا نوار نويگيشن خود را به راحتي تنظيم کرده و از نوار افقي به صفحه عمودي سوئيچ کنيد. دليل اين امر اين است که Dreamweaver از حداکثر انعطاف پذيري نويگيشن بوت استرپت پشتيباني مي کند و استفاده از اين ويژگي در هنگام توسعه يک وب سايت، بسيار ساده است.
مثال زير نحوه استفاده از Bootstrap را به شما نمايش مي دهد.
ارتقاي نويگيشن با Bootstrap با استفاده از پنجره سند جديد Dreamweaver انجام مي شود. در پنجره سند جديد روي دکمه Bootstrap Framework کليک کنيد، و براي استفاده از امکانات زير گزينه pre-build layout را تيک بزنيد.
ليست پيوندهاي استاندارد، بدون هماهنگي و از نظر معنايي صحيح.
محلي براي قرار دادن آرم تجاري.
امکان فعال کردن دکمه activate و search field.
منوهاي کشويي از پيش تنظيم شده براي آيتم هاي sub navigation و تکميل آن با ديوايدرها.
بخش هاي چپ و راست که در صورت نياز مي توانند با يکديگر تراز شوند.
پاسخگويي bulid-in.
نگران نباشيد در صورتي که موفق نشديد، گزينه ديگري نيز وجود دارد. Dreamweaver به شما اجازه مي دهد نوار نويگيشن خود را سفارشي کنيد. اگر پالت تيره را ترجيح مي دهيد، کافي است navbar-inverse class را به برچسب <nav> خود اضافه کنيد. حتي مي توانيد با آن بازي کنيد. اگر مي خواهيد نويگيشن هميشه در بالاي صفحه نمايش داده شود، navbar-fixe-top را تايپ کنيد. و اگر مي خواهيد در زير صفحه نمايش داده شود، . -fixed-bottom را تايپ کنيد. همه اين کلاس هاي Bootstrap استاندارد هستند، و برنامه نويسي Dreamweaver نيز از آنها پشتيباني مي کند، بنابراين کافي است navbar را در قسمت مربوط تايپ کنيد تا يک فهرست ظاهر شود و گزينه مورد نظر خود را در آن انتخاب کنيد.
3- مسدود کردن جاوا اسکريپت
آژاکس ماهيتي ديناميک دارد. به همين دليل است که گاهي با صفحه اي که حاوي آيتم هاي غيرقابل دسترسي يا ارائه نشده است، روبرو مي شويم. اين آيتم ها با گذشت زمان بارگذاري خواهند شد. به عنوان مثال، اگر بخواهيد استايل tool tip جاوا اسکريپت را، تغيير دهيد، بايد اسکريپت ها را جستجو کنيد، اما مي توانيد به جاي اين کار روش زير را امتحان کنيد.
Dreamweaver خود را در حالت Live View قرار داده و صفحه خود را ارائه کنيد. سپس F6 را فشار دهيد تا جاوا اسکريپت مسدود شود (درست زماني که به شما اجازه مي دهد کد مربوط به هر آيتم ديناميک در صفحه را جدا کرده و هدف قرار دهيد). اين کار نه تنها به شما در هدف قرار دادن کد دقيق آيتم ديناميک کمک مي کند بلکه با کاهش زمان جستجوي هر کد در وب سايت ديناميک، توسعه شما را سريعتر مي کند.
براي مطالعه ادامه مطلب کليک کنيد
درباره این سایت