TAHA
04-27-2010, 07:11 PM
آموزش Dreamweaver (بخش دوم)
IMAGES : اين ابزار شامل بخش هاي زير است :
IMAGE – براي درج تصوير .
IMAGE PLACEHOLDER – از طريق اين ابزار مي توانيد يك فضاي مشخص از نظر عرض و ارتفاع براي درج تصوير در صفحه اختصاص دهيد . ويژگي اين ابزار و در واقع تفاوت آن با ابزار IMAGE اينست كه در صورت حذف عكس همچنان فضاي مربوط به ان در صفحه مشاهده مي شود و يك TOOL TIP نيز براي ارايه توضيح درباره عكس نمايش داده خواهد شد . (متن TOOL TIP را در فيلد ALTERNATE TEXT وارد كنيد ) .
ROLLOVER IMAGE - از طريق اين ابزار مي توانيد يك تصوير در صفحه قرار دهيد بطوريكه با قرار گرفتن اشاره گر روي ان يك تصوير ديگر نمايش داده شود .
FIREWORKS HTML - براي درج فايل هايي كه با نرم افزار FIREWORK ايجاد شده اند .
NAVIGATION BAR – يكي از اجزا اصلي كه همواره بايد در صفحات وب وجود داشته باشد BAR NAVIGATION است كه در واقع مجموعه اي از لينك ها مي باشد كه كاربر از طريق ان مي تواند در وب سايت براحتي به صفحات ديگر مراجعه كند . از طريق اين ابزار مي توانيد اين ويژگي را به صفحه خود اضافه كنيد و براي لينك ها نيز از تصاوير به سبك ROLLOVER استفاده كنيد .
HOTSPOT - توسط اين ابزار مي توانيد در قسمت هاي مختلف يك تصوير لينك هايي ايجاد كنيد . براي اين كار كافيست پس از انتخاب گزينه مورد نظر مثلا DRAW OVAL HOTSPOT اشاره گر را روي ان قسمت از تصوير كه مي خواهيد به صورت لينك عمل كند درج نماييد سپس در پنل PROPERTIES در فيلد LINK مقصد لينك را مشخص كنيد .
اصطلاح : به اين تصاوير IMAGE MAP گفته مي شود .
MEDIA : اين ابزار شامل بخش هاي زير است :
FLASH – براي قرار دادن يك فايل FLASH با پسوند SWF در صفحه استفاده مي شود .
FLASH BUTTON – از طريق اين ابزار مي توانيد از كليد هاي اماده فلش در صفحات خود استفاده كنيد .
Style : انتخاب كليد
Button text : متن روي كليد
Font : فونت متن روي كليد
Link : مقصد لينك
Target : هدف لينك
Target : هدف لينك
Bg color : رنگ زمينه كليد
Save as : نام فايل مربوط به كليد
تنظيمات مربوط به اين نوع كليد ها در جدول زير توضيح داده شده است .
FLASH TEXT : براي ايجاد متن دلخواه با قالب SWF استفاده مي شود كه تنها جلوه مربوط به اين نوع متن مانند تصاوير ROLLOVER مي باشد كه قبلا با آنها آشنا شديد . براي استفاده از اين ابزار بايد تنظيمات زير را انجام دهيد .
Font : فونت متن
Size : اندازه متن
Color : رنگ متن وقتي كه اشاره گر روي آن نيست
Rollover color : رنط متن وقتي كه اشاره گر روي آن قرار دارد .
Text : متن مورى نئر جهت نمايش در صفحه
Show font : ا گر اين گؤينه فعال باشد در فيلد Text تاثير فونت انتخابي را خواهيد ديد .
Link : مقصد لينك
Target : هدف لينك
Bg color : رنگ پيش زمينه متن
Save as : نام فايل مربوط به متن
SHOCKWAVE : از طريق اين ابزار مي توانيد فايل هاي ايجاد شده در نرم افزار SHOCKWAVE را در صفحات خود درج كنيد .
APPLET ? PAREM ? ACTIVEX :اين سه گزينه براي ايجاد صفحات وب ACTIVE استفاده ميشود مثلا از طريق APPLET مي توانيد يك انيميشن سه بعدي را در صفحه قرار دهيد .
صفحات وب ACTIVE صفحاتي هستند كه وقتي كار بر انها را از SERVER در خواست مي كند يك برنامه به مرور گر ارسال مي شود . توجه كنيد كه يكي از راحت ترين روش هاي HACK استفاده از همين صفحات مي باشد .
PLUGIN : براي افزودن قابليت هاي خاص به صفحات وب كه در حالت پيش فرض در مرورگرهاي كاربران وجود ندارد ميتوانيد از PLUGIN استفاده كنيد . مثلا از طريق يك PLUGIN مي توانيد در صفحه وب توسط يك دوربين زنده تصاويري از سطح شهر را براي كاربران نمايش دهيد .
DATE : براي در تاريخ و ساعت در صفحه استفاده مي شود . يكي از كاربردهاي ان زماني است كه مي خواهيد كاربران از زمان اخرين بروز رساني صفحه اگاهي داشته باشند .
COMMENT : از طريق اين ابزار مي توانيد توضيحاتي را براي TAG هاي بكار رفته در صفحه درج كنيد . اين توضيحات فقط براي افزايش خوانايي TAG ها و توسعه راحت تر وب سايت مخصوصا هنگامي كه در يك تيم فعاليت ميكنيد استفاده مي شوند و هيچ تاثيري در ظاهر صفحه ندارند .
TEMPLATES : منظور از TEMPLATE قالب اماده اي است كه در واقع ساختار و محل تك تك عناصر صفحه را به طور پيش فرض تعيين مي كند و تنها كاري كه طراح صفحه بايد انجام دهد اينست كه عناصر را در محل از پيش تعيين شده قرار دهد .
براي درك كاربرد TEMPLATE فرض كنيد شما عضو يك گروه شش نفره هستيد و قرار است يك وب سايت براي يك شركت خصوصي طراحي كنيد . طبق توضيحات ذكر شده اولين كار شما اينست كه يك شما و قالب كلي از وب سايت را روي كاغذ به صورت مستندات پياده كنيد مانند رنگ زمينه تمام صفحات محل قرار گرفتن NAVIGATION BAR در صفحات لوگوي سايت و محل قرار گيري آن و .... مسلما پس از تقسيم و مشخص شدن اينكه هر عضو مامور كدام صفحات است اين نگراني وجود خواهد داشت كه به دليل سليقه هاي متفاوت اعضا صفحات توليد شده با هم تفاوت هايي داشته باشند مخصوصا در مورد خوصوصيت هايي مثل رنگ ها و محل قرار گيري عناصر . براي رفع اين مشكل مي توانيد يك
TEMPLATE طبق مستندات موجود ايجاد كنيد و كپي آن را به اعضا دهيد به اين ترتيب مشكل هماهنگي اعضا و مشكلاتي كه گفته شد بر طرف مي شود .
مراحل ايجاد TEMPLATE :
• طرح كلي صفحه را روي كاغذ پياده كنيد .
• يك صفحه وب جديد ايجاد كنيد ( طبق توضيحات مربوط به شكل (1-1) )
• از طريق ابزار TEMPLATES گزينه MAKE TEMPLATE را انتخاب كنيد .
• در پنجره باز شده در فيلد SITE همان سايتي را كه براي مديريت وب سايت خود ايجاد كرده ايد انتخاب كنيد و يك نام براي TEMPLATE در قسمت SAVE AS تايپ كنيد .
• تنظيمات مربوط به TEMPLATE مانند رنگ يا تصوير زمينه حاشيه ها نوع ENCODING و كلا تمام جزيياتي كه در تمام صفحات وب سايت بايد ثابت باشند مثل لوگوي وب سايت را در محل مورد نظر قرار دهيد .
• تنظيمات و عناصري كه در قسمت قبل مشخص كرديد هنگام استفاده اعضاي گروه ثابت خواهند بود يعني امكان وبرايش يا تغيير را نخواهند داشت كه اين همان ويژگي است كه از TEMPLATE انتظار داريم . حال براي اينكه امكان ويرايش بخش هاي ديگر كه به عناصر متغير و غير ثابت صفحات مربوط مي شود را در اختيار اعضاي گروه قرار دهيد مي توانيد از گزينه هاي زير استفاده كنيد :
EDITABLE REGION (ناحيه قابل ويرايش )
OPTIONAL REGION ( ناحيه شرطي )
REPEATING REGION (ناحيه تكرار شونده )
EDITABLE OPTIONAL (ناحيه قابل ويرايش شرطي )
REPEATING TABLE (جدول تكرار شونده )
روش استفاده از اين گزينه ها به اين صورت است كه بايد گزينه مربوطه را انتخاب كنيد و در محل مشخص شده در صفحه كليك كنيد پس از مشخص كردن تنظيمات مربوط به يك ناحيه قابل ويرايش ايجاد خواهد شد كه مي توانيد محدوده انرا نيز با قرار دادن عناصري تعيين كنيد . تفاوت اين گزينه ها نيز در كاربرد و تنظيمات هر يك مي باشد .
EDITABLE REGION – براي ايجاد يك ناحيه قابل ويرايش در محل دلخواه استفاده مي شود يعني در محلي از صفحه كه مي خواهيد اجازه ويرايش و تغييرات را به اعضاي تيم طراحي بدهيد كافيست اين ناحيه را ايجاد كنيد .
OPTIONAL REGION – توسط اين گزينه مي توانيد يك ناحيه شرطي ايجاد كنيد يعني با اعمال شرط روي پارامتر هاي مربوط به اين ناحيه مي توان ان را نمايش داد يا پنهان نمود . براي استفاده از اين ابزار ابتدا اشاره گر را در محل دلخواه قرار دهيد و اين گزينه را انتخاب كنيد . در پنجره باز شده در كادر NAME يك نام براي اين ناحيه تايپ كنيد و كليد را كليك كنيد توجه كنيد كه اگر گزينه DEFAULT OK SHOW BY را غير فعال كنيد اين ناحيه نمايش نخواهد داده شد .
REPEATING REGION - اين ناحيه اين ويژگي را دارد كه هنگام طراحي كليد هاي + و – كه روي ان ظاهر مي شوند تكرار يا حذف شود . اگر مي خواهيد قابليت ويرايش را به اين ناحيه اضافه كنيد كافيست درون ان يك EDITABLE REGION قرار دهيد .
EDITABLE OPTIONAL REGION – اين ناحيه دقيقا مانند OPTIONAL REGION مي باشد با اين تفاوت كه هنگام طراحي مي توان ان را ويرايش نمود .
REPEATING TABLE - توسط اين گزينه مي توانيد يك جدول با قابليت تكرار در صفحه ايجاد كنيد مانند گزينه REPEATING REGION
توجه 1- براي استفاده از TEMPLATE هاي ايجاد شده از منوي FILE NEW را انتخاب كنيد و در پنجره باز شده از لبه TEMPLATS نام قالب ايجاد شده را از ليست موجود انتخاب كرده و كليد CREATE راكليك كنيد.
توجه 2- اگر در TEMPLATE انتخاب شما ناحيه OPTIONAL REGION وجود دارد براي تغيير پارامتر هاي مربوط به آن و نمايش يا عدم نمايش از منوي MODIFY گزينه TEMPLATE PROPERTIES را انتخاب كنيد در پنجره باز شده ليست پارامتر ها و مقادير پيش فرض انها نشان داده مي شود با انتخاب پارامتر مورد نظر با فعال يا غير فعال كرد گزينه SHOW در پايين پنجره مي توان مقدار پارامتر را تغيير داد .
TAG CHOOSER : به وسيله اين ابزار مي توانيد در صفحه خود تگ هاي مورد نياز را درج كنيد . با انتخاب اين ابزار در پنجره مربوطه مجموعه اي از تگ ها دسته بندي شده اند كه براي استفاده از انها به ترتيب زير عمل مي كنيم :
ابتدا به محيط CODE رفته و اشاره گر زا در محل مورد نظر براي درج تگ قرار دهيد سپس اين ابزار را كليك كنيد و در شاخه مربوط تگ مورد نظر را پيدا كنيد . پس از انتخاب تگ با كليك روي كليد INSERT تگ در محل مشخص شده درج خواهد شد و مي توانيد پارامترهاي ان را در صورت نياز مشخص كنيد
IMAGES : اين ابزار شامل بخش هاي زير است :
IMAGE – براي درج تصوير .
IMAGE PLACEHOLDER – از طريق اين ابزار مي توانيد يك فضاي مشخص از نظر عرض و ارتفاع براي درج تصوير در صفحه اختصاص دهيد . ويژگي اين ابزار و در واقع تفاوت آن با ابزار IMAGE اينست كه در صورت حذف عكس همچنان فضاي مربوط به ان در صفحه مشاهده مي شود و يك TOOL TIP نيز براي ارايه توضيح درباره عكس نمايش داده خواهد شد . (متن TOOL TIP را در فيلد ALTERNATE TEXT وارد كنيد ) .
ROLLOVER IMAGE - از طريق اين ابزار مي توانيد يك تصوير در صفحه قرار دهيد بطوريكه با قرار گرفتن اشاره گر روي ان يك تصوير ديگر نمايش داده شود .
FIREWORKS HTML - براي درج فايل هايي كه با نرم افزار FIREWORK ايجاد شده اند .
NAVIGATION BAR – يكي از اجزا اصلي كه همواره بايد در صفحات وب وجود داشته باشد BAR NAVIGATION است كه در واقع مجموعه اي از لينك ها مي باشد كه كاربر از طريق ان مي تواند در وب سايت براحتي به صفحات ديگر مراجعه كند . از طريق اين ابزار مي توانيد اين ويژگي را به صفحه خود اضافه كنيد و براي لينك ها نيز از تصاوير به سبك ROLLOVER استفاده كنيد .
HOTSPOT - توسط اين ابزار مي توانيد در قسمت هاي مختلف يك تصوير لينك هايي ايجاد كنيد . براي اين كار كافيست پس از انتخاب گزينه مورد نظر مثلا DRAW OVAL HOTSPOT اشاره گر را روي ان قسمت از تصوير كه مي خواهيد به صورت لينك عمل كند درج نماييد سپس در پنل PROPERTIES در فيلد LINK مقصد لينك را مشخص كنيد .
اصطلاح : به اين تصاوير IMAGE MAP گفته مي شود .
MEDIA : اين ابزار شامل بخش هاي زير است :
FLASH – براي قرار دادن يك فايل FLASH با پسوند SWF در صفحه استفاده مي شود .
FLASH BUTTON – از طريق اين ابزار مي توانيد از كليد هاي اماده فلش در صفحات خود استفاده كنيد .
Style : انتخاب كليد
Button text : متن روي كليد
Font : فونت متن روي كليد
Link : مقصد لينك
Target : هدف لينك
Target : هدف لينك
Bg color : رنگ زمينه كليد
Save as : نام فايل مربوط به كليد
تنظيمات مربوط به اين نوع كليد ها در جدول زير توضيح داده شده است .
FLASH TEXT : براي ايجاد متن دلخواه با قالب SWF استفاده مي شود كه تنها جلوه مربوط به اين نوع متن مانند تصاوير ROLLOVER مي باشد كه قبلا با آنها آشنا شديد . براي استفاده از اين ابزار بايد تنظيمات زير را انجام دهيد .
Font : فونت متن
Size : اندازه متن
Color : رنگ متن وقتي كه اشاره گر روي آن نيست
Rollover color : رنط متن وقتي كه اشاره گر روي آن قرار دارد .
Text : متن مورى نئر جهت نمايش در صفحه
Show font : ا گر اين گؤينه فعال باشد در فيلد Text تاثير فونت انتخابي را خواهيد ديد .
Link : مقصد لينك
Target : هدف لينك
Bg color : رنگ پيش زمينه متن
Save as : نام فايل مربوط به متن
SHOCKWAVE : از طريق اين ابزار مي توانيد فايل هاي ايجاد شده در نرم افزار SHOCKWAVE را در صفحات خود درج كنيد .
APPLET ? PAREM ? ACTIVEX :اين سه گزينه براي ايجاد صفحات وب ACTIVE استفاده ميشود مثلا از طريق APPLET مي توانيد يك انيميشن سه بعدي را در صفحه قرار دهيد .
صفحات وب ACTIVE صفحاتي هستند كه وقتي كار بر انها را از SERVER در خواست مي كند يك برنامه به مرور گر ارسال مي شود . توجه كنيد كه يكي از راحت ترين روش هاي HACK استفاده از همين صفحات مي باشد .
PLUGIN : براي افزودن قابليت هاي خاص به صفحات وب كه در حالت پيش فرض در مرورگرهاي كاربران وجود ندارد ميتوانيد از PLUGIN استفاده كنيد . مثلا از طريق يك PLUGIN مي توانيد در صفحه وب توسط يك دوربين زنده تصاويري از سطح شهر را براي كاربران نمايش دهيد .
DATE : براي در تاريخ و ساعت در صفحه استفاده مي شود . يكي از كاربردهاي ان زماني است كه مي خواهيد كاربران از زمان اخرين بروز رساني صفحه اگاهي داشته باشند .
COMMENT : از طريق اين ابزار مي توانيد توضيحاتي را براي TAG هاي بكار رفته در صفحه درج كنيد . اين توضيحات فقط براي افزايش خوانايي TAG ها و توسعه راحت تر وب سايت مخصوصا هنگامي كه در يك تيم فعاليت ميكنيد استفاده مي شوند و هيچ تاثيري در ظاهر صفحه ندارند .
TEMPLATES : منظور از TEMPLATE قالب اماده اي است كه در واقع ساختار و محل تك تك عناصر صفحه را به طور پيش فرض تعيين مي كند و تنها كاري كه طراح صفحه بايد انجام دهد اينست كه عناصر را در محل از پيش تعيين شده قرار دهد .
براي درك كاربرد TEMPLATE فرض كنيد شما عضو يك گروه شش نفره هستيد و قرار است يك وب سايت براي يك شركت خصوصي طراحي كنيد . طبق توضيحات ذكر شده اولين كار شما اينست كه يك شما و قالب كلي از وب سايت را روي كاغذ به صورت مستندات پياده كنيد مانند رنگ زمينه تمام صفحات محل قرار گرفتن NAVIGATION BAR در صفحات لوگوي سايت و محل قرار گيري آن و .... مسلما پس از تقسيم و مشخص شدن اينكه هر عضو مامور كدام صفحات است اين نگراني وجود خواهد داشت كه به دليل سليقه هاي متفاوت اعضا صفحات توليد شده با هم تفاوت هايي داشته باشند مخصوصا در مورد خوصوصيت هايي مثل رنگ ها و محل قرار گيري عناصر . براي رفع اين مشكل مي توانيد يك
TEMPLATE طبق مستندات موجود ايجاد كنيد و كپي آن را به اعضا دهيد به اين ترتيب مشكل هماهنگي اعضا و مشكلاتي كه گفته شد بر طرف مي شود .
مراحل ايجاد TEMPLATE :
• طرح كلي صفحه را روي كاغذ پياده كنيد .
• يك صفحه وب جديد ايجاد كنيد ( طبق توضيحات مربوط به شكل (1-1) )
• از طريق ابزار TEMPLATES گزينه MAKE TEMPLATE را انتخاب كنيد .
• در پنجره باز شده در فيلد SITE همان سايتي را كه براي مديريت وب سايت خود ايجاد كرده ايد انتخاب كنيد و يك نام براي TEMPLATE در قسمت SAVE AS تايپ كنيد .
• تنظيمات مربوط به TEMPLATE مانند رنگ يا تصوير زمينه حاشيه ها نوع ENCODING و كلا تمام جزيياتي كه در تمام صفحات وب سايت بايد ثابت باشند مثل لوگوي وب سايت را در محل مورد نظر قرار دهيد .
• تنظيمات و عناصري كه در قسمت قبل مشخص كرديد هنگام استفاده اعضاي گروه ثابت خواهند بود يعني امكان وبرايش يا تغيير را نخواهند داشت كه اين همان ويژگي است كه از TEMPLATE انتظار داريم . حال براي اينكه امكان ويرايش بخش هاي ديگر كه به عناصر متغير و غير ثابت صفحات مربوط مي شود را در اختيار اعضاي گروه قرار دهيد مي توانيد از گزينه هاي زير استفاده كنيد :
EDITABLE REGION (ناحيه قابل ويرايش )
OPTIONAL REGION ( ناحيه شرطي )
REPEATING REGION (ناحيه تكرار شونده )
EDITABLE OPTIONAL (ناحيه قابل ويرايش شرطي )
REPEATING TABLE (جدول تكرار شونده )
روش استفاده از اين گزينه ها به اين صورت است كه بايد گزينه مربوطه را انتخاب كنيد و در محل مشخص شده در صفحه كليك كنيد پس از مشخص كردن تنظيمات مربوط به يك ناحيه قابل ويرايش ايجاد خواهد شد كه مي توانيد محدوده انرا نيز با قرار دادن عناصري تعيين كنيد . تفاوت اين گزينه ها نيز در كاربرد و تنظيمات هر يك مي باشد .
EDITABLE REGION – براي ايجاد يك ناحيه قابل ويرايش در محل دلخواه استفاده مي شود يعني در محلي از صفحه كه مي خواهيد اجازه ويرايش و تغييرات را به اعضاي تيم طراحي بدهيد كافيست اين ناحيه را ايجاد كنيد .
OPTIONAL REGION – توسط اين گزينه مي توانيد يك ناحيه شرطي ايجاد كنيد يعني با اعمال شرط روي پارامتر هاي مربوط به اين ناحيه مي توان ان را نمايش داد يا پنهان نمود . براي استفاده از اين ابزار ابتدا اشاره گر را در محل دلخواه قرار دهيد و اين گزينه را انتخاب كنيد . در پنجره باز شده در كادر NAME يك نام براي اين ناحيه تايپ كنيد و كليد را كليك كنيد توجه كنيد كه اگر گزينه DEFAULT OK SHOW BY را غير فعال كنيد اين ناحيه نمايش نخواهد داده شد .
REPEATING REGION - اين ناحيه اين ويژگي را دارد كه هنگام طراحي كليد هاي + و – كه روي ان ظاهر مي شوند تكرار يا حذف شود . اگر مي خواهيد قابليت ويرايش را به اين ناحيه اضافه كنيد كافيست درون ان يك EDITABLE REGION قرار دهيد .
EDITABLE OPTIONAL REGION – اين ناحيه دقيقا مانند OPTIONAL REGION مي باشد با اين تفاوت كه هنگام طراحي مي توان ان را ويرايش نمود .
REPEATING TABLE - توسط اين گزينه مي توانيد يك جدول با قابليت تكرار در صفحه ايجاد كنيد مانند گزينه REPEATING REGION
توجه 1- براي استفاده از TEMPLATE هاي ايجاد شده از منوي FILE NEW را انتخاب كنيد و در پنجره باز شده از لبه TEMPLATS نام قالب ايجاد شده را از ليست موجود انتخاب كرده و كليد CREATE راكليك كنيد.
توجه 2- اگر در TEMPLATE انتخاب شما ناحيه OPTIONAL REGION وجود دارد براي تغيير پارامتر هاي مربوط به آن و نمايش يا عدم نمايش از منوي MODIFY گزينه TEMPLATE PROPERTIES را انتخاب كنيد در پنجره باز شده ليست پارامتر ها و مقادير پيش فرض انها نشان داده مي شود با انتخاب پارامتر مورد نظر با فعال يا غير فعال كرد گزينه SHOW در پايين پنجره مي توان مقدار پارامتر را تغيير داد .
TAG CHOOSER : به وسيله اين ابزار مي توانيد در صفحه خود تگ هاي مورد نياز را درج كنيد . با انتخاب اين ابزار در پنجره مربوطه مجموعه اي از تگ ها دسته بندي شده اند كه براي استفاده از انها به ترتيب زير عمل مي كنيم :
ابتدا به محيط CODE رفته و اشاره گر زا در محل مورد نظر براي درج تگ قرار دهيد سپس اين ابزار را كليك كنيد و در شاخه مربوط تگ مورد نظر را پيدا كنيد . پس از انتخاب تگ با كليك روي كليد INSERT تگ در محل مشخص شده درج خواهد شد و مي توانيد پارامترهاي ان را در صورت نياز مشخص كنيد