網(wǎng)頁設計要點匯總

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

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

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

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

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

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

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

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