دانلود مقاله بررسی ناحیه کاری Dream weaver

هنگامی که برای اولین بار Dream weaver رادر ویندوز باز می‌کنید، فرصت کافی برای انتخاب فضای کاری Designer یا Coder را دارید.

فضای کاری Coder تمام پانل‌های Dream weaver رادر سمت چپ صفحه نمایش قرار می‌دهد در حالی که فضای کاری Designer آنها را در سمت راست صفحه نمایش قرار می‌دهد.

نگارش مکینتاش Dream weaver به طور خودکار فضای کاری Designer را دراختیار شما می‌گذارد.

پیشنهاد می‌کنم فضای کاری Designer را انتخاب کنید.

اگر در ابتدای فضای کاری Coder را انتخاب کرده و سپس بخواهید آن را به فضای کاری Designer تغییر دهید، می‌توانید این کار را با اجرای فرمان ، Window workspace Layout, Designer انجام دهید.

صفحهstart
قبل از باز شدن هر گونه فایلی Dream weaver کادری به نام صفحه start را که نوار سبز رنگی در بالای آن قرار دارد.

نمایش می‌دهد.

شکل 1-1 صفحه start وظایف معمولی Dream weaver را لیست می‌کند نظیر Create New , Open a Recent Item و Create From Samples درپایین صفحه Start لینک‌های Dream weaver Tutorial , Dream weaver Quick Tour وجوددارند.

با کلیک کردن روی تصویر کادر Dream weaver به وب سایت ماکرومدیا می‌روید که حاوی اطلاعات بهنگام در مورد این برنامه وهمچنین نکات و پیشنهادات خاصی است.

زمانی که هنوز صفحات وب در Dream weaver باز نشده اند، صفحه start را خواهید دید.
می‌توانید با اجرای فرمان Preferences , General , Show start Page برنامه Dream weaver طوری پیکربندی کنید تا این صفحه start نمایش داده نشود.

(شکل 2-1) هنگام تغییر دادن تنظیم ارجحیت باید Dream weaver را restart کنید تا تغییرات را ببینید.

صفحه start در بخش مهمی از Dream weaver به نام پنجره Document ظاهر می‌شود.

پنجره Document صفحه وب را تقریبا همان‌طور که در مرورگر وب ظاهرخواهد شد،‌نمایش می‌دهد.

پنجره Document در حاشیه سمت راست کنار گروه‌های Panel ( درفضای کاری Designer) قرار دارد (شکل 2-1 ).

این گروه‌های Panel حاوی فرمان‌هایی هستند که برای اصلاح و سازمان‌دهی صفحات وب و عناصر صفحه وب استفاده می‌کنید.

پنجره Document گروه‌های Panel و سایر عناصری که بعدا بررسی خواهید کرد.

در یک رابط یکپارچه باهم گروه‌بندی می‌شوند البته اگر در سیستم عامل ویندور مشغول کار باشید.

شکل 3-1 فضای کاری Dream weaver حاوی پنجره Document به همراه پانل‌های یکپارچه است.

پس از باز کردن 8 Dream weaver در مکینتاش پنجره Document در حال نمایش صفحه start می‌بینید ( شکل 4-1 ) نگارش مکینتاش از 8 Dream weaver دارای پانل هایی است که در بالای پنجره Document شناورند.

پانل های شناور که از منوی Window اجرا می‌شوند، به هر مکانی روی دسک تاپ انتقال می‌یابند.

نگارش‌های ویندوز و مکینتاش از Dream weaver تا حدودی با یکدیگر متفاوتند ولی دارای ویژگی‌ها وعملکرد یکسانی هستند.

شکل 4-1 فضای کاری مکینتاش حاوی پنجره Document با پانل هایی است که در بالای آن شناورند.

نوار منو برخی از افراد ترجیح میدهند از فرمان‌های منو استفاده کنند (من میانبرهای صفحه کلید را دوست دارم) و برخی دیگر کلیک کردن روی آیکونها را ترجیح می‌دهند .

به خاطر زیاد بودن تعداد منوها، این بخش سازمان‌دهی منوهای Dream weaver راتوضیح می‌دهد.

منوهای File و Edit ( شکل 5-1) در اکثر برنامه‌ها استاندارد هستند.

منوی File حاوی فرمان‌هایی برای باز کردن، بستن، ذخیره، وارد وصادر کردن فایل‌ها است.

منوی Edit حاوی فرمان های paste , Copy.

Cut به همراه فرمان Find and Replace و فرمان Preferences ( در ویندوز) است.

اکثر عناصر رابط کاربر Dream weaver و عمل آن با فرمان preferences پیکر بندی می‌شوند.

شکل 5-1 منوهای Edit , file حاوی فرمان‌هایی هستند که در اکثر برنامه‌ها رایج هستند به علاوه چند فرمان مختص Dream weaver هستند.

منوی view (شکل 6-1) نمای محتوای عنوان،‌عناصر قابل رویت ، حاشیه‌های فریم، جدول و لایه نوار وضعیت و نگاشت‌های تصویری را فعال و غیر فعال می‌کند.

می‌توانید با قرار داده چک مارکی در کنار یکی ازاین عناصر بگویید که در حال حـاضر کدام یک از آنها را مشاهـده می‌کـنید.

منوی view نـیز دارای فرمان‌هایی برای فعال کردن خط کش، مشبک و راهنماها، نمایش plug – in و تصویر ردیابی است بسیار خوب ، چنان چه نمی‌دانید این فرمان‌ها امکان چه کارهایی را برای شما فراهم می‌کنند.

منوی Insert ( شکل 7-1) تقریبا شبیه نوار Insert است زیرا می‌توانید تمام آتیم‌های موجود در نوار Insert را با استفاده از این منو اضافه کنید.

در صورت تمایل به کلیک کردن روی آیکن‌‌ها به جای منوی Insert از نوار Insert استفاده کنید.

منوی Modify ( شکل 7-1) به شما امکان می‌دهد تا خصوصیات شیئی را که اخیرا انتخاب شده اصلاح کنید.

پس از افزودن شی‌ء به صفحه وب، از فرمان های منوی Modify استفاده کنید و آن را به صورت دلخواه خود در آورید.

شکل 6-1 منوی view میزبان فرامینی برای نشان دادن و پنهان کردن رابط کاربر است.

شکل 7-1 منوهای Modify , Insert به شما امکان می‌دهند تا روی وارد کردن و تغییر دادن صفات اشیا کنترل بیشتری داشته باشید.

منوی Text (شکل 8-1) روش‌های مختلف تنظیم دقیق ظاهر متن در یک صفحه وب را در اختیار شما قرار می‌دهد.

منوی Text فرمان Check Spelling است.

پس از انتخاب متن، منوی Text بسیاری از خصوصیات قابل دسترسی در Property inspector را منعکس می‌کند.

می‌توانید از این منو برای ایجاد تورفتگی در متن ایجاد لیست و اصلاح خصوصیات فونت استفاده کنید.

منوی Commands (شکل 8-1) فرمان های مفیدی نظیر Clean , Clean Up HTML Up Word HTML ا ارائه می‌دهد.

شکل 8-1 تمام فرمان‌های لازم برای تغییر عناصر متن در منوی Text قرار دارند .منوی Command دارای فرمان‌هایی برای ثبت فرمان، پاک سازی HTML وفرمت‌بندی و مرتب سازی جداول است.

می‌توانید از این منو برای ضبط و نمایش انیمیشن یا فرمت‌بندی ومرتب سازی جدول نیز استفاده کنید.

می‌توانید یک الگوی رنگ تنظیم کرده و برای بهیه‌سازی تصویر، به طور خودکار به Fireworks Macromedia جهش کنید.

منوی site (شکل 9-1) فرمان‌هایی را نشان می‌دهد که به کل وب سایت مربوط می‌شوند.

شکل 9-1 فرمان‌های منوی site در مدیریت کل وب سایت به شما کمک می‌کنند.

فرمان‌های منوی Window در مدیریت inspector ها و پانل‌های Dream weaver به شما کمک می‌کنند.

هم چنین درباره سیستم راهنما مطالبی می‌آموزید.

علاوه بر این ،‌لینک‌های مربوط به فایل‌های راهنمای مبتنی بر HTML منوی Help نیز ارائه می‌شوند (شکل 10-1) که حاوی فرمانی برای اجرای Macromedia Extension Manager ( فرمان Manage Extensions ) است.

لینک‌های بسیاری برای منابع ماکرومد یا از جمله Dream weaver Support Center در وب سایت ماکرومدیا وجود دارند برای یافتن نگارشی از Dream weaver که در حال اجرا است یا شماره سریال، انتخاب فرمان About Dream weaver مفید واقع می‌شود.

شکل 10-1منوی Help امکان دستیابی به سیستم راهنمای گسترده Dream weaver را فراهم می‌کند.

نگارش مکینتاش Dream weaver دارای منوی Dream weaver است (شکل 11-1) به علاوه منوهای که قبلا شرح داده شد.

این منو حاوی فرمان About است که از منوی Help در نگارش Windows قابل دسترسی است.

شکل 11-1 در مکینتاش منوی Dream weaver امکان دستیابی به فرمان preferences را فراهم می‌کند.

هم چنین امکان دستیابی به فرمان preferences را فراهم می‌کند.

فرمان Keyboard Shortcuts نیز به جای منوی Edit در این منو یافت می‌شود البته در نگارش ویندوز Dream weaver.

نوار Insert نوار Insert در ویندوز درست زیر نوار منو قرار دارد و در مکینتاش یک پانل شناور است.

این نوار حاوی دکمه‌هایی برای وارد کردن عناصر صفحه وب تصاویر، جداول ، فرم‌ها وفوق پیوندها است.

می‌توانید روی آیکن دکمه‌ای کلیک کنید یا آن را بکشید تا آن شیء در صفحه وب درج شود.

تمام اشیا در نوار Insert از طریق منوی Insert قابل دسترسی هستند.

در سمت چپ نوار Insert منوی بازشویی قرار دارد که امکان انتخاب از بین هشت دسته شیء موجود را فراهم می‌کند که عبارتند از :‌Flash , Application , HTML , Test , Forms , Layout , Common .

Favorites , Elements برای نمایش دادن شیئی در یک دسته خاص، منو را باز کرده وسپس دسته مزبور را انتخاب کنید.

به طورپیش‌فرض ،‌دسته Common نمایش داده می‌شود ولی اگر روی فرم‌ها کار می‌کنید، شاید بخواهید دسه Forms به نمایش در آید چنان چه در حال طرح بندی ساختار صفحه هستید، ممکن است بخواهید دسته Layout نمایش داده شود.

برخی از اشیا در نوار Insert منوهای بازشویی هستند که گروهی از اشیای مربوطه را سازمان‌دهی می‌کنند.

مثلا دردسته Common شیء Images منویی را باز می‌کند که حاوی Placeholder Image Draw , Draw Rectangle Hotspot Navigation Bar , Fireworks HTML , Rollover Image , Image polygon Hotspot , Oral Hotspot است.

تمام این اشیا با تصاویر کار کنند بنابراین در یک منوی بازشو در نوار Insert باهم گروه‌بندی می‌شوند.

نوار Insert به طور پیش فرض در حالت Menu نمایش داده می‌شود ولی می‌توانید با انتخاب آخرین فرمان در منوی بازشو یعنی فرمان Show as Tabs نوار Insert را در حال Tabs نمایش دهید ( شکل 12-1) با انتخاب فرمان Show as Tabs دسته‌های نوار Insert همانند برگه‌هایی در بالای این نوار نمایش داده می‌شوند.

( شکل 13-1) برای برگرداندن نوار Insert به حالت Menu فرمان Show as Menu را درمنوی بازشوی نوار Insert انتخاب کنید.

شکل 12-1 منوی باز شوی نوار Insertلیست دسته‌ها و فرمان Show as Tabs را نمایش می‌دهد که امکان نمایش دادن نوار Insert برگه را فراهم می‌کند.

شکل 13-1 در حالتabs دسته‌های نوار Insert به صورت برگه‌هایی دربالای نوار مزبور ظاهر می‌شوند.

پنجره Document به طور پیش‌فرض اندازه پنجری Document به حداکثر رسیده و نام فایل و عنوان ان در بالاترین نقطه صفحه نمایش ظاهر می‌شوند.

پنجره Document بخشی از رابط Dream weaver.

است که غالبا در کار خود از آن استفاده می‌کنید.

نوار ابزار Document در بالای پنجره Document ظاهر می‌شود.

نوار ابزار Document نوار ابزار Document (شکل 14-1) امکان دستیابی سریع به فرمان های مهم را فراهم می‌کند سه دکمه سمت چپ نوار ابزار Document تغییر وضعیت بین نمای Code و نمای Design را امکان پذیر Design و 20% باقیمانده را از نمای Code ونمای تقسیم استفاده می‌کنیم.

نمای تقسیم نشان می‌دهد هر دو نمای Design , Code مفید هستند وخصوصا وقتی HTML را یاد می‌گیرید.

زیرا به شما امکان می‌دهد تا تگهایی را که Dream weaver.

در حین ایجاد صفحه وب اضافه می کند ببینید.

شکل 14-1 نوار ابزار Document حاوی فرمان هایی است که معمولا در حین ویرایش در شکل 14-1 Dream weaver به صفحات وب اعمال می‌شوند.

کادر متنی در نوار ابزار Dream weaver جایی است که عنوانی را برای صفحه وب در نظر بگیرید (عنوان پیش فرض UntiHed Document چندان جالب نیست!

) این عنوان صفحه وب را در نوار عنوان مرورگر کاربرظاهر می‌شود البته وقتی کاربر صفحه را مشاهده می‌کند.

هم چنین در لیست Bookmarks یا Favorites مرورگر به عنوان نام صفحه وب ذخیره می‌شود بنابراین بایدمعنی دار باشد.

در نوار ابزار، شش منوی بازشو وجود دارند که عبارتنداز: منوی No Browser /Check Errors به شما امکان می‌دهد تا صفحه وبی را که در حال حاضر در مرورگرهای مختلف کار می‌کند بررسی کنید.

منوی Validate Markup امکان مشاهده کدی را که به طور کامل نوشته شده فراهم می‌کند.

منوی File Management فرمان‌هایی نظیر آن هایی را که به دریافت فایل‌ها از سرور وب و ارسال به آن مربوط می‌شوند، لیست می‌کند.

منوی Preview / Debug in Browser امکان دستیابی سریع به لیست مرورگرهایی را فراهم می‌کند که برای انجام عمل پیش نمایش صفحات وب استفاده خواهید کرد.

منوی View Options برحسب این نمای Design باز است یا Code تغییر می‌یابد.

هنگامی که درنمای Design هستید این منو فرمان‌هایی را که در منوی View Dream weaver.

هستند نمایش می‌دهد نظیر‌‌آنهایی که به نمایش محتوای عنوان یا خط ‌کش‌ها مربوط می‌شوند.

هنگامی که درنمای Code هستید، منوی View Options حاوی فرمانی‌هایی است که نحوه نمایش کد را تحت تأثیر قرار می‌دهند نظیر Line Numbers , Word Wrap .

منوی Visual Aids فقط درحالت Design فعال است .

این منو فعال و غیر فعال کردن تمام وسایل بصری را امکان‌پذیر می‌سازد که از طریق اجرای فرمان View , Visual Aids قابل دسترسی است.

نوار ابزار Document در کجا قرار دارد؟

اگر نوار ابزار Document قابل رؤیت نیست ، فرمان View , Toolbars , Document را اجرا کنید نوار ابزار Document حاوی دکمه Refresh Design View است.

هنگام ویرایش کد ( درنمای ‍Code یا نمای صفحه نمایش تقسیم شده) .

این دکمه نمای Design رانوسازی می‌کند به طوری که می‌توانید تغییرات ایجاد شده در کد را بلافاصله ببینید.

این دکمه فقط هنگام مشاهده پنجره Document درنمای Code یا Split فعال است.

نوار وضعیت پنجره Document Dream weaver دارای یک نوار وضعیت است که در پایین صفحه قرار دارد .

این نوار حاوی انتخاب گرتگ.

منوی باز شوی Window Size ابزارهای انتخاب و بزرگ‌نمای آمار download است (شکل 15-1) 8 Dream weaver این ابزارهای سودمند را برای کمک به شما ارایه می‌ دهد تا در طراحی وب موفق شده وتجربه خوبی به دست آورید.

شکل 15-1 نوار وضعیت حاوی ابزارهایی است که در کسب اطلاعات درباره صفحه وب به شما کمک می‌کنند.

انتخاب گرتگ در گوشته چپ پایین پنجره Document امکان دستیابی آسان به تگ های HTML راکه درهر شیء روی صفحه نمایش وجود دارند فراهم می