مقالات

اموزش طراحی سایت با دریم ویور | طراحی یک وب سایت (قسمت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گزینه Appearance

همانطور که در شکل مشاهده می کنيد ، کادرمحاوره ای page properties در کادر category دسته بندی های مختلفی را ليست کرده است که به توضيحات می پردازيم.

زمانی که گز ينه اول را انتخاب کنيد در سمت راست صفحه گزينه های مختلفی برای تغيير خصوصيات صفحه مانند نوع قلم، رنگ زمينه و … ظاهرم ی شود که می توانيد تغييرات دلخواهمان را اعمال کنيد.

Appearance-گزينه

با انتخاب اين گزينه، در سمت راست کادرمحاوره ای Page Properties که در شکل مشخص شده است برای تغيير خصوصيات پيوندها گزينه های مختلفی مانند رنگ و… ظاهر می شود.

Links-گزينه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 را انتخاب کنيد تا بعد از ذخيره کردن صفحه، آن را اجرا کند.

اشتراک گذاری پست

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *