قرار دادن تصاوير حساس در صفحه
اين گزينه بدين صورت است كه شما تصويري در صف حه قرار مي دهيد كه با رد شدن ماوس تصوير تغيير كرده و تصوير ديگري به نمايش مي آيد مثلا مي توان از اين قابليت براي ايجاد لينكهاي roolover استفاده كرد منتها ما در اين جا كاري به اين مطلب نداريم و روش ساده اين عمل را توضيح مي دهيم
ابتدا در صفحه يك تصوير وارد ك نيد در پانل گزينه ها در قسمتي كه من photoshop را وارد كردم شما نام دلخواه خود را وارد كنيد كه به اين نام به اصطلاح id آن تصوير گفته مي شود فقط فراموش نكنيد تمام id ها براي هر موردي كه هست بايد منحصر به فرد باشند يعني نمي توانيد در يك صفحه id2 همنام داشته باشيد.
حال به پانل رفتارها رفته و همانند قبل گزينهswap imageرا انتخاب كنيد تا كادر زير برايتان ظاهر شود
در اين كادر در قسمت بالا تمام تصاويرتان با id هايشان نمايش مي يابد اگر در قسمت فبل id براي تصاويرتان تعريف نكرده باشيد نامهاي عجيبي خواهيد ديد كه در صورت وجود تصاوير زياد تشخيص برايتان دشوار خواهد بود حال از قسمت بالا تصويري را كه مايليد براي آن رفتار تعريف كنيدرا انتخاب كرده و در قسمت پائين هم تصوير دومتان را كه با رد شدن ماوس بايد جايگزين شود را انتخاب كنيد
دو گزينه آخر را همانطور د ر حالت انتخاب شده قرار دهيد گزينه اول عمل تغيير تصوير را فعال خواهد كرد و گزينه آخر با ردشدن ماوس باز هم تصوير اول را بر مي گرداند
در اين مورد در صورتيكه تصوير دوم از تصوير اول بزرگتر باشد براي هماهنگي تصوير دوم جمع شده تا به اندازه تصوير اول گردد
و اگر تصوير روم كوچكتر باشد كشيده خواهد شد تا باز هم هم اندازه تصوير اول گردد براي اين موارد بهتر است از تصاويري با ابعاد يكسان استفاده كنيد
خب تا اين جا توضيحات اين پانل هم به اتمام رسيد منتها چيزي كه هست شما مي توانيد از دريم ويور بعنوان محيطي بسيار عالي براي كد نويسي جاوا اسكريپت استفاده كنيد ساير قابليتها را تنها با تسلط بر جاوا اسكريپت مي توان استفاده كرد كه اين مبحث از حوصله اين مقاله خارج است.
در ضمن توضيحات تكميلي را مي توانيد از طريق پانل reference كه قبلا شرح داده شد بيابيد. در انتها يك مطلب ديگر را شرح خواهيم داد
ايجاد لينكهاي roolover
لينكهاي roolover به لينكهايي گفته مي شود كه با رد شدن ماوس از روي آنها واكنش نشان داده و تغيير خواهند داشت حتما ديده ايد لينكهايي كه در نظر ابتدا خاموش هستند منتها با رد شدن ماوس از روي آنها به نظر روشن مي شوند اين گونه لينكها در حقيقت ۲ تصوير هستند تصوير اول براي حالت خاموش و تصوير دوم براي حالت روشن دريم ويور قادر است با كمك گرفتن از جاوا اسكريپت يك چنين لينكهايي را ايجاد نمايد.
از نوار ابزار قسمت common را انتخاب نمائييد
سپس از اين قسمت بر روي مثلث كوچك كنار آيكن مخصوص درج تصوير كليك كنيد تا منوي آن باز شود و از زير منوي ظاهر شده گزينه Rollover Image را كليك كنيد
البته اين گزينه از طريق منوي insert و زير منوي rollover image و image objects نيز فعال خواهد شد در هر صورت با فعال سازي اين گزينه كادري همانند زير برايتان باز خواهد گشت.
كليه قسمتها را در خود تصوير توضيح داده ام و فقط گزينه preload rollover image اگر تيك خورده باشد باعث مي شود هر دو تصوير به هنگام لود شدن صفحه بارگذاري شوند تا در هنگام rollover نمايش تصوير دوم با تاخير همراه نگردد.
از اين خصوصيت مي توانيد به تعداد زياد استفاده كنيد به صورتي كه ابتدا جدول بندي كنيد و سپس در هر سلول يك تصوير و لينك rollover rollover به هر حال اين مطلب را بعنوان تمرين در نظر مي گيرم تا دوستان انجام داده و نمونه كار خود را در سايت قرار دهند ( همانگونه كه تا بحال انجام داده اند )
پس از ايجاد يك چنين لينكهايي اگر به كدهاي صفحه و پانل رفتارها نگاه بيندازيد مشاهده خواهي د كرد كه كدهاي جاوا اسكريپت زيادي به صفحه اضافه شده و اين همان قدرت دريم ويور است كه تا كنون نا شناخته مانده
درج لينكهاي پيمايشي نواري
در بالا ما روش لينكهاي roolover را ذكر كرديم و گفتيم مي توان با تركيب چند roolover لينكهاي نواري ايجاد كرد حال اگر بگويم كه خود دريم ويور با امكاني اين قابليت را به سهولت در اختيارتان قرار داده شايد تعجب كنيد.
بله دريم ويور اين امكان را دارد كه نوارهاي لينكي بصورت افقي يا عمودي ايجاد كند كه عمل ايجاد لينك ، درج كدهاي جاوا اسكريپت و نيز جدولبندي را خودكار به انجام مي رساند
براي اين منظور از همان راههايي كه گزينه rollover image را فعال مي كرديد اين بار گزينه navigation bar را فعال كنيد
با فعال سازي اين گزينه كادر زير برايتان باز خواهد شد
در كادر زير ما قصد داريم لينكهاي همان فايل نمونه قسمت قبل را به صورتnavigation يجاد كنيم
به هر تعداد لينك كه مايليم مي توانيم ايجاد كنيم براي اين كار ابتدا لينك اول را ايجاد كرده و در بالاي پنجره بر روي علامت پلاس + كلي كرده تا لينك ديگري ايجاد كنيم پس از ايجاد لينك در ۴ كادر زيري مي توانيم تصاويري براي حالتهاي پيش فرض ، رد شدن ماوس ، صفحه جاري و روئيت شدن لينك تعريف كنيم
در كادر alternate text متني را كه مايليم به هنگام قرار گرفتن ماوس بر روي آن به نمايش درآيد را تايپ مي كنيم و در كادر انتهايي هم مقصد لينك را درج ميكنيم
انتخاب گزينه preload image سبب مي شود كليه تصاوير در هنگام لود صفحه در سيستم كاربر بارگذاري شود
در قسمت insert شما نحوه نمايش لينك ها را تعيين مي كنيد كه مي تواند بصورت افقي و يا عمودي قرار گيرد
تيك گزينه use table سبب مي شود تمام لينكها بصورت خودكار در داخل جدولي جاسازي شود
وضعيتهاي مختلف دكمه ها
در اين قسمت ما با ۴ اصطلاح روبرو هستيم كه بهتر است آنها را توضيح دهم تا درك بهتر صورت بگيرد
up :اين وضعيت حالت پيش فرض دكمه ها و لينكها است
over : حالتي است كه ماوس را بازديد كننده از روي دكمه يا لينك عبور مي دهد
down :از اين وضعيت براي نشان دادن صفحه اي كه كاربر در حال حاضر در آن بسر مي برد يعني اگر ۴ دكمه داشته باشيم و كاربر در صفحه اول به سربرد اولين دكمه در وضعيت down و ساير دكمه ها در وضعيت up قرار مي گيرند.
|