در اين تايپك مطالب مربوط به  آموزش فرانت پيج قرار مي گيرد. ياعلي

 

 

 

  چگونه صفحه‌ها را طوري تنظيم كنيم كه به‌صورت خودكار بارگذاري شوند؟

از مديريت كردن سايت خود دست بكشيد و به FrontPage اجازه دهيد تا صفحات شما را بروز كند. شما مي‌توانيد محتويات يك صفحه را در صفحه ديگري درج كنيد و حتي زمان نمايش دادن صفحه و پنهان شدن صفحه را مشخص كنيد. اين كامپوننت كه صفحه دروني زمان بندي شده ((Scheduled include page ناميده مي‌شود، وقتي كه بخواهيد يك آگهي جديد، يك خبر يا صفحه‌اي كه حساس به زمان است را بصورت خودكار نمايش دهيد در وقت شما صرفه‌جويي مي‌كند.

 

 

 نقطه درج را انتخاب كنيد  

 

روي قسمتي از صفحه كه مي‌خواهيد صفحه دروني در آنجا ظاهر شود كليك كنيد.

 

 

 درج كامپوننت  

 

از منوي Insert گزينه Web Compont و از ليست Component type ، گزينه Included Content را انتخاب كنيد: از ليست Choose a type of content ، گزينه Page Based on Schedule را انتخاب كنيد و روي Finish كليك كنيد. كادر محاوره‌اي Scheduled Include Page Properties باز مي‌شود.

  

 

 صفحه داخلي را انتخاب كنيد  

 

در كادر متني During the Scheduled time ، آدرس صفحه‌اي كه مي‌خواهيد نمايش دهيد را تايپ كنيد (براي جستجو بدنبال صفحه در سيستم يا شبكه خود، روي دكمه Browse كليك كنيد). اگر آدرس صفحه را تايپ مي‌كنيد، مسير آن بايد نسبي باشد. فرض كنيد كه صفحه جاري، www. Yoursite . com/home page. Htm باشد و مي‌خواهيد از صفحه www. Yoursite . com/ads/page 1.htm استفاده كنيد. مسير نسبي به اين صورت خواهد بود ads/page1.htm.

 

 

 نقطه شروع  

 

در قسمت Starting، تاريخ و زماني كه صفحه بايد ظاهر شود را انتخاب كنيد.

  

 

 نقطه پايان  

 

در قسمت Ending ، تاريخ و زماني كه صفحه بايد حذف شود را انتخاب كنيد. سرور وبي كه صفحه را در آن منتشر مي‌كنيد در زماني كه در اينجا مشخص مي‌كنيد ديگر صفحه را نمايش نمي‌دهد. بعد از اين زمان صفحه شما يا سفيد مي‌ماند و يا صفحه‌اي كه در مرحله 6 مشخص مي‌كنيد را نشان خواهد داد.

   

 

 انتخاب صفحه جايگزين  

 

در كادر متني Before and after the scheduled time ، مي‌توانيد صفحه‌اي كه بعد و قبل از صفحه داخلي نمايش داده خواهد شد را مشخص كنيد. آدرس اين صفحه را تايپ كنيد يا روي Browse كليك كنيد و يك صفحه را انتخاب كنيد.

   

 

 تنظيمات را ذخيره كنيد  

 

بعد از انجام تغييرات، روي دكمه Ok كليك كنيد تا كادر محاوره‌اي Properties بسته شود. فايل خود را ذخيره كنيد و روي دكمه Preview كليك كنيد تا اين صفحه را در مرورگر IE مشاهده كنيد.

 

چگونه يك نوار لينك سفارشي ايجاد كنيم؟

با استفاده از FrontPage مي‌توانيد يك تصوير گرافيكي ايجاد كنيد كه به قسمت‌هاي مختلف سايت شما يا سايت‌هاي ديگر لينك كند. اين تصوير گرافيكي قبلاً نوار حركت در سايت ناميده مي‌شد ولي اكنون مايكروسافت آن را نوار لينك مي‌نامد. نوار ابزار راه ساده و خوبي است تا به بازديدكنندگان امكان دهيد سايت شما را مرور كنند و يا سايت‌هاي ديگري كه مورد نظر شماست را بازديد كنند.

 

 

 انتخاب نقطه درج  

 

صفحه مورد نظر را باز كنيد و روي نقطه درج كليك كنيد. از منوي Insert ، گزينه Web Component را انتخاب كنيد تا كادر محاوره‌اي Insert Web Compont باز شود.

   

 

 نوار ابزار سفارشي را انتخاب كنيد  

 

از ليست Component type، گزينه Link Bars را انتخاب كنيد و از ليست Choose a type در سمت راست، نوع نوار لينك را انتخاب كنيد (در اين مثال، گزينه Bars with custom links را انتخاب كردم). بعد روي Next كليك كنيد.

   

 

 انتخاب شيوه نوار  

 

يكي از شيوه‌هاي نوار را انتخاب كنيد. توجه داشته باشيد كه برخي از اين نوارها، مبتني بر زمينه هستند. اگر سايت شما از يك زمينه استفاده مي‌كند، از نوار لينكي استفاده كنيد كه براي آن زمينه طراحي شده است. بعد روي Next كليك كنيد.

 

 

 انتخاب گرايش (جهت)  

 

مشخص كنيد كه آيا اين نوار لينك بايد بصورت افقي قرار گيرد يا عمودي. (اگر مي‌خواهيد كه اين نوار لينك روي تمام صفحات سايت ظاهر شود، به بخش 7 در كار عملي 10 «چگونه ناحيه‌هاي مشترك ايجاد كنيم» مراجعه كنيد). بعد از انتخاب گرايش ، روي Finish كليك كنيد. كادر محاوره‌اي Insert Web Component بسته مي‌شود.

   

 

 يك اسم تايپ كنيد  

 

كادر محاوره‌اي Create New Link Bar باز مي‌شود و از شما مي‌خواهد تا براي نوار لينك، يك اسم تايپ كنيد. اسم مورد نظر را تايپ كنيد و روي Ok كليك كنيد. حال كه گزينه‌هاي مربوط به طراحي را براي نوار لينك انتخاب كرديد مي‌توانيد لينك‌ها را اضافه كنيد.

   

 

 اضافه كردن لينك‌ها  

 

در كادر محاوره‌اي Link Bar Properties كه باز مي‌شود، روي دكمه Add Link كليك كنيد. كادر محاوره‌اي Add to Link Bar باز مي‌شود. صفحه مرتبط به لينك را انتخاب كنيد (يا آدرس وب آن را تايپ كنيد). اين مرحله را براي هر لينكي كه مي‌خواهيد در نوار لينك ايجاد كنيد تكرار كنيد. اگر اشتباه كرديد، روي دكمه Remove Link يا Modify Link كليك كنيد و تغييرات مورد نظر را انجام دهيد. همچنين مي‌توانيد لينك‌هايي به صفحه اصلي يا صفحه پدر(صفحه‌اي كه بالاي صفحه جاري قرار مي‌گيرد) ايجاد كنيد. بعد روي Ok كليك كنيد.

   

 

 صفحه را مشاهده كنيد  

 

روي برگه Preview كليك كنيد تا نوار لينك را مشاهده كنيد. روي يك لينك كنيد تا مرورگر داخلي، صفحه لينك شده را نمايش دهد.

 

چگونه آگهي‌هاي تبليغاتي را نمايش دهيم؟

براي اداره كردن سايت به پول نياز داريد و آگهي‌هاي تبليغاتي در اين زمينه به شما كمك مي‌كنند، اين آگهي‌ها كه در بالاي صفحه قرار مي‌گيرند، كالاها و خدمات را معرفي مي‌كنند. FrontPage به شما امكان مي‌دهد تا چند آگهي را پشت سرهم و بصورتي كه مشخص مي‌كنيد نمايش دهيد. قبل از شروع اين كار عملي، ابتدا بايد تصاوير آگهي را ايجاد كنيد. بهتر است كه تمام اين تصاوير به يك اندازه باشند. اين كار عملي شرح مي‌دهد كه چگونه به FrontPage بگوييد آگهي‌ها را نمايش دهد.

 

 

 نقطه درج را انتخاب كنيد  

 

روي قسمتي از صفحه كه مي‌خواهيد آگهي قرار گيرد كليك كنيد. اين آگهي‌ها معمولاً در بالاي صفحه قرار مي‌گيرند.

   

 

 خصوصيات آگهي را تنظيم كنيد  

 

از منوي Insert ، گزينه Web Component را انتخاب كنيد. از ليست Component type ، گزينه Dynamic Effects و از ليست Choose an effect گزينه Banner Ad Manager را انتخاب كنيد. روي Finish كليك كنيد تا كادر محاوره‌اي Banner Ad Manager Properties باز شود.

   

 

 طول و عرض را تعيين كنيد  

 

طول و عرض تصوير آگهي را در فيلدهاي Width و Height تايپ كنيد. اندازه معمول براي يك آگهي 60 × 468 (پيكسل) است. اگر بخواهيد اندازه تصوير را تغيير دهيد، به كار عملي 7 «چگونه اندازه تصاوير را تغيير دهيم و آنها را بازسازي كنيم» در بخش 5 «كار با تصاوير گرافيكي» مراجعه كنيد.

 

 

 اضافه كردن تصاوير  

 

روي Add كليك كنيد تا كادر محاوره‌اي Add Picture for Banner Ad باز شود. اگر لازم است از ليست Look in براي پيدا كردن فايل تصوير مورد نظر استفاده كنيد. براي كسب اطلاعات بيشتر در مورد وارد كردن تصاوير به كار عملي 1 «چگونه يك تصوير را وارد كنيم» در بخش 5 مراجعه كنيد. يكي از آگهي‌ها را انتخاب كنيد و روي Open كليك كنيد. اين مرحله را براي تصاوير بعدي هم تكرار كنيد.

   

 

 انتخاب جلوه  

 

از ليست Transition effect، جلوه‌اي كه موقع تغيير كردن آگهي‌ها استفاده مي‌شود را انتخاب كنيد. اگر هيچ جلوه‌اي را نمي‌خواهيد، گزينه None را انتخاب كنيد. در فيلد Show each Picture for ، زمان دوام هر آگهي را بر حسب ثانيه مشخص كنيد.

   

 

 تنظيمات را ذخيره و مشاهده كنيد  

 

بعد از انتخاب گزينه‌ها، روي دكمه Ok كليك كنيد تا كادر محاوره‌اي بسته شود. فايل را ذخيره كنيد. بعد از منوي File ، گزينه Preview in Browser را انتخاب كنيد تا صفحه را در مرورگر داخلي مشاهده كنيد (براي مشاهده كردن اين جلوه، فقط كليك كردن روي برگه Preview كافي نيست.)

  

*توجه*

 

آگهي‌هايي با استفاده از Clip Art

Clip Organizer ، آگهي‌هايي دارد كه مي‌توانيد روي صفحه درج كنيد. براي اطلاعات بيشتر در مورد درج كردن Clip art و اضافه كردن متن به تصاوير به بخش 5 « كار با تصاوير گرافيكي» مراجعه كنيد.

 

 

اضافه كردن لينك

با تايپ كردن يك آدرس در كادر Link to در كادر محاوره‌اي Banner Ad Manager Properties مي‌توانيد اين آگهي را به يك صفحه وب لينك كنيد. براي پيدا كردن صفحه مورد نظر، روي دكمه Browse كليك كنيد.

  

 

چگونه از Plug-in استفاده كنيم؟ 

Plug-in ها به مرورگر كمك ميكنند تا انواع مختلفي از فايلهاي چند رسانه اي را نمايش دهند. در اين كار عملي، از كادر محاوره اي Plug-in Properties براي تعبير كردن يك فايل به صورتتي روي صفحه استفاده خواهيم كرد. اين ارجاع به مرورگر مي گويد كه plug-in مربوطه (در اينجا، اجرا كنند فايل صوتي) را اجرا كند و فايل را بدون باز كردن يك پنجره جداگانه اجرا كند.

 

 

 نقطه درج را انتخاب كنيد  

 

روي محل مورد نظر كليك كنيد و بعد از منوي Insert گزينه Web Component را انتخاب كنيد. در اين كار عملي، به يك فايل صوتي اشاره مي كنيم كه كنترل هاي اجرا كننده صوت را روي صفحه ظاهر خواهد كرد تا بازديد كنندگان بتوانند اين صوت را اجرا يا متوقف كنند و ولوم آن را تنظيم كنند. كنترل هاي كه روي صفحه ظاهر مي شوند به اجرا كننده اي كه بازديد كننده براي باز كردن فايلهاي صوتي در نظر گرفته است بستگي دارد .

   

 

 كادر محاوره اي Plug-in Properties را باز كنيد  

 

در كادر محاوره اي Insert Web Componets كه باز مي شود گزينهAdvanced Controls ر اانتخاب كنيد و بعد گزينه Plug-in را از پنجره فرعي سمت راست انتخاب كنيد. بعد روي Finishكليك كنيد تا كار محاوره اي Plug-in Properties باز شود.

 

 

 فايل مورد نظر را باز كنيد  

 

روي دكمه Browse كليك كنيد تا كادر محاوره اي Select Plug-in Data Source باز شود. فايل چند رسانه اي مورد نظر را اتتخاب كنيد و روي دكمه Open كليد كنيد.

 

 

 پيغام جايگزيني  

 

در كادر محاوره‌اي Plug – In Properties ، پيغامي تايپ كنيد كه در مرورگر بازديدكنندگاني ظاهر مي‌شود كه براي نوع فايل انتخاب شده، Plug-in ندارند.

   

 

 انتخاب تنظيمات طرح كلّي  

 

در قسمت Alignment ، تراز كلي را مشخص كنيد. از گزينه‌هاي Horizonl Spacing و Vertical Spacing براي ايجاد فضاي خالي پيرامون Plug- in استفاده كنيد. همچنين مي‌توانيد يك خط مرزي دور Plug-in بكشيد.

   

 

 تغييرات را ذخيره كنيد  

 

وقتي كه تمام تغييرات لازم را در كادر محاوره‌اي Plug-In Properties انجام داديد، روي Ok كليك كنيد تا تغييرات ذخيره شوند و ارجاع به فايل چند رسانه‌اي در صفحه درج شود. براي مشاهده كردن فيلم يا شنيدن فايل صوتي، روي برگه Preview كليك كنيد.

  

* توجه*

 

در نظر گرفتن مسأله سازگاري

در نظر داشته باشيد كه بازديدكنندگان بايد مرورگر خود را طوري تنظيم كنند كه اين نوع فايلي كه در صفحه قرار مي‌دهيد را باز كند. بهترين روش براي در نظر گرفتن مسأله سازگاري، اين است كه بصورتي كه در بخش 4« مرتبط كردن فايل‌ها به يكديگر با استفاده از هايپرلينك» مطرح شد، يك لينك به فايل چند رسانه‌اي مورد نظر ايجاد كنيد. تصور نكيد كه مرورگر هر بازديدكننده اي طوري پيگربندي شده است كه از نوع فايلهايي كه در صفحات خود درج مي كنيد پشتيباني مي كنند.

 

چگونه خطوط مرزي فرم را تغيير دهيم يا حذف كنيم؟

بعد از انكه يك صفحه فريم دار ايجاد كرديد مي‌توانيد تنظيمات فريم‌ها را تغيير دهيد . ممكن است بخواهيد خطوط مرزي فريم را پنهان كنيد (مثلاً، اگر فكر مي‌كنيد كه خطوط مرزي، طراحي شما را به هم مي‌ريزند.) همچنين مي توانيد بين فريم‌ها فاصله بگذاريد و تعيين كنيد كه آيا بازديد كنندگان بتوانند در يك صفحه فريم دار، اسكرول كنند يا خير.

 

 

 Frame Properties را باز كنيد  

 

صفحه مورد نظر را باز كنيد. روي يك قسمت از صفحه كليك راست كنيد و گزينه Frame Properties را انتخاب كنيد. تا كادر محاوره‌اي Frame Properties باز شود.

   

 

 گزينه Resizable in browser را انتخاب كنيد  

 

گزينه Resizable in browser به شما امكان مي‌دهد تا تعيين كنيد آيا بازديدكنندگان بتوانند روي يكي از خطوط مرزي فريم كليك كنند و آن را بكشند و اندازه فريم را تغيير دهند يا خير. اين گزينه بصورت پيش فرض انتخاب شده است.

   

 

 گزينه‌هاي مربوط به اسكرول كردن  

 

مشخص كنيد كه آيا بازديدكنندگان بتوانند در صفحه اسكرول كنند يا خير. يكي از گزينه‌هاي ليست Show Scrollbars را انتخاب كنيد. اگر مي خواهيد وقتي كه محتويات يك صفحه از اندازه فريم بيشتر شود، اسكرول بار ظاهر شود، گزينه If Needed را انتخاب كنيد. اگر نمي خواهيد كه صفحه اسكرول شود (مثلاً صفحه حاوي آرم)، گزينه Never را انتخاب كنيد و اگر مي‌خواهيد بازديد كننده هميشه بتواند اسكرول كند (اين گزينه براي سندهاي متني طولاني، خوب است)، گزينه Always را انتخاب كنيد.

 

 

 Page Properties را باز كنيد  

 

شما مي توانيد برخي گزينه‌ها را مختص فريم‌ها تنظيم كنيد .روي دكمه Frames Page كليك كنيد تا كادر محاوره‌اي Page Properties باز شود.

   

 

 فضاي بين فريم‌ها  

 

براي تعيين كردن فضاي بين فريم‌ها (بر حسب پيكسل)، مقدار اين فضا را در كادر متني Frame Spacing تايپ كنيد.

   

 

 گزينه Show Borders  

 

گزينه Show Borders بصورت پيش فرض انتخاب مي‌شود. اگر مي‌خواهيد خطوط مرزي نمايش داده نشوند، اين گزينه را غير فعال كنيد. دوبار روي OK كليك كنيد تا هر دو كادر محاوره‌اي بسته شود و نتيجه تغييرات را روي صفحه مشاهده كنيد.

 

* توجه*

 

ايجاد فريم

فريم‌ها براي ايجاد ابزاري براي حركت در سايت، سودمند مي‌باشند مثلاً ليستي از هايپر لنيك‌ها در فريم سمت چپ باشد كه وقتي كه روي آنها كليك مي‌شود، محتويات صفحه مربوطه در فريم سمت راست ظاهر شود. ولي مشكلي كه بازديد كنندگان خواهند داشت اين است كه نشان كردن فريم‌ها، مشكل است.ممكن است برخي اطلاعاتي كه بازديدكنندگان مي‌خواهند، چند صفحه باشد، ولي وقتي كه صفحه را نشان گذاري مي‌كنند، به صفحه اصلي بر مي‌گردند. (برخي مرورگرها آنقدر هوشمند هستند كه به صفحه مورد نظر بروند ولي بسياري از مرورگرها به صفحه اصلي بر مي‌گردند.) وقتي كه سايت خود را طراحي مي‌كنيد اين مطلب را به خاطر داشته باشيد و تا وقتي لازم نباشد از فريم استفاده نكنيد.

 

چگونه يك دكمه متغير ايجاد كنيم؟

براي زيبا كردن صفحه، مي‌توانيد يك دكمه متغير به آن اضافه كنيد. وقتي كه به اين نوع دكمه اشاره مي‌كنيد، شكل يا رنگ آن تغيير مي‌كند. اگر بخواهيد مي‌توانيد جلوه‌هاي ويژه يا صوت به دكمه اضافه كنيد و بعد اين دكمه را به صفحات ديگر لينك كنيد. دكمه‌هاي متغير، كمك مي‌كنند تا توجه بازديدكنندگان را به مهم ترين لينك در سايت جلب كنيد.

 

 

 ايجاد دكمه متغير  

 

روي محلي كه مي‌خواهيد دكمه متغير در آنجا قرار گيرد كليك كنيد. از منوي Insert ، گزينه Web Component را انتخاب كنيد تا كادر محاوره‌اي Insert web Component باز شود. از ليست Component type در سمت چپ، گزينه Dynamic Effects را انتخاب كنيد و از ليست Choose an effect در سمت راست، گزينه Hover Button را انتخاب كنيد. بعد روي Finish كليك كنيد. كادر محاوره‌اي Hover Button Properties باز مي‌شود.

   

 

 عنوان دكمه   

 

در فيلد Button text ، عنوان دكمه را تايپ كنيد. اسم‌هاي كوتاه بهترند (براي مثال، Home ، News يا Updates) اگر از يك اسم طولاني استفاده مي‌كنيد، مقدار فيلد Width در كادر محاوره‌اي Hover Button Properties را تنظيم كنيد.

   

 

 يك لينك ايجاد كنيد  

 

براي لينك كردن اين دكمه به يك صفحه ديگر، آدرس آن صفحه را در فيلد Link to تايپ كنيد. شما مي‌توانيد به يك صفحه ديگر در سايت يا به يك آدرس خارجي لينك كنيد(به بخش 4 «مرتبط كردن فايل‌ها به يكديگر با استفاده از هايپرلينك» مراجعه كنيد.) از دكمه Browse براي پيدا كردن صفحه مورد نظر استفاده كنيد.

 

 

 انتخاب جلوه  

 

يكي از رنگ‌هاي ليست Button Color را انتخاب كنيد. بعد يكي از جلوه‌هاي ليست Effect را انتخاب كنيد. براي مثال مي‌توانيد كاري كنيد كه دكمه برق بزند يا با اضافه كردن يك حاشيه رو بداخل يا روبه خارج، يك جلوه سه بعدي اضافه كنيد. در اين مثال، جلوه Glow را انتخاب كردم. بعد روي Ok كليك كنيد.

 

 

 دكمه را مشاهده كنيد   

 

تا وقتي كه دكمه را ذخيره نكنيد و آن را مشاهده نكنيد نمي‌فهميد كه اين دكمه چگونه كار خواهد كرد. روي دكمه Save در نوار ابزار Standard كليك كنيد و از منوي File گزينه Preview in Browser را انتخاب كنيد. توجه كنيد كه وقتي اشاره‌گر را روي دكمه حركت مي‌دهيد، دكمه برق مي‌زند.

 

* توجه *

 

انتخاب تصوير

اگر مي‌خواهيد دكمه‌هاي متغير شما، زيباتر شوند، خودتان تصاوير مربوطه را انتخاب كنيد. يك تصوير بعنوان تصوير دكمه اصلي انتخاب كنيد و يك تصوير ديگر براي وقتي كه بازديدكننده، اشاره گر موس را روي دكمه حركت مي‌دهد انتخاب كنيد. در كادر محاوره‌اي Hover Button Properties ، روي دكمه Custom كليك كنيد. در كادر محاوره‌اي Custom ، روي دكمه Browse در كنار كادر محاوره‌اي Button كليك كنيد و بعد فايل تصوير مربوط به دكمه اصلي را انتخاب كنيد. روي Open كليك كنيد. حال تصويري را انتخاب كنيد كه وقتي كه بازديدكننده، اشاره‌گرموس را روي دكمه حركت مي‌دهد نمايش داده مي‌شود. روي دكمه Browse در كنار كادر متني On hover كليك كنيد و فايل تصوير مورد نظر را انتخاب كنيد. روي Open كليك كنيد. بعد روي OK كليك كنيد تا هر دو كادر محاوره‌اي بسته شوند.

 

 

لغزاندن

با استفاده از كامپوننت Scrolling Marquee مي‌توانيد مقداري متن در يك كادر كوچك تايپ كنيد . اين كادر پنهان است ولي بازديدكنندگان ، اين متن را مشاهده مي‌‌كنند كه مثل يك تيتر خبري، در صفحه مي‌لغزد. اين قابليت در Netscape Navigator كار نمي‌كند استفاده كنندگان Navigator ، متن را مشاهده مي‌كنند ولي اين متن در صفحه نمي‌لغزد. از منوي Insert گزينه Web Component را انتخاب كنيد. از منوي Dynamic Effects ، گزينه Marquee را انتخاب كنيد و روي Finish كليك كنيد. در كادر محاوره‌اي Marquee Properties كه باز مي‌شود، پيغام خود را در كادر Text تايپ كنيد و روي Ok كليك كنيد.

 

ايجاد تصاوير متحرك پويا

حال به نقطه‌اي از كتاب رسيده‌ايم كه از كلمات تكنيكي مانند Zoom ، Fly و hop استفاده ‌كنيم. اينها اصطلاحات

Front page هستند كه هنگام متحرك سازي عناصر صفحه با Dynamic HTML (DHTML) از آنها استفاده مي‌شود.

براي متحرك سازي عناصر، اين عناصر را انتخاب كنيد و بعد گزينه‌هاي نوار ابزار DHTML Effects را انتخاب كنيد. اين نوار ابزار به شما امكان مي‌دهد تا مشخص كنيد كه چگونه تصوير متحرك را اجرا كنيد (مثلاً با كليك ماوس) و چه چيزي را نمايش دهيد.(مثلاً ، عكس خودتان كه در صفحه حركت كند).تنها مشكل DHTML اين است كه در مرورگرهاي قديمي‌تر كار نمي‌كند. براي اينكه اين جلوه‌ها ديده شوند، بايد مطمئن شويد كه بازديدكنندگان با مرورگرهاي نسخه 4 (يا بالاتر) صفحات شما را بازديد مي‌كنند. از منوي Tools ، گزينه Page Options را انتخاب كنيد تا كادر محاوره‌اي Page Options باز شود. بعد روي برگه Compatibility كليك كنيد. در اينجا مي‌توانيد مرورگرهاي مقصد را انتخاب كنيد. اگر مرورگرهاي قديمي‌تر را انتخاب كنيد، برخي از جلوه‌ها روي نوار ابزار DHTML Effects كه در مرحله 4 باز مي‌كنيد ظاهر نخواهند شد.اين جلوه‌ها ، از تغييرات ظريف در فرمت دهي متن يا تصاويري كه مانند توپ لاستيكي روي صفحه بالا و پايين مي‌جهند متغير مي‌باشند. به يك تصوير اشاره كنيد تا به تصوير ديگري تبديل شود. روي يك پاراگراف كليك كنيد تا در صفحه حركت كند. ايجاد كردن DHTML توسط خود شما مشكل است ولي استفاده از نوار ابزار DHTML Effects بسيار ساده است.

 

 

 يك صفحه جديد باز كنيد  

 

روي فلش دكمه New Page در نوار ابزار Standard كليك كنيد و گزينه Page را انتخاب كنيد. كادر محاوره‌اي Page Templates باز مي‌شود. از برگه General ، قالب Normal Page را انتخاب كنيد و روي Ok كليك كنيد تا اين صفحه در ديد Page باز شود.

   

 

 اضافه كردن متن  

 

مقداري متن در صفحه تايپ كنيد و آن را هاي لايت كنيد. براي اين پروژه، من تايپ كردم: This text really jumps out at you

  

 

 فرمت دهي  

 

قبل از اينكه متن را متحرك كنيد فرمت‌هاي لازم را روي آن اعمال كنيد. در اين پروژه، از ليست Style ، گزينه Heading را انتخاب كردم تا اندازه فونت متن را افزايش دهم.

 

 

 نوار ابزار DHTML را باز كنيد  

 

از منوي View ، گزينه Toolbars و بعد گزينه DHTML Effects را انتخاب كنيد. نوار ابزار DHTML Effects باز مي‌شود. اگر بخواهيد مي‌توانيد اين نوار ابزار را در بالاي صفحه نمايش ثابت كنيد.

   

 

 رويداد شروع را انتخاب كنيد  

 

متن مورد نظر (يا بخشي از آن) را انتخاب كنيد. حال رويدادي كه متحرك سازي را شروع مي‌كند مشخص كنيد. در نوار ابزار DHTML Effects ، روي فلش ليست On كليك كنيد و يكي از گزينه‌هاي اين ليست را انتخاب كنيد. براي اين پروژه، گزينه Page Load را انتخاب كردم.

    

جلوه  

 از ليست Apply، يك جلوه متحرك سازي انتخاب كنيد. يعني كاري كه وقتي رويداد مرحله 5 رخ دهد متن انجام خواهد داد را انتخاب كنيد. مثلاً مي‌توانيد Zoom را انتخاب كنيد.

  

 

 انتخاب تنظيمات  

 

از ليست Effect ، يكي از تنظيمات را براي اين جلوه انتخاب كنيد. اين تنظيمات بسته به جلوه‌اي كه در مرحله 6 انتخاب كرديد فرق مي‌كند. (همانطور كه جلوه‌هايي كه مي‌توانيد انتخاب كنيد بسته به رويدادي كه در مرحله 5 انتخاب كرديد فرق مي‌كنند). در اين پروژه، گزينه In را انتخاب كردم. براي اينكه متن خود را در عمل مشاهده كنيد روي برگه Preview كليك كنيد. اگر اين جلوه را نمي‌پسنديد، يك گزينه ديگر را انتخاب كنيد.

   

 

 يك تصوير درج كنيد  

 

حال يك تصوير گرافيكي وارد مي‌كنيم و آن را متحرك مي‌كنيم. نقطه درج را مشخص كنيد و روي دكمه Insert Picture From File در نوار ابزار Standard كليك كنيد. (يا مي‌توانيد از منوي Insert ، گزينه Picture را انتخاب كنيد و بعد نوع تصوير مورد نظر را انتخاب كنيد.) كادر محاوره‌اي Picture باز مي‌شود.

   

 

 انتخاب تصوير  

 

فايل تصوير مورد نظر را پيدا كنيد. بعد روي دكمه Insert كليك كنيد تا تصوير روي صفحه قرار گيرد.

   

 

 انتخاب تصوير براي متحرك سازي  

 

قبل از متحرك سازي تصوير، بايد آن را انتخاب كنيد. براي اين كار، روي آن كليك كنيد.

   

 

 رويداد شروع را انتخاب كنيد  

 

در نوار ابزار DHTML Effects ، از ليست On ، كاري كه متحرك سازي را شروع كند را انتخاب كنيد. در اين پروژه، گزينه Mouse Over را انتخاب كردم تا وقتي كه بازديدكننده با ماوس به تصوير اشاره كند، تصوير تغيير كند.

   

 

 انتخاب جلوه  

 

از ليست Apply ، جلوه‌اي كه مي‌خواهيد روي تصوير اعمال شود را انتخاب كنيد. در اين پروژه Swap Picture را انتخاب كردم. همانطوري كه از اسم آن مشخص است، وقتي كه بازديدكننده با ماوس به تصوير اشاره كند، اين تصوير با تصوير ديگري جايگزين مي‌شود.

  

 

 تصوير جايگزين   

 

حال بايد فايل تصوير جايگزين را انتخاب كنيد. روي ليست Setting در نوار ابزار DHTML Effects كليك كنيد و گزينه Choose Picture را انتخاب كنيد تا كادر محاوره‌اي Picture باز شود.

   

 

 تصوير جايگزين را پيدا كنيد  

 

تصوير جايگزين را پيدا كنيد. آن را انتخاب كنيد و روي Open كليك كنيد.تصوير اوليه در اينجا، تصوير يك انگشت است و تصويري كه در اين مرحله انتخاب مي‌كنم تصوير دو انگشت است. جلوه تصويرهاي جايگزين معمولاً براي ايجاد لينك به قسمت‌هاي مختلف يك سايت بكار مي‌رود.

    

عنوان  

 

حال يك عنوان را زير تصوير، متحرك سازي مي‌كنيم. مقداري متن تايپ كنيد، آن را فرمت دهي كنيد و بعد آن را انتخاب كنيد.

 

 

 رويداد شروع را انتخاب كنيد  

 

از ليست On در نوار ابزار DHTML Effects ، رويداد شروع متحرك سازي را انتخاب كنيد. در اين پروژه، رويداد Double Click را انتخاب كردم.

   

 

 اين جلوه را اعمال كنيد  

 

از ليست Apply ، جلوه مورد نظر را انتخاب كنيد. در اين پروژه، گزينه Flyout را انتخاب كردم.

   

 

 تنظيمات اين جلوه را انتخاب كنيد  

 

از ليست Effect در نوار ابزار DHTML Effects ، تنظيمات مربوط به جلوه انتخابي را مشخص كنيد. براي جلوه Fly Out ، گزينه To top را انتخاب كردم.

   

 

 جلوه‌هاي DHTML را هاي لايت كنيد  

 

در ديد Page ، جلوه‌هاي متحرك سازي كه روي متن اعمال شده‌اند بصورت پيش فرض به رنگ آبي هاي لايت مي‌شوند. براي فعال و غيرفعال كردن اين قابليت روي دكمه Highlight Dynamic HTML Effects در نوار ابزار DHTML Effects كليك كنيد

 

 

 حذف يكي از جلوه‌هاي متحرك سازي  

 

اگر نظرتان عوض شد و بخواهيد يكي از جلوه‌هاي متحرك سازي را حذف كنيد، متن يا تصوير مربوطه را انتخاب كنيد و روي دكمه Remove Effects در نوار ابزار DHTML Effects كليك كنيد.

  

 

 مشاهده جلوه‌ها  

 

روي دكمه Preview in Browser در نوار ابزار Standard كليك كنيد تا اين جلوه‌ها را مشاهده كنيد. همچنين مي‌توانيد دكمه‌هاي Ctrl + Shift + B را بفشاريد.

  

* توجه*

 

سازگاري با مرورگر

DHTML مي‌تواند در مرورگرهاي مختلف، بصورت عجيبي رفتار كند و در برخي مرورگرها هم اصلاً كار نمي‌كند. بهترين كار اين است كه صفحه متحرك خود را در مرورگرهاي مختلف مشاهده كنيد و مشكلات را پيدا كنيد. اگر در اين مورد نگران هستيد، مي‌توانيد Dynamic HTML را در ليست Page Options غيرفعال كنيد و از آن اجتناب كنيد.

  

 

چگونه خطوط افقي را درج و تنظيم كنيم؟

خطوط افقي كه خيلي كم به كار مي روند، مي‌توانند صفحه را مرتب و سازماندهي شده نمايند. همچنين مي توانيد اين خطوط را مطابق با ظاهر صفحه تنظيم كنيد.

 

 

 درج خط افقي  

 

صفحه مورد نظر را باز كنيد. روي آن كليك كنيد. از منوي Insert گزينه Horizontal Line را انتخاب كنيد تا خط پيش فرض روي صفحه قرار گيرد.

 

 

 Horizontal Line Properties را باز كنيد  

 

روي خط دابل كليك كنيد تا كادر محاوره‌اي Horizontal Line Properties باز شود.

   

 

 طول و ضخامت خط  

 

اگر از يك زمينه براي صفحه انتخاب نمي‌كنيد، مي توانيد طول خط را در كادر متني Width تايپ كنيد. گزينه Percentage of Window مشخص مي‌كند كه طول خط بر حسب درصد پنجره باز مرورگر محاسبه شود و گزينه Pixels مشخص مي‌كند كه خط بر حسب پيكسل باشد. ضخامت خط را بر حسب پيكسل در كادر Height تايپ كنيد.

  

تراز  

 

اگر از يك زمينه استفاده مي‌كنيد، تراز خط، يكي از خصوصيات تراز است كه تنظيم مي كنيد. براي تغيير دادن تراز خط، گزينه‌هاي Left (چپ)، Center (وسط) يا Right (راست) را انتخاب كنيد.

   

 

 رنگ خط را انتخاب كنيد  

 

اگر از يك زمينه استفاده نمي‌كنيد مي‌توانيد رنگ خط را مشخص كنيد. روي ليست Color كليك كنيد و يكي از رنگ‌ها را انتخاب كنيد.

  

 

 Solid Line را انتخاب كنيد  

 

بسياري از مواقع، مي خواهيم بجاي سايه سه بعدي همراه خط افقي، از يك خط پيوسته استفاده كنيم. براي حذف كردن سايه از خط، گزينه Solid Line را انتخاب كنيد.

  

 

 تنظيمات را ذخيره كنيد  

 براي ذخيره كردن تنظيمات روي OK كليك كنيد.

  

* توجه*

 

تغيير دادن خصوصيات يك خط در زمينه

اگر از يك زمينه استفاده كنيد، گزينه‌هاي مربوط به خط افقي محدود مي‌شود. (همانطور كه در اين كار عملي گفته شد). با اين حال، مي توانيد يك تصوير گرافيكي را بعنوان خط افقي انتخاب كنيد. براي اين كار از منوي Format گزينه Theme را انتخاب كنيد. در كادر محاوره‌اي Themes، روي دكمه Modify كليك كنيد. بعد روي دكمه Graphic كليك كنيد. از ليست Theme، گزينه Horizontal Rule را انتخاب كنيد. روي دكمه Browse كليك كنيد و فايل تصوير مورد نظر را پيدا كنيد. اين فايل را انتخاب كنيد و روي OK كليك كنيد. روي Open كليك كنيد. بعد روي OK كليك كنيد تا تغييرات ذخيره شوند و كادرهاي محاوره‌اي Modify Theme و Themes بسته شوند.

 

  چگونه يك صداي پس زمينه براي صفحه تعيين كنيم؟

اگر يك صداي پس زمينه به صفحه اضافه كنيد، وقتي كه صفحه بارگذاري مي‌شود، اين فايل صوتي به صورت خودكار پخش مي‌شود. مي‌توان بسياري از فرمت‌هاي صوتي معمول مانند .Wav ، .midi ، .au ، Real Audio و .aif را انتخاب كرد. با اين حال، اين فايل فقط وقتي پخش مي‌شود كه از IE3 يا بالاتر استفاده كنيد.

 

 

Page Properties را باز كنيد  

 

روي يك قسمت خالي از صفحه كليك راست كنيد و Page Properties را باز كنيد.(قسمتي كه براي نگهداري فايل صوتي پس زمينه انتخاب مي‌كنيد اهميتي ندارد زيرا هيچ چيز روي صفحه نمايان نمي‌شود). برگه General در كادر محاوره‌اي Page Properties باز مي‌شود.

  

 

صوت مورد نظر را پيدا كنيد  

 

در قسمت Background Sound از كادر محاوره‌اي، روي دكمه Browse كليك كنيد. كادر محاوره‌اي Background Sound باز مي‌شود تا بتوانيد فايل صوتي مورد نظر را پيدا كنيد.

  

 

 انتخاب فايل صوتي مورد نظر  

 

فايل صوتي مورد نظر را پيدا كنيد. اگر نوع فايل مورد نظر (مثلاً يك فايل Mp3) را پيدا نكرديد، در كادر File name، تايپ كنيد *.* و كليد Enter را بزنيد. به اين صورت، تمام فايل‌هاي پوشه انتخاب شده نمايش داده مي‌شود. بعد از پيدا كردن فايل مورد نظر، روي دكمه Open كليك كنيد.

 

 

 گزينه‌هاي مربوط به حلقه تكرار  

 

بصورت پيش فرض، فايل صوتي بصورت مداوم تكرار مي‌شود. براي تغيير دادن اين امر، گزينه Forever را غيرفعال كنيد و تعداد دفعات تكرار را در كادر Loop تايپ كنيد. اگر مي‌خواهد كه اين فايل فقط يك بار تكرار شود، تايپ كنيد 0 و روي Ok كليك كنيد.

 

 

 پيش نمونه صوت پس زمينه   

 

روي برگه Preview كليك كنيد تا صوت پس زمينه را در IE امتحان كنيد. (براي استفاده از برگه Perview ، بايد IE را نصب كرده باشيد.).

 

 

 حذف كردن صداي پس زمينه  

 

اگر بعداً بخواهيد فايل صوتي را از صفحه حذف كنيد، كادر محاوره‌اي Page Properties مربوط به اين صفحه را باز كنيد و مسير و اسم فايل را از كادر Location در قسمت Background Sound از برگه General حذف كنيد.

 

* توجه*

 

جايگزين فايل صوتي

بازديدكنندگاني كه از Netscape استفاده مي‌كنند در صفحه‌اي كه صوت پس زمينه دارد خطايي دريافت نمي‌كنند ولي صدايي نمي‌شنوند. براي اينكه صوت صفحه براي بازديدكنندگاني كه از IE3 يا بالاتر استفاده نمي‌كنند قابل شنيدن شود، يك هايپرلينك به اين فايل صوتي ايجاد كنيد. لينك كردن به فايل صوتي، درست مانند لينك كردن به يك صفحه(يا هر نوع فايل ديگري) است. متن يا تصويري كه مي‌خواهيد براي هايپرلينك استفاده كنيد را درج كنيد. آن متن يا تصوير را انتخاب كنيد و Ctrl + K را بفشاريد. فايل صوتي مورد نظر را پيدا كنيد و روي دكمه Ok كليك كنيد. براي جزئيات بيشتر، به بخش 4 « مرتبط كردن فايل‌ها به يكديگر با استفاده از هايپرلينك» مراجعه كنيد.

 

   سازگاری مرورگرها

همانطور كه می‌دانید ، تمام مرورگرها مثل هم كار نمی‌كنند. دو مرورگر پرطرفدار Internet Explorer و Nestscape Navigator ، از قابلیت‌های متفاوتی پشتیبانی می‌كنند. برای اینكه سایت شما بدون اشكال باشد، گزینه‌های مربوط به سازگاری را تنظیم كنید.

 

 

 Page Options را باز كنید  

 سایت مورد نظر را باز كنید و از منوی Tools ، گزینه Page Options را باز كنید.

 

 

 روی برگه Compatibility كلیك كنید  

 در كادر محاوره‌ای Page Options ، روی برگه Compatibility كلیك كنید.

 

 

 انتخاب مرورگر  

 

لیست Browsers را باز كنید و گزینه Both Internet Explorer and Navigator را انتخاب كنید. به این صورت فقط قابلیت‌هایی كه در هر دو مرورگر كار می‌كنند در هنگام طراحی در Frontpage ، موجودند. همچنین می‌توانید TV Microsoft web را انتخاب كنید كه قابلیت‌های محدودتری دارد.

 

 انتخاب نسخه مرورگر  

 

فقط جدیدترین مرورگرها از برخی از قابلیت‌های Frontpage (مانند فریم‌های داخلی برای نمایش دادن یك صفحه داخل صفحه دیگر) پشتیبانی می‌كنند. لیست Browser Versions را باز كنید و گزینه browers and later 5.0 را انتخاب كنید.

    

پایان   

 

روی Ok كلیك كنید تا تغییرات ذخیره شوند و كادر محاوره‌ای Page Options بسته شود. یك صفحه باز كنید و از منویInsert گزینه Web Componet را انتخاب كنید. از لیست Component type ، گزینه Dynamic Effects را انتخاب كنید. توجه كنید كه در لیست Choose an effect گزینه Marquee غیرفعال است زیرا نوشته‌های متحرك در Netscape Navigator كار نمی‌كنند.

  

* توجه*

 

سازگاری

اطمینان از اینكه سایت شما در IE و Netscape Navigator بدرستی كار می‌كند تضمین می‌كند كه تعداد بازدیدكنندگان بیشتری صفحات شما را به همان صورتی كه طراحی كردید مشاهده خواهند كرد. با این حال، مرورگرهای دیگری هم وجود دارند از جمله مرورگر Opera و چند مرورگر دیگر برای كامپیوترهای شخصی و كامپیوترهای قابل حمل. بازدیدكنندگان، صفحات را در سیستم عامل‌های مختلف و با درجه تفكیك متفاوت مشاهده می‌كند (به كار عملی « چگونه صفحه را در مرورگر داخلی مشاهده كنیم» در بخش 4 «ایجاد صفحات» مراجعه كنید.). همیشه صفحات خود را با مرورگرهای مختلف و نسخه‌های مختلف مشاهده كنید.

 

چگونه عناصر را به دقت روي صفحه قرار دهيم؟

تا همين اواخر، مدتب كردن متن و تصاوير گرافيكي در جايي كه مي خواستيد كمي سخت بود. متأسفنه، ايجاد طرح كلي دقيق با استفاده از جدول، با اينكه كار آمد است، مي‌تواند وقت گير باشد. اگر مي‌دانيد كه بازديدكنندگان سايت شما را با مرورگرهاي كنوني (براي مثال روي اينترانت شركت شما) مشاهده مي‌كنند، عناصر را بصورت مطلق قرار دهيد. مرورگرهايي مانند IE و Netscape Navigator (نسخه 4 و بالاتر) از قرار دادن عناصر بصورت مطلق پشتيباني مي‌كنند. حتي وقتي كه بازديد كنندگان، پنجره مرورگر خود را تنظيم مي‌كنند، عناصري كه بصورت مطلق قرار گرفته‌اند دقيقاً در محلي قرار مي‌گيرند كه آنها را قرار داريد.

 

 

 نوار ابزار Positioning را باز كنيد  

 

صفحه مورد نظر را باز كنيد. از منوي View گزينه Toolbars و بعد گزينه Positioning را انتخاب كنيد تا نوار ابزار Positioning باز شود. اين نوار ابزار را به قسمتي از صفحه كه راحت هستيد منتقل كنيد.

   

 

 انتخاب عنصر مورد نظر  

 

تصوير گرافيكي يا متني كه مي‌خواهيد بصورت مطلق روي صفحه قرار دهيد را انتخاب كنيد. در اين مثال، من متن عنوان را انتخاب كرده‌ام ولي شما مي‌توانيد تصوير را نيز انتخاب كنيد.

   

 

 روي Position Absolutely كليك كنيد  

 

روي دكمه Position Absolutely در نوار ابزار Positioning كليك كنيد. مربع‌هاي انتخاب، حول عنصري كه انتخاب كرديد را فرا مي‌گيرند. كادرهاي Left و Top در اين نوار ابزار، محل اين عنصر را نسبت به گوشه سمت چپ و بالاي صفحه نشان مي‌دهند.

 

 

 تصوير را بصورت مطلق قرار دهيد  

 

اشاره گر را روي عنصر انتخاب شده ببريد تا به شكل يك فلش چهار جهته در آيد. بعد عنصر را به محلي از صفحه كه مورد نظر شماست بكشيد. توجه داشته باشيد كه كادرهاي Left و Top در نوار ابزار Positioning موقعيت جديد عنصر در صفحه را نشان مي‌دهند.

 

 

روي Bring Forward كليك كنيد  

 

شما مي‌توانيد يك شيء را روي شيء ديگري قرار دهيد و بعد روي دكمه Bring Forward در نوار ابزار Positioning كليك كنيد. كادر Z _ Index در اين نوار ابزار، موقعيت عنصر انتخاب شده را از نظر شماره لايه نشان مي‌دهد. (يعني آيا اين شيء جلوي لايه اصلي قرار دارد يا پشت آن. لايه متني اصلي، لايه صفر است). عدد مثبت نشان مي‌دهد كه اين شيء جلوي لايه متني اصلي قرار دارد و عدد منفي، نشان مي‌دهد كه اين شئء پشت لايه اصلي قرار دارد.

   

 

 روي Send Backward كليك كنيد  

 

روي دكمه Send Backward در نوار ابزار Positioning كليك كنيد تا عنصر انتخاب شده، پشت عنصر ديگري مانند متن قرار گيرد. براي اينكه ببيند اين صفحه در مرورگر چگونه نمايش داده خواهد شد، روي برگه Preview كليك كنيد (ممكن است اين صفحه در اين برگه، اندكي با اين صفحه در برگه Normal فرق داشته باشد.)

 

*توجه *

 

تنظيم موقعيت بصورت مطلق يا با استفاده از جدول؟

در اكثر موارد، نمي‌دانيد كه بازديدكنندگان از چه مرورگري استفاده خواهند كرد. بنابراين نمي‌توانيد مطمئن باشيد كه تنظيم موقعيت بصورت مطلق، صفحه مرتب و خوانايي را ايجاد خواهد كرد. اگر نمي توانيد پيش بيني كنيد كه براي مشاهده صفحه، از كدام مرورگر استفاده خواهد شد، براي تراز كردن عناصر در صفحه، بايد از جدول استفاده كنيد. البته، در جدول، نمي توانيد عناصر را روي يكديگر قرار دهيد، ولي بازديدكنندگان مي‌توانند محتويات صفحه را مشاهده كنند كه اين به نظر من، يكي از اهداف مهم طراحي همين است.

 

چگونه يك Top 10 List (ليست 10 صفحه پراستفاده) درج كنيم؟

FrontPage به شما كمك مي‌كند تا بفهميد كه بازديدكنندگان، كدام صفحات را بيشتر بازديد كرده‌اند. فقط كافي است كه يك Top 10 List اضافه كنيد. اين يك كامپوننت وب است كه روي صفحه درج مي‌كنيد و پر بيننده ترين صفحات شما را نشان مي‌دهد. براي استفاده از اين كامپوننت، بايد صفحه خود را روي سرور وبي منتشر كنيد كه Frontpage 2002 Server Extensions داشته باشد. اين ليست روي يك سايت مبتني بر ديسك(يعني وبي كه روي هارد شما قرار دارد) كار نمي‌كند.

 

 

درج كامپونت  

 

از منوي Insert گزينه Web Component را انتخاب كنيد تا كادر محاوره‌اي Insert Web Component باز شود.

   

 

Top 10 List را انتخاب كنيد  

 

از ليست Component type ، گزينه Top 10 List را انتخاب كنيد.

   

 

 يك ليست استفاده انتخاب كنيد  

 

از كادر Choose a usage List ، نوع اطلاعاتي كه مي‌خواهيد جمع آوري كنيد را انتخاب كنيد. اكثر افراد مي‌خواهند كه پر بيننده‌ترين صفحات سايت را مشاهده كنند و بنابراين گزينه Visited Pages را انتخاب مي‌كنند. همچنين مي‌توانيد Referring Domains را انتخاب كنيد تا ببينيد كه كدام سايت‌ها، بازديدكنندگان را به سايت شما معرفي كرده‌اند. يا Browser را انتخاب كنيد تا مرورگري كه بازديدكنندگان براي مشاهده سايت مورد استفاده قرار مي‌دهند را مشاهده كنيد. وقتي كه روي يكي از گزينه‌ها كليك مي‌كنيد، شرحي از آن در پائين كادر محاوره‌اي ظاهر مي‌شود. يكي از گزينه‌‌ها را انتخاب كنيد و روي Finish كليك كنيد.

 

 

 عنوان صفحه  

 

كادر محاوره‌اي Top 10 List Properties باز مي‌شود. اگر دوست داريد يك عنوان تايپ كنيد اگر چه عنوان پيش فرض كافي است. همچنين مي‌توانيد گزينه Include date usage processing was last run را انتخاب كنيد تا تاريخ داده‌هاي ليست را نيز ليست كنيد.

  

 

 خصوصيات را ويرايش كنيد  

 

با كليك كردن روي يكي از تصاوير در قسمت List style ، يك شيوه انتخاب كنيد. براي تغيير دادن خصوصيات، روي ليست (در ديد Normal) كليك راست كنيد و گزينه Top 10 List Propertiest را انتخاب كنيد.

   

 

 صفحه را منتشر كنيد  

 

از منوي File ، گزينه Publish web را انتخاب كنيد، مقصد انتشار را وارد كنيد و روي Ok كليك كنيد و براي مشاهده اين ليست، از منوي File ، گزينه Preview in Browser را انتخاب كنيد.

  

* توجه *

 

شمارنده تعداد بازديد

شمارنده تعداد بازديد (Hit Counter) ، تعداد افرادي كه صفحه شما را باز كرده‌اند را نمايش مي‌دهد. براي اضافه كردن يك شمارنده به صفحه، از منوي Insert ، گزينه Web Component را انتخاب كنيد. Hit Counter را انتخاب كنيد و روي Finish كليك كنيد. شيوه شمارنده را از ليستي كه ظاهر مي‌شود انتخاب كنيد و روي Ok كليك كنيد. اين شمارنده مانند Top 10 List ، تا وقتي كه صفحه را روي سروري كه Frontpage Server Extensions دارد منتشر نكنيد، كار نمي‌كند.

 

 

كامپوننت‌هاي بيشتر

FrontPage 2002 چندين كامپوننت وب دارد كه محتويات جاري سايت‌هاي مايكروسافت مانند (MSN)microsoft Network ، Expedia ، MSNBC و bcentral را نمايش مي‌دهند. براي اضافه كردن يكي از اين كامپوننت‌ها، از منوي Insert ، گزينه Web Component را انتخاب كنيد. يكي از گزينه‌هاي ليست Component Type را انتخاب كنيد. مثلاً MSNBC Components عنوان‌هاي خبري را به صفحه اضافه مي‌كند. يكي از گزينه‌هاي Choose a Component را انتخاب كنيد و روي Finish كليك كنيد. كامپوننت انتخاب شده روي صفحه ظاهر مي‌شود و عنوان‌هاي خبري را از گروهي كه انتخاب كرديد نشان مي‌دهد. براي حذف اين كامپوننت، فقط كافي است كه با كليك كردن، آن را انتخاب كنيد و كليد Delete را بفشاريد.

 

 

چگونه بازدیدكنندگان سایت را ردیابی كنیم؟

بهترین قابلیت در Frontpage، قابلیتی است كه بعد از تمام طراحی‌ها و انتشار بكار می‌برید. گزارش‌های تجزیه و تحلیل استفاده، به شما می‌گویند كه چه كسانی و چه زمانی از سایت شما بازدید كرده‌اند. برای استفاده از این قابلیت، باید روی سروری منتشر كنید كه Frontpage 2002 Server Extensions روی آن نصب شده باشد. برای مشاهده گزارش‌ها، باید وب را از آن سرور باز كنید. گزارش‌های تجزیه و تحلیل استفاده، روش خوبی است كه ببینید وب شما تا چه اندازه می‌تواند بازدید كنندگان را جلب كند.

 

 

 وب مورد نظر را باز كنید  

 

برای مشاهده كردن یك گزارش استفاده، ابتدا باید یك وب را باز كنید. از منوی File، گزینه Open web را انتخاب كنید، .وب موردنظر را انتخاب كنید و روی Open كلیك كنید. سرور وبی كه روی آن منتشر می‌كنید باید از Frontpage 2002 Server Extensions پشتیبانی كند زیرا این قابلیت در نسخه‌های قبلی Frontpage موجود نبود. برای مشاهده گزارشی از عملكرد سایت، از منوی View، گزینه Reports، بعد گزینه Usage و بعد گزینه Usage Summary را انتخاب كنید.

   

 

 یك نگاه كلی بیاندازید  

 گزارش Usage Summary، تعداد بازدیدهای كاربران و تعداد صفحات بازدید شده را نشان می‌دهد. این اطلاعات از زمانی محاسبه می‌شوند كه سایت خود را با Frontpage 2002 منتشر كرده‌اید

  

 

 دوره زمانی را تغییر دهید  

 

برای مشاهده دقیق‌تر اطلاعات و ارقام، می‌توانید گزارشی از تعداد بازدید از صفحه در یك روز، یك هفته یا یك ماه را مشاهده كنید. از منوی View، گزینه Reports، بعد گزینه Usage را انتخاب كنید. بعد گزینه Monthly Page Hits (ماهانه)، Weekly Page Hits (هفتگی)، یا Daily Page Hits (روزانه). را انتخاب كنید.

 

 

 اطلاعات مرورگر   

 

همچنین می‌توانید مرورگرهای مورد استفاده توسط بازدیدكنندگان را مشاهده كنید. از منوی View، گزینه Reports، بعد گزینه Usage و بعد گزینه Browsers را انتخاب كنید تا لیستی از انواع نسخه‌های مرورگرهای بازدیدكنندگان از سایت و اینكه چند درصد از بازدیدكنندگان از هر نوع مرورگر استفاده می‌كنند را مشاهده كنید.

   

 

 گزارش را بصورت یك نمودار مشاهده كنید  

 از دكمه Usage Chart در Reports، یك نوع نمودار انتخاب كنید. در این مثال، 3D Pie Chart را انتخاب كردم تا سیستم‌های عاملی كه برای بازدید از سایت مورد استفاده قرار گرفته‌اند را مشاهده كنم.

  

 

 تنظیمات گزارش را تغییر دهید  

 روی دكمه Report Settings كلیك كنید و یكی از گزینه‌ها را انتخاب كنید. برای مثال، اگر اطلاعات كاربران را از ژانویه 2001 ردیابی كرده‌اید می‌توانید Jan-01 را از لیست انتخاب كنید تا گزارش اطلاعات مرورگر را برای آن ماه مشاهده كنید.

 

* توجه*

 

تعداد بازدید

برای مشاهده اطلاعاتی در مورد تعداد بازدید از سایت، می‌توانید یك كامپوننت روی صفحه وب قرار دهید كه اولین 10 صفحه پُربیننده سایت را نشان دهد. برای اطلاعات بیشتر، به كار عملی 6 در بخش 9 مراجعه كنید.

 

چگونه سایت‌های وب را ذخیره و بازیابی كنیم؟ 

بازو بسته كردن وب‌ها ساده است. FrontPage ، لیست وب‌هایی كه اخیراً مورد استفاده قرار گرفته‌‌اند را نگه می‌دارد تا راحت‌تر بتوانید وب‌های مورد نظر را پیدا كنید. همچنین می‌توانید بیش از یك سایت را با هم باز كنید.

  

باز كردن وبی كه اخیراً مورد استفاده قرار گرفته است.  

 

از منوی File ، گزینه Recent Webs را انتخاب كنید. منویی فرعی كه ظاهر می‌شود چند سایت وبی كه اخیراً روی آنها كار كرده اید را لیست می‌كند. یكی از این وب‌ها را انتخاب كنید تا باز شود. برای مشاهده كردن تمام فایل‌های وب، روی دكمه Folders در نوار Views كلیك كنید.

  

 

 باز كردن صفحه‌ای كه اخیراً مورد استفاده قرار نگرفته است  

 

اگر وبی كه می‌خواهید باز كنید در منوی فرعیWebs Recent موجود نباشد، از منوی File گزینه Open Webرا انتخاب كنید تا كادر محاوره‌ای Open Web باز شود.

 

 

 اسم وب را وارد كنید  

 

اگر اسم وبی كه می‌خواهید باز كنید را می‌دانید، آن را در كادر Web name وارد كنید (مثلاً \Personal My Documents C:\). اگر نمی‌خواهید مسیر كامل وب را تایپ كنید، به مرحله 4 بروید.

 

 

 وب مورد نظر را انتخاب كنید  

 

برای پیدا كردن وب مورد نظر، روی فلش لیست Look in كلیك كنید و پوشه حاوی وب را پیدا كنید.

  

 

 روی Open كلیك كنید  

 

بعد از انتخاب پوشه مورد نظر، روی دكمه Open كلیك كنید. وب انتخاب شده باز می‌شود. برای مشاهده فایل‌ها، دید Folders را باز كنید.

 

 

 وب را ببندید  

 

بعد از اتمام كار، روی دكمه Save در نوار ابزار Standard كلیك كنید تا آن را ذخیره كنید. برای بستن وب، از منوی File ، گزینه Close Web را انتخاب كنید. وقتی كه از شما پرسیده می‌شود، رویOk كلیك كنید تا تغییرات روی صفحات ذخیره شوند.

 

*توجه*

 

پیدا كردن وب

وقتی كه از منوی File ، گزینه Open Web را انتخاب می‌كنید، یا یكی از سایت‌های لیست Webs Recent را انتخاب می‌كنید، در حقیقت یك پوشه را باز می‌كنید. یك آیكون كره روی پوشه وب شما ظاهر می‌شود تا با پوشه‌های دیگر در درایو، فرق داشته باشد. بصورت پیش فرض، پوشه‌های وب در درایو ریشه و در پوشه MyWebs كه هنگام نصب FrontPage ایجاد می شود ذخیره می‌شوند