dreamweavercs4網(wǎng)頁(yè)設(shè)計(jì)與制作指南第16章-在線(xiàn)瀏覽
2025-04-11 11:33本頁(yè)面
【正文】 節(jié)，主要體現(xiàn)了便民的特色，該網(wǎng)站就簡(jiǎn)單地左右分欄，清晰、簡(jiǎn)潔、明了，將網(wǎng)站的內(nèi)容展示出來(lái)，因而在制作時(shí)一次性通過(guò)了客戶(hù)的驗(yàn)收。 制作過(guò)程 為尊重客戶(hù)的意見(jiàn)及所有權(quán)，這里將網(wǎng)站名稱(chēng)和 Logo用別的名稱(chēng)代替。 網(wǎng)站首頁(yè)設(shè)計(jì) 首先在 Photoshop中，使用客戶(hù)提供的圖片及相關(guān)參照網(wǎng)址，設(shè)計(jì)出網(wǎng)站的首頁(yè)圖片小樣。 建立站點(diǎn) 在使用分割的圖片制作網(wǎng)頁(yè)之前，首先需要建立一個(gè)新的站點(diǎn)，方便網(wǎng)站文件的操作。 （ 2）單擊“確定”按鈕，本例的站點(diǎn)成功建立完成。 ? style：用來(lái)放置站點(diǎn)使用的 CSS樣式表文件。 ? flash：用來(lái)放置站點(diǎn)中的動(dòng)畫(huà)文件。 創(chuàng)建 CSS樣式 在制作首頁(yè)之前，要根據(jù)界面的風(fēng)格創(chuàng)建相應(yīng)的 CSS樣式。 制作網(wǎng)站首頁(yè) 在站點(diǎn)的“文件”面板中，選中文件夾 html，單擊鼠標(biāo)右鍵，新建一個(gè)文件，命名為 ，再結(jié)合 CSS樣式表的使用，創(chuàng)建一個(gè)與網(wǎng)頁(yè)效果圖相對(duì)應(yīng)的首頁(yè)文件。 （ 2）在制作之前先要從外部引入 CSS樣式。 導(dǎo)入外部樣式表 （ 4）單擊“瀏覽”按鈕，選擇 CSS樣式文件所有路徑，導(dǎo)入 CSS樣式表文件，并選中“添加為”之后的“鏈接” 單選按鈕。 設(shè)置網(wǎng)頁(yè)標(biāo)題 首先設(shè)置網(wǎng)頁(yè)的標(biāo)題，在文檔頭部輸入標(biāo)題的名稱(chēng)。 設(shè)置跟蹤圖像，可以使界面在制作過(guò)程中布局分配更加合理科學(xué)。 制作公告欄 在頭部表格下制作公告欄，作為緊急通知公告欄，并做成走馬燈的樣式。 左側(cè)欄的制作 詳細(xì)操作步驟如下： （ 1）建立一個(gè) 2列 1行的表格。 ? 制作“用電業(yè)務(wù)指南”表格 ? 制作“站內(nèi)搜索”表格
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號(hào)-1