اموزش طراحی سایت با دریم ویور | طراحی یک وب سایت (قسمت7)
اموزش بعدی : طراحی یک وب سایت با دریم ویور
هنگامی که برنامه Dreamweaver را اجرا کنيد ، در مرحله اول کادرمحاوره ای ای همانند شکل روی صفحه ظاهر میشود . در ا ين کادرمحاوره ای امکان ا يجاد و يا بازکردن فا يلهايی که از قبل در سيستم ذخيره شده اند وجود دارد.
در صورتی که بخواهيد فايل HMTL جديدی ا يجاد کنيد کافی است از کادرمحاوره ای Create New گزینه HTML را انتخواب کنید.برای بازکردن فايلهايی که از قبل در سيستم ايجاد کرده ايد می بايست در قسمت open A Recent Item برروی گزينه Open کليک کرده و از کادرمحاوره ای ظ اهر شده فايل موردنظر خود را انتخاب و برروی دکمه Open کليک کنيد.
در صورتی که بخواهيد فايلی را از طر يق منوها ی برنامه ايجاد کنيد، با يد از منو File گزینه New را انتخاب کن يد تا کادرمحاوره ای New Document باز شود.
در زبانه General اين کادرمحاوره ای، دوکادر BasicPage وجود دارد که از کادر اول گزينه Basic Page و از کادر دوم گزينه HTML را انتخاب کرده سپس روی دکمه Create کليک کنيد تا صفحه جديد ايجاد شود.
2-تنظيم خصوصيات صفحه
تمام خصوصيات مربوط به يک صفحه از جمله عنوان صفحه، رنگ پس زم ينه، رنگ متون، رنگ پيوندها، انتخابي تصوير برای نمايش در پس زمينه صفحه و يا تعيين حاش يه صفحه همگی در page Properties قابل تنظيم می باشند. برای بازکردن کادرمحاوره ای page properties از منوی Modify گزینه Page Properties را انتخاب کنيد.
همانطور که در شکل مشاهده می کنيد ، کادرمحاوره ای page properties در کادر category دسته بندی های مختلفی را ليست کرده است که به توضيحات می پردازيم.
زمانی که گز ينه اول را انتخاب کنيد در سمت راست صفحه گزينه های مختلفی برای تغيير خصوصيات صفحه مانند نوع قلم، رنگ زمينه و … ظاهرم ی شود که می توانيد تغييرات دلخواهمان را اعمال کنيد.
با انتخاب اين گزينه، در سمت راست کادرمحاوره ای Page Properties که در شکل مشخص شده است برای تغيير خصوصيات پيوندها گزينه های مختلفی مانند رنگ و… ظاهر می شود.
Link Font امکان تعيين: نوع قلم پيوندهای موجود در صفحه را می دهد.
Link Color امکان تعيين: رنگ پيوندهای موجود در صفحه، را می دهد.
Rollover Links : با استفاده از جعبه رنگ اين گزينه می توان رن گی را به دلخواه انتخاب کرد . زمان ی که اشاره گر ماوس روی پيوند قرار می گيرد، رنگ پيوند تغيير می يابد.
Visited Links : امکان تغيير رنگ پيوندهايی که توسط کاربر در صفحه کل يک شده را تعيين می کند، با انجام ا ين کار زمانی که کاربر دوباره به صفحه اصلی طراحی سايت برمی گردد متوجه می شود که از کدام پيوندها استفاده کرده است.
مثال: می خواهيم عبارت Learning Dreamweaver را به وب سايت www.alloweb.ir پيوند دهيم به گونه ای که وقتی کاربر، در صفحه مرورگر بر روی پيوند قرار گرفت، رنگ آن قرمز شود و زمانی که بر روی آن کليک کرد رنگ آن، به عنوان پيوند ديده شده ، آبی تيره شود . برای انجام اين کار مراحل زير را طی کنيد:
1-صفحه html جديدی ايجاد کرده و در آن عبارت Learning Dreamweaver تايپ می کنيد.
2-گزينه Page Properties را از منوی Modify انتخاب کنيد سپس تغييرات لازم را در قسمت گزينه Links انجام می دهيد.
3- اکنون عبارت Learning Dreamweaver را انتخاب کرده و آن را به آدرس xxxxxxxx پيوند دهيد.
4-درصفحه کليد دکمه f12 را انتخاب کنيد تا بعد از ذخيره کردن صفحه، آن را اجرا کند.
دیدگاهتان را بنویسید