網(wǎng)頁設(shè)計(jì)要點(diǎn)匯總

1、網(wǎng)頁設(shè)計(jì)要點(diǎn)匯總心之所向，所向披靡網(wǎng)頁設(shè)計(jì)要點(diǎn)匯總（可能不是那么的準(zhǔn)確，請(qǐng)大家見諒）Lesson1、了解工作界面：“插入”欄，包含用于將各種類型的“對(duì)象”（如 表格，圖像，文本）等插入到文檔中的按鈕?！拔臋n”工具欄：包含按鈕和彈出式菜單，可以 在“設(shè)計(jì)”視圖，“拆分”視圖和“代碼”視圖 之間切換“文檔”窗口：顯示當(dāng)前創(chuàng)建和編輯文檔“屬性”檢查器：用于查看和更改所選對(duì)象或文 本的各種屬性，選擇的對(duì)象不同，“屬性”檢查 器中包含的信息也不一樣、“面板組”：分組在某個(gè)標(biāo)題下面的相關(guān)面板的 集合?！拔募泵姘澹河脕砉芾砦募臀募A，當(dāng)使用 dw創(chuàng)建一個(gè)站點(diǎn)后，站點(diǎn)的所有文件都將顯示 在“文件”面板上。

2、二、網(wǎng)站制作的基本流程1. 站點(diǎn)：新建站點(diǎn)，取名T否，不適用服務(wù)器技術(shù) T選擇儲(chǔ)存位置（一般默認(rèn)）-如何連接到服務(wù)器: 無T完成 三：表格插入表格常用表格設(shè)置：1024像素，粗細(xì)和間 距一般設(shè)為0增加一行表格：按住tab鍵即可空格：crtl+shit+空格換行：按回車鍵，顯示的是兩倍行距按shift+回車鍵，是強(qiáng)制換行，顯示一倍行 距 四：html信息的設(shè)置1. meta設(shè)置：meta標(biāo)簽是記錄有關(guān)當(dāng)前頁面的信丿息操作：插入記錄html 文件頭標(biāo)簽meta設(shè)置2. 關(guān)鍵詞設(shè)置，描述設(shè)置，刷新設(shè)置操作與meta操作相同，都在文件頭標(biāo)簽下。一：制作圖像頁面1圖像常識(shí)：常用格式gif, jpeg,

3、png 三種圖像格 式2.Gif:圖像交換格式只包含256種顏色，支持透明的背景色和動(dòng) 畫格式大面積單色區(qū)域圖片Jpeg(jpg):聯(lián)合圖像專家組開發(fā)的圖形標(biāo)準(zhǔn)，采 用有損壓縮算法，24位真彩色不支持透明背景和動(dòng)畫格式Png :可移植網(wǎng)絡(luò)圖形保存的圖像壓縮，以減少占用的存儲(chǔ)空間和 下載速度，同時(shí)又不損失圖像質(zhì)量，一般情況下， 一個(gè)網(wǎng)頁的圖片大小加起來不宜超過 500k。Lesson 3一、Flashde 的文件類型Fla是所有項(xiàng)目的源文件，在flash程序中科創(chuàng)建 Swf是壓縮的，已進(jìn)行優(yōu)化，便于在網(wǎng)頁中使用。Swt能修改和替換flash swf文件中信息Flv是一種視頻文件二、插入flash

4、動(dòng)畫1. 先插入一個(gè)表格2. 插入t媒體t flash3. 在下面的頁面屬性面板中勾上循環(huán)與自動(dòng)播放， 高品質(zhì)，比例默認(rèn)三：flash與圖像合成：既使flash變透明能夠在圖 上使用1. 把圖片設(shè)為背景圖片：先點(diǎn)擊一下表格中要插入的地方，代碼區(qū)就會(huì)顯示td的字樣，接著它往下 寫td空格鍵background（按回車，接著跳出窗口選擇圖片）=“” 2. 但這時(shí)候圖像是平鋪的，就是背景圖片不斷重復(fù)， 不重復(fù)的操作：在上一步顯示的圖片后/*.jpg ”接著 按空格鍵（選擇style,按回車）style=background-repeat（按回車）-no repeat3. 把flash背景設(shè)成透明色：

5、先單擊flash,再在下 面屬性面板中按參數(shù)wmode-tra nspare ntLesson 4Photoshop 圖層功能一、摳圖方法：1魔棒工具摳圖 調(diào)整容差-選擇反選-按Ctrl鍵拖入圖層選中圖層，ctrl+T可調(diào)整大小2多變套索工具：磁性套索，出現(xiàn)失誤按DEL鍵消 除，摳完后按右鍵可以羽化3. 鋼筆工具：要選擇路徑按鈕：按住Ctrl可以進(jìn)行拉伸，Alt可以刪除錨點(diǎn)。完成后，點(diǎn)右鍵選擇建 立選區(qū)，好二、照片處理第一步：去痘去痣：仿制圖章工具，覆蓋區(qū)域先Alt按住不放，再鼠標(biāo)在其好的區(qū) 域點(diǎn)一下，然后就可直接點(diǎn)擊需要處理的部分進(jìn)行 覆蓋。第二步：按歷史畫筆-濾鏡-模糊-高斯模糊 （半徑為

6、1.0像素）再在歷史記錄中點(diǎn)擊高斯模糊前面的方框，再點(diǎn)擊歷史記錄中前一個(gè)仿制圖章按鈕，直 接在臉上磨皮。第三步：變非主流濾鏡-液化-向前變形工具-畫筆設(shè)置15，膨脹工具：放大眼睛調(diào)下亮度和對(duì)比度即可。圖層多的時(shí)候，按住Ctrl+右鍵，可找出它的圖層Lesson 5立體字:方法一：新建如800*600，輸入文字 點(diǎn)文字圖層進(jìn)行進(jìn)一步編輯Ctrl+j創(chuàng)建副本在副本上點(diǎn)擊右鍵，柵格化圖層，變成透 明背景I把原來文本前面的眼睛去掉，先不鎖定在副本上按右鍵，混合選項(xiàng)：雙擊斜面和浮雕，大小=3新建圖層1，并與立體字副本合并按住ctrl+t變換角度菜單上按選擇載入選區(qū)，按ctrl+alt不放，按上或下鍵，制

7、造立體效果，再取消選擇即 可。方法二：新建文檔，命名為bottom,圖層?xùn)鸥窕疌trl+t；進(jìn)行變換Ctrl+j,復(fù)制很多的圖層，然后合并所有的圖層，留 下 Tpo 禾口 botton在對(duì)top在建3個(gè)圖層，使其突出，弄一個(gè)middle 層，雙擊混合選項(xiàng)，顏色疊加。濾鏡：光線的制作：1選中背景-復(fù)制圖層為圖層1一濾鏡-像素化 點(diǎn)狀化2. 圖像-調(diào)整-閥值3. 圖層面板-濾色4. 濾鏡模糊-動(dòng)感模糊5. 濾鏡銳化-usm 銳化 部分的陽關(guān)：舉行選框選區(qū)域-ctrl+j,也可用套索 工具，之后的做法與光線一致。雪花的制作：點(diǎn)狀化的值要大-調(diào)整閥值-圖層， 濾色-由動(dòng)感模糊地值改變雨或光或雪Less

8、on 6網(wǎng)頁布局切片工具：比較簡(jiǎn)單，就說少點(diǎn) 切片時(shí)要先切列再切行 存儲(chǔ)為web格式，html和圖像 切片完成后，要對(duì)其中的圖片進(jìn)行修改和覆蓋，打 開ps圖后，其模式是索引模式，不能修改。進(jìn)行 如下操作：圖像-模式-RGB模式即可 創(chuàng)建連接：點(diǎn)擊屬性-在其框中輸入Http: 邊框選擇0，以免表格被撐大。Lesson7插入背景音樂和視頻方法一：插入表格-插入媒體-插件-選擇站點(diǎn) 中的音頻，在網(wǎng)頁中顯示出來是 帶有播放器的。 注：現(xiàn)將表格保存一下再插入 方法二：當(dāng)背景音樂插入1.純代碼（推薦）vdiv align=left 2. Lesson 8制作內(nèi)外部超級(jí)鏈接1. 相對(duì)鏈接：鏈接指向文件或?yàn)g覽文件或選中右鍵 創(chuàng)立連接2. 絕對(duì)鏈接：方法一：選中后打開窗口，URL 方法二：在鏈接地址欄中輸入：http:/ 方法三：電子右鍵鏈接，mailto:自己的郵箱3. 創(chuàng)錨點(diǎn)鏈接：首先創(chuàng)建一個(gè)命名錨點(diǎn)，然后創(chuàng)建 到該命名錨紀(jì)的鏈接，為文字較多的網(wǎng)頁提供方便 操作：插入-命名錨紀(jì)-命名（如top）-選中文 字創(chuàng)鏈接到#top4. 空鏈接：加入#的鏈接成為空鏈接5. 制作圖像