آموزش جامع و كاربردي نرم افزار طراحي صفحات وب Front Page

[TAHA]

گزينه ي Behavior

از منوي Format گزينه ي Behavior را فعال كنيد . اين گزينه براي تعريف يك سري اعمال خاص مي باشد كه به شرح آنها مي پردازيم :

• Check Browser :

براي استفاده از اين گزينه ، ابتدا متني در صفحه وارد كنيد ، پس از فعال كردن Behavior ، آن متن را Select كرده از قسمت Behavior گزينه ي Insert و سپس از كشوي باز شده گزينه ي Check Browser را انتخاب نماييد . اين قسمت براي تعيين Browser براي صفحه ي جاري مي باشد . همانطور كه مي دانيد معروفترين نوع Browser ، Internet Explorer است پس آنرا انتخاب كنيد . در قسمت بعد ورژن Browser را بايستي تعيين كرد . بهتر است گزينه ي Any فعال شود تا با هر ورژني همخواني داشته باشد .



- Go to url : با فعال كردن اين گزينه تعيين مي كنيم كه اگر Browser با حالت انتخابي از سوي ما هماهنگي داشت ، فلان صفحه ي مربوطه را باز كند .

- Go to url: و اگر با حالت درخواستي از جانب ما مغايرت داشت صفحه اي با آدرس ديگر باز كند.

• Check Plug-in :

مي دانيم كه برخي از نرم افزارها احتياج به Plug-in خاص خود براي اجرا شدن دارند . مثلا Flash كه Flash Player يا فايلهاي Media كه Media Player احتياج دارند .
در اين قسمت نوع Plug-in را مشخص مي كنيم و بسته به موارد استفاده شده در صفحه Plug-in ها را تعريف مي كنيم .

- Go to url : اگر Plug-in مورد نظر با حالت انتخابي از سوي ما هماهنگي داشت ، فلان صفحه ي مربوطه را باز كند .

- Go to url : و اگر با حالت درخواستي از جانب ما مغايرت داشت صفحه اي با آدرس ديگر باز كند.





• Jump Menu : مكان نما را در قسمتي از صفحه ( بدون انتخاب مكاني خاص ) قرار دهيد . سپس از منوي Insert گزينه ي Jump Menu را فعال كنيد . اين قسمت مخصوص منوهاي هوشمند است . يعني با انتخاب يك گزينه بصورت اتوماتيك به آدرس مورد نظر مي رود .
بدين صورت كه پس از انتخاب Jump Menu پنجره اي باز مي شود كه بايستي بر روي دكمه ي Add كليك كنيد .
سپس در قسمت Choice نام يا عبارت خاصي كه مي خواهيد مورد انتخاب واقع شود را وارد كنيد و در قسمت Value when selected, go to url نام سايت اينترنتي كه مي خواهيد پس از انتخاب آن عبارت خاص فعال شود را وارد كرده و كليد Ok را فشار دهيد ، بعد در پنجره ي اصلي Jump Menu در قسمت Open url in مي توانيد تعيين نماييد كه صفحه ي جديد را در خود صفحه ي اصلي باز كند يا آنرا در صفحه اي ديگر فعال نمايد .
و در نهايت در صورتيكه قسمت Select first item after url chang را فعال نماييد بدان معناست كه بعد از تغيير آدرس Url اولين انتخاب شود .



• Jump Menu Go :

براي فعال كردن اين گزينه لازمست ابتدا يك Jump Menu ايجاد نموده سپس آنرا Select نماييد. عملكرد اين گزينه شبيه به Jump Menu مي باشد . يعني تعيين مي كنيم در صورتيكه يك منو داشته باشيم ، اگر يك كليد خاص زده شد ، عمل دلخواه ما انجام پذيرد .

• Open Browser Window :

اين گزينه مخصوص زماني است كه بخواهيد يك Pop – Pop در صفحه داشته باشيد . ( Pop – Pop پنجره اي كوچك است كه همزمان با باز شدن صفحه باز مي شود و نكاتي خاص را به نمايش در مي آورد. به عنوان مثال يك Pop-Pop مي تواند حامل پيام تبريك يا تسليت ، پيامهاي اخباري و ... باشد ) پس از انتخاب Open Browser Window ، در قسمت Go to url نام آدرسي كه مي خواهيد Pop-Pop از آنجا باز شود را وارد كنيد . در قسمت Window name نام پنجره را وارد نماييد . گزينه هاي Window Width و Window height براي وارد كردن طول و عرض صفحه ي Pop – Pop مي باشد . حال به شرح تك تك گزينه هاي Attributes اين قسمت مي پردازيم :

- Navigation Toolbars : اگر اين گزينه فعال باشد باعث فعال شدن Toolbars در صفحه ي Pop-Pop مي شود (Back ، Paste ، Refresh و ... )

- Location Toolbar : باعث فعال شدن Address Bar مي شود .

- Statues Bar : باعث فعال شدن Statues Bar ( قسمت پايين صفحه كه Load شدن را نيز نشان مي دهد ) مي شود .

- Menu Bar : باعث فعال شدن Menu Bar در صفحه ي pop-pop مي شود .

- Scroll bars as needed : در صورتيكه Pop-Pop نياز به Scroll bar بار داشت فعال شود .

- Resize handles : صفحه ي Pop-Pop قابليت تغيير اندازه با ماوس را داشته باشد .

[TAHA]

ادامه ي توضيحات مربوط به Behavior

• Play Sound :

اين گزينه براي قرار دادن موزيك در متن صفحه مي باشد كه بصورت اتوماتيك Play شود .

• Pop-Pop Message :

اين گزينه مخصوص زماني است كه مي خواهيد در هنگام كليك كردن بر روي يك متن ، كلمه ، يا مكاني خاص يك پيغام به نمايش درآيد . مثلا اگر بخواهيد پس از كليك كردن بر روي يك كلمه ، يك پيغام به نمايش درآيد ، آن كلمه را Select‌كرده گزينه ي Pop-Pop Message را فعال كنيد و در قسمت Messages پيغام مورد نظر خود را تايپ كنيد . سپس با انتخاب اينكه چگونه آن پيغام به نمايش درآيد ( با كليك ماوس بر روي آن ، Unclick و ... ) نحوه ي انجام كار مشاهده مي شود .

• Preload Images :

كاربرد اين قسمت مربوط به زماني است كه بخواهيد در صفحه عكس هايي با حجم بالا استفاده كنيد. يعني شما مي خواهيد همزمان با Load شدن صفحه ، تصوير هم Load شود . تصويرهاي مورد نظر را در اين قسمت انتخاب و سپس آنها را Add كرده و كليد Ok را فشار دهيد .



• گزينه ي Set Text :

Set text of statues bar : براي Set كردن يك Text در قسمت Statues Bar ( قسمت پايين صفحه ) مي باشد .

• گزينه ي Go to Url :

براي لينك كردن قسمتهايي از صفحه كه امكان لينك كردن آنها وجود ندارد از اين گزينه استفاده مي شود . مثلا مي خواهيد يكي از سلولهاي جدول خود را به مكاني خاص لينك دهيد . براي اينكار از گزينه ي Go to Url استفاده نماييد .

[TAHA]

استفاده از امكانات منوي Behavior

ابتدا قالب اصلي صفحه ي مورد نظر را طراحي كنيد . فرض كنيد كه حالت قالب صفحه ي شما به صورت زير باشد :



مي خواهيم هنگاميكه بر روي لينك نرم افزار كليك مي شود در قسمت Body يكسري اطلاعات نمايش داده شود و همينطور بر روي لينكهاي سخت افزار و شبكه .

براي اينكار به ترتيب زير عمل كنيد :

ابتدا مكان نما را در قسمت Body در كناري ترين قسمت يعني سمت چپ و بالا قرار داده سپس بر روي ابزار Insert Layer كليك كنيد تا يك لايه ايجاد شود . پس از آن از منوي Format ، گزينه ي Behavior را انتخاب نماييد ، بعد از منوي Insert گزينه ي Set Text و سپس قسمت Set Text Of Layer را انتخاب كنيد .
حال يك صفحه ي جديد باز كنيد و اعمال دلخواه را انجام دهيد ( به عنوان مثال مي خواهيد با كليك كردن بر روي لينك نرم افزار ليست يكسري نرم افزار نمايش داده شود آن ليست را آماده كنيد ) بعد به قسمت Html و كدهاي صفحه رفته و از كد html آن صفحه كپي بگيريد و در قسمت Set Text Of Layer كپي كنيد . تمام منوها را به همين ترتيب ايجاد كنيد . وقتي كه تمام شد بر روي Layer دابل كليك كنيد و از قسمت Option ، گزينه ي None را انتخاب كرده و طول و عرض را نيز 100% انتخاب كنيد .

[TAHA]

ايجاد يك Form

ايجاد يك فرم براي ارسال اطلاعات به Data base ، ورود به يك قسمت و ... مي باشد .
براي فعال كردن Form ، از منوي Insert بر روي گزينه ي Form كليك كنيد و مجددا از منوي باز شده گزينه ي Form را فعال نماييد .
توضيح :

انواع Button :

- ارسال اطلاعات
- ايجاد يك فرم جديد ( Reset نمودن يك فرم )
- Normal كه عملا كاري انجام نمي دهد و بايستي توسط كاربر دستور دهي شود .

هنگاميكه از منوي Insert ، گزينه ي Form و زير منوي Form را انتخاب كنيد فرمي شبيه شكل زير نمايش داده مي شود :



اگر بر روي دكمه ي Submit كليك كنيد به حالت Select‌در مي آيد . حال كليك سمت راست ماوس را فشرده و گزينه ي Form Field Properties را انتخاب نماييد .

• Form Field Properties

در اينجا به شرح قسمتهاي مختلف اين گزينه مي پردازيم :

- Name: ‌نام ، تعيين انتخاب نام Button در ارتباط با نوع عملياتي كه قرار است انجام است .

- Value : نامي كه براي Button انتخاب مي كنيد ( به عنوان مثال Submit )

- Button Type : تعيين نوع Button ( در قسمت انواع Button توضيح داده شد )

- Tab Order : هنگام استفاده از كليد Tab اولويت فعال شدن Button مورد نظر چه زماني باشد .

- Button Direct : تعيين جهت توضيحات نوشته شده در روي Button ( چپ به راست ، راست به چپ )

[TAHA]

تنظيمات Button

بر روي Button راست كليك كرده و گزينه ي Form Properties را انتخاب نماييد . پنجره اي باز مي شود كه مربوط به تنظيمات Button است . در ذيل به شرح گزينه هاي اين قسمت مي پردازيم :



Where to store results

- Send To : ارسال اطلاعات به يك فايل با پسوند CSV

- E-mail Address : ارسال اطلاعات به يك E-mail خاص

- Send To Database :‌ارسال اطلاعات به يك Database

- Send To Order : ارسال اطلاعات به يك صفحه ي خاص

Form Properties

- Form Name : اطلاعات ارسال شده مربوط به كدام فرم بوده است .

- Target Frame : اطلاعات در همان پنجره ي جاري باز شود و يا در يك صفحه ي ديگر

- Form Direction : تعيين جهت نوشتاري متن

ايجاد فيلدهاي متني يك خطي ( Text Box ) :

براي فعال كردن اين گزينه ، از منوي Insert ، گزينه ي Form و زير منوي Text Box را انتخاب كنيد. اگر روي فيلد ايجاد شده دابل كليك كنيد پنجره اي با عنوان Text Box Properties باز مي شود كه به شرح آن مي پردازيم :

- Name : نام

- Value : مقدار پيش فرض

- Width in characters :‌تعداد كاراكترها ( مقدار فضايي كه فيلد مربوطه اشغال مي كند )

- Tab order: تعيين اولويت براي فعال شدن Text Box

- Password field : براي تعريف فيلدي با حالت پسورد ( مانند زماني كه مي خواهيد از سايت Yahoo وارد E-mail خود شويد و لزوما بايستي پسورد وارد كنيد )

- Text Direction : تعيين جهت متن

ايجاد فيلدهاي متني چند خطي ( Text Area ) :

براي ايجاد فيلدهاي متني چند خطي استفاده مي شود .

File Upload : براي انتخاب يك فايل و ارسال آن

Check Box: براي ايجاد قسمتهاي انتخابي كه اين امكان را داشته باشند كه بتوانيد چندين گزينه را يكجا انتخاب نماييد .

Option Button :براي انتخاب يك گزينه از چند مورد ( مانند سوالات چهار جوابي )

Group Box :براي ايجاد مجموعه اي از فيلدها و تنظيم هاي كلي مربوط به آنها

Drop-Down Box :براي ايجاد منوهاي فيلدهاي باز شو ( مانند حالتي كه شما مي توانيد كشور خود را از ليست باز شو انتخاب كنيد )

Push Button: براي ايجاد Button

Advance Button :در اين حالت مي توانيد Button را ايجاد ، سپس متن را به هر حالت و اندازه اي كه مايليد به نگارش در آوريد .

Picture Button: براي گذاشتن يك تصوير و تبديل آن به Button

Label : براي گذاشتن Label در Button