網(wǎng)頁(yè)設(shè)計(jì)Dreamweave教程基礎(chǔ)

2023/2/11網(wǎng)頁(yè)設(shè)計(jì)三合一教程第1章網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)介本章要點(diǎn)了解網(wǎng)頁(yè)的設(shè)計(jì)理念了解網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格了解網(wǎng)頁(yè)的創(chuàng)意設(shè)計(jì)了解網(wǎng)頁(yè)的色彩搭配熟悉Dreamweaver8的工作環(huán)境第1章網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)介1.1網(wǎng)頁(yè)設(shè)計(jì)概述1.2初識(shí)Dreamweaver81.1網(wǎng)頁(yè)設(shè)計(jì)概述1.1.1網(wǎng)頁(yè)設(shè)計(jì)遵循的理念1.1.2網(wǎng)站整體風(fēng)格的確定1.1.3網(wǎng)頁(yè)創(chuàng)意1.1.4網(wǎng)頁(yè)色彩搭配簡(jiǎn)介1.1.5常用網(wǎng)頁(yè)設(shè)計(jì)工具簡(jiǎn)介1.1.1網(wǎng)頁(yè)設(shè)計(jì)遵循的理念（1）考慮訪問(wèn)者的帶寬問(wèn)題。（2）版面布局合理。（3）網(wǎng)站標(biāo)志的設(shè)計(jì)。（4）站點(diǎn)內(nèi)容要精、專(zhuān)，及時(shí)更新。1.1.2網(wǎng)站整體風(fēng)格的確定網(wǎng)站的風(fēng)格指網(wǎng)站的整體形象給訪問(wèn)者的綜合感受。包含的因素網(wǎng)站的標(biāo)志設(shè)計(jì)、色彩、版面布局、瀏覽方式、交互性、文字和價(jià)值等。例如：兒童網(wǎng)站“WaWaYaYa”是生動(dòng)活潑的；大多商業(yè)網(wǎng)站如IBM，是專(zhuān)業(yè)嚴(yán)肅的。確定網(wǎng)站的整體風(fēng)格需要注意以下幾個(gè)方面：（1）網(wǎng)站標(biāo)志要放在醒目位置要保持不變。（2）反應(yīng)網(wǎng)站精髓的標(biāo)語(yǔ)并動(dòng)態(tài)顯示。（3）導(dǎo)航放在每一張網(wǎng)頁(yè)的相同位置。（4）確定網(wǎng)站的主體顏色并注意顏色。（5）頁(yè)面的布局一般采用左邊導(dǎo)航右邊文字，或者上面導(dǎo)航下面文字的方法，或兩者結(jié)合使用。（6）內(nèi)容結(jié)構(gòu)簡(jiǎn)單且分類(lèi)要簡(jiǎn)而精。1.1.3網(wǎng)頁(yè)創(chuàng)意什么是創(chuàng)意？（1）創(chuàng)意是傳達(dá)信息的一種特殊手段。（2）創(chuàng)意是將現(xiàn)有的要素重新組合。1.1.4網(wǎng)頁(yè)色彩搭配簡(jiǎn)介網(wǎng)頁(yè)色彩搭配應(yīng)考慮以下因素：（1）色彩的鮮明性。（2）色彩的獨(dú)特性。（3）色度的合適性。（4）色彩的代表性。1.1.5常用網(wǎng)頁(yè)設(shè)計(jì)工具簡(jiǎn)介1．網(wǎng)頁(yè)設(shè)計(jì)軟件Dreamweaver2．網(wǎng)絡(luò)動(dòng)畫(huà)制作軟件Flash3．網(wǎng)絡(luò)圖像處理軟件Fireworks1．網(wǎng)頁(yè)設(shè)計(jì)軟件DreamweaverDreamweaver是一個(gè)方便的網(wǎng)頁(yè)制作工具，支持最新的DHTMLTT和CSS標(biāo)準(zhǔn)。它能夠快速高效地創(chuàng)建極具表現(xiàn)力和動(dòng)感效果的網(wǎng)頁(yè)，同時(shí)使制作過(guò)程簡(jiǎn)單化。不僅提供了強(qiáng)大的網(wǎng)頁(yè)編輯功能，而且擁有完善的站點(diǎn)管理機(jī)制，是一個(gè)集網(wǎng)頁(yè)制作和站點(diǎn)管理于一身的網(wǎng)頁(yè)創(chuàng)作工作。2．網(wǎng)絡(luò)動(dòng)畫(huà)制作軟件FlashFlash是最流行的矢量動(dòng)畫(huà)制作軟件之一，它只用少量矢量數(shù)據(jù)就可以描述一個(gè)復(fù)雜的對(duì)象，而且占用的存儲(chǔ)空間少，非常適合在網(wǎng)絡(luò)上使用。運(yùn)用它可以制作出栩栩如生、動(dòng)感十足的動(dòng)畫(huà)作品。3．網(wǎng)絡(luò)圖像處理軟件FireworksFireworks是專(zhuān)門(mén)針對(duì)Web而設(shè)計(jì)的圖像處理軟件，因此它對(duì)圖像進(jìn)行了充分的優(yōu)化。利用Fireworks生成的網(wǎng)頁(yè)圖像的色彩也符合Web標(biāo)準(zhǔn)。設(shè)計(jì)時(shí)看到的顏色就是將來(lái)網(wǎng)頁(yè)上顯示的顏色，制作起來(lái)非常直觀。1.2初識(shí)Dreamweaver81.2.1工作界面的選擇1.2.2主窗口簡(jiǎn)介1.2.1工作界面的選擇啟動(dòng)Dreamweaver8后，首先出現(xiàn)的是初始化界面。接著彈出【工作區(qū)設(shè)置】對(duì)話框。如果習(xí)慣編寫(xiě)代碼的，可以選擇【編碼器】單選鈕。這里選擇【設(shè)計(jì)者】單選鈕，然后單擊【確定】按鈕。1.2.2主窗口簡(jiǎn)介啟動(dòng)Dreamweaver8后，窗口中央會(huì)出現(xiàn)起始頁(yè)窗口。如果選中左下角的【不再顯示此對(duì)話框】復(fù)選框，