網(wǎng)頁(yè)制作作業(yè)（三）學(xué)院：教育科學(xué)與技術(shù)學(xué)院班級(jí)：10級(jí)教本三班姓名：秦勇學(xué)號(hào)：100401041315日期：2012年4月27日網(wǎng)站首頁(yè)的設(shè)計(jì)與技術(shù)實(shí)現(xiàn)網(wǎng)站首頁(yè)的主題及風(fēng)格定位（其中包含配色方案）這是一個(gè)個(gè)人首頁(yè)，網(wǎng)站以黃、褐、綠為主題顏色，背景為白色配以數(shù)據(jù)線和耳機(jī)插孔，使網(wǎng)頁(yè)富有年輕人的活力。網(wǎng)站首頁(yè)布局結(jié)構(gòu)示意圖（手工繪制或word中設(shè)計(jì)）Mp3個(gè)性運(yùn)動(dòng)娛樂(lè)黃底背景、照片以及個(gè)人日記褐底背景音樂(lè)世界綠底背景家Qinyong’sPage@2012Photoshopcs4中網(wǎng)站首頁(yè)的設(shè)計(jì)與制作（闡述核心步驟）1.左上角的圖片是一個(gè)卡通電腦摳圖放在灰白漸變色上，背景為線頭。按照?qǐng)D層順序疊放好。2.整體背景為白色，配以耳機(jī)線頭。3.左側(cè)的耳機(jī)插孔設(shè)置投影，配上導(dǎo)航文字4.上部的導(dǎo)航欄以銀灰色的疊加圖層為背景，注意圖層的疊加順序5.網(wǎng)頁(yè)的主體分別以黃、褐、綠為主體，注意圖層的疊加，再配以相關(guān)內(nèi)容。以上操作的核心步驟是圖層的疊加。以下為整體設(shè)計(jì)圖：Photoshopcs4中網(wǎng)站首頁(yè)的切片（抓圖并闡述切片理由）由于頁(yè)首為不規(guī)則圖形，且圖形不是很大，所以進(jìn)行了整體切圖。如下圖所示（為頁(yè)首的一部分）。對(duì)于要設(shè)置超鏈接的書本，也進(jìn)行了切圖處理。在PS中的切片主要為以上兩類。在Dreamweavercs4中排版網(wǎng)頁(yè)（分析特殊處理的理由）在PS中對(duì)網(wǎng)頁(yè)進(jìn)行切片處理后保存，選擇“存儲(chǔ)為Web和設(shè)備所用格式”單擊后在出現(xiàn)的對(duì)話框中選擇“JPEG”，點(diǎn)“存儲(chǔ)”，在出現(xiàn)的對(duì)話框中選擇所要存儲(chǔ)的路徑，最重要的是要選擇“Html和圖片”。2.打開(kāi)Dreamweavercs4，由于在PS中保存了Html格式，做排版時(shí)只需要設(shè)置簡(jiǎn)單的CSS屬性即可。3.在設(shè)置連接時(shí)，由于沒(méi)有子頁(yè)，所以都連