1、第一章 網(wǎng)頁制作基礎(chǔ)1、什么是網(wǎng)頁一般瀏覽器中打開的都是網(wǎng)頁，這些文檔是通過超文本標(biāo)記語言 HTML 表示出來的；主頁：在網(wǎng)站中默認(rèn)打開的頁面稱為主頁，也叫首頁，主頁是進(jìn)入網(wǎng)站的門戶，網(wǎng)頁中包括的內(nèi)容：文本，圖像，超級鏈接，表格，表單，多媒體及一些特殊的效果2、網(wǎng)站及運(yùn)作原理網(wǎng)站是在互聯(lián)網(wǎng)上一個(gè)固定的面向全世界發(fā)布消息的地方，它由網(wǎng)站地址和網(wǎng)站空間構(gòu)成；網(wǎng)站開發(fā)者常常將網(wǎng)站稱作為站點(diǎn)， 在網(wǎng)站的開發(fā)者來說， 網(wǎng)站就是在計(jì)算機(jī)上創(chuàng)建的一個(gè) 多級的文件夾，并在各文件夾中保存著相關(guān)網(wǎng)頁文件。根據(jù)站點(diǎn)文件夾所在的位置分為：本地站點(diǎn)和遠(yuǎn)程站點(diǎn)；根據(jù)服務(wù)技術(shù)分：靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站3、了解 HTML 語言H

2、TML 是網(wǎng)上用于編寫網(wǎng)頁的主要語言，使用 HTML 語言編寫的網(wǎng)頁文件也是一個(gè)標(biāo)準(zhǔn)的 純文本文件， 可以使用文本編輯器將它打開， 但是該純文本文件如果使用瀏覽器打開就會(huì)看 到排版整齊的網(wǎng)頁；4、HTML 語言標(biāo)簽HTML 標(biāo)簽用來標(biāo)記網(wǎng)頁元素，以形成文本布局，文字的格式及五彩繽紛的畫面， HTML 的標(biāo)簽分單標(biāo)簽和成對標(biāo)簽兩種基礎(chǔ)標(biāo)簽： 5、常用動(dòng)態(tài)建站技術(shù)ASP 是由微軟開發(fā)的動(dòng)態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)，其原理通過在 HTML 頁面中加入 VB JAVA 代碼， 服務(wù)器在返回網(wǎng)頁之前首先執(zhí)行這些代碼，產(chǎn)生最終的結(jié)果。6、網(wǎng)站的制作流程及制作工具 初期規(guī)劃：建站之前，要有明確目的，要明白建立網(wǎng)站的目的

3、，接受對象是哪些群體，要為 訪問者提供怎樣的服務(wù)，然后對整個(gè)網(wǎng)站進(jìn)行策劃，中期制作：搭建本地站點(diǎn)，建立文件夾，建立站點(diǎn)結(jié)構(gòu)圖，設(shè)置頁面屬性等； 后期工作：全面測試，上傳后進(jìn)行實(shí)地測試，完成本地測試后，再上傳到服務(wù)器，以便進(jìn)行 遠(yuǎn)程測試；7、網(wǎng)頁設(shè)計(jì)工具Dreamweaver 8 是最常用的網(wǎng)頁編輯工具之一， 使用該工具可以在其提供的三種視圖中進(jìn)行網(wǎng)頁編輯與修改； 圖像處理工具 Firework 8 主要用來對網(wǎng)頁中用到的圖像素材進(jìn)行制作或處理， 它可以快速地 制作和處理網(wǎng)頁中圖像，動(dòng)畫制作工具：FLASH 8 主要用來制作一些精彩的小動(dòng)畫，可以使頁面變得更加精美，該軟件是目前最流行的，矢量的，

4、具有交互性的圖形編輯軟件；第二課 創(chuàng)建站點(diǎn)1、啟動(dòng)：開始程序 Macromedia dreamweaver 8 （雙擊桌面的圖標(biāo)）2、關(guān)閉：文件退出，關(guān)閉按鈕3、窗口的組成：標(biāo)題欄（軟件名稱，版本號(hào)，文件名，最小化，最大化，關(guān)閉按鈕） 菜單欄：由文件，編輯，查看，插入，修改，文本，站點(diǎn)，窗口等主菜單組成； 插入欄：位于菜單欄下方，有網(wǎng)頁制作時(shí)常用的元素及命令，如常用，布局等 開始頁：打開軟件時(shí)的頁面，該頁面位于屏幕中間的大部分區(qū)域； 屬性面板：一般位于窗口的底部，顯示文檔，網(wǎng)頁元素及相關(guān)工具的屬性； 面板集：位于窗口右側(cè)，可以快速展開或折疊一些功能面板，4、創(chuàng)建站點(diǎn)：站點(diǎn)新建站點(diǎn)站點(diǎn)名稱否（不

5、用服務(wù)器）建立一個(gè)本地文 件夾如何連接遠(yuǎn)程服務(wù)器（無）完成；5、編輯站點(diǎn)，復(fù)制站點(diǎn)，刪除站點(diǎn)，導(dǎo)出站點(diǎn)，導(dǎo)入站點(diǎn)，完成按鈕；6、管理站點(diǎn)中的文件：站點(diǎn)的名稱，遠(yuǎn)程文件管理器，站點(diǎn)文件結(jié)構(gòu)彈出菜單視 圖菜單8、文檔的新建，保存，打開及屬性設(shè)置9、設(shè)置頁面屬性： 修改頁面屬性（頁面字體， 大小，文本顏色，背景顏色， 背景圖像， 頁邊距，跟蹤圖像）第三課： 制作網(wǎng)頁1、在網(wǎng)頁中插入文本（直接輸入文本即可） （換行： ENTER ， 按 SHIFT+ENTER 可得到較 小的行距；2、設(shè)置字體，大小，字形，顏色，對齊方式3、在網(wǎng)頁中插入圖像：插入圖像（圖像的大小，對齊方式，邊距等設(shè)置）4、插入層（在層

6、中插入圖像，可將圖像到處拖動(dòng)） 5、在網(wǎng)頁中插入鼠標(biāo)經(jīng)過圖像：插入圖像對象鼠標(biāo)經(jīng)過圖像（原始圖像，鼠標(biāo)經(jīng)過時(shí)的圖像）6、插入特殊的符號(hào)，版權(quán)，注冊商標(biāo)等；插入文本版權(quán)，注冊商標(biāo)，符號(hào)等7、插入多媒體文件；插入媒體FLASH （選擇插入的文件）8、設(shè)置動(dòng)畫的大小及其邊距（屬性面板：寬，高，垂直，水平的間距）9、插入布局對象層（設(shè)置背景圖像，大小，方向等設(shè)置）10向網(wǎng)頁中插入鏈接：選擇文本在圖像中選擇鏈接的文件；11創(chuàng)建外部鏈接：在文檔中輸入網(wǎng)名，選擇名稱：引用鏈接網(wǎng)址12創(chuàng)建錨記：先命名錨記然后再選擇要引用錨記的文字，然后進(jìn)行鏈接OK （引用時(shí)加#）13在網(wǎng)頁中插入視頻：插入媒體插件（選擇視頻文

7、件14創(chuàng)建郵件鏈接：選擇圖像鏈接郵箱地址15創(chuàng)建下載鏈接：選擇文本或圖像鏈接文件（ZIP RAR EXE ）等文件第四課 頁面布局1、插入表格（行數(shù)，列數(shù)）2表格的寬度，3邊框粗細(xì)；4單元格邊距；5單元格間距；6合并所選單元格，拆分單元格，背景，背景顏色，邊框；7表格布局；插入表格（在單元格內(nèi)插入表格（做嵌套表格）8改變列寬，行高9網(wǎng)頁的布局：插入布局對象層（可以創(chuàng)建多個(gè)層，如同文本框的設(shè)置） 10設(shè)置層的屬性：寬度，高度，單擊插入圖像的層選擇手柄，在屬性面板中 11布局網(wǎng)頁框架：創(chuàng)建布局表格，創(chuàng)建布局單元格，做嵌套布局表格； 12將布局轉(zhuǎn)換成表格：修改轉(zhuǎn)換表格到層（防止層重疊，顯示層面板，顯

8、示靠齊 到網(wǎng)格）13框架布局與樣式定義：插入框架（選擇框架布局形式）14制作背景固定網(wǎng)頁：定義樣式第五課 CSS 樣式與行為1光暈效果的應(yīng)用CSS面板一一添加濾鐿設(shè)置（名稱， （GLOW （color=?,strength=?）設(shè)置 （color=red,strength=3）2、添加行為：行為面板（添加行為，刪除行為，執(zhí)行順序）3設(shè)置觸發(fā)行為的事件：事件，動(dòng)作4記錄移動(dòng)路徑5、添加時(shí)間軸行為：6、制作表單元素；第六課，表單與模板、1、制作注冊頁面2、創(chuàng)建網(wǎng)站模板；3、將網(wǎng)頁保存為模板：文件另存為模板4、創(chuàng)建可編輯區(qū)域：插入模板對象可編輯區(qū)域；5、網(wǎng)頁模板的應(yīng)用，打開后修改然后另存為其它網(wǎng)頁文

9、件；6、分離模板：修改模板套用模板到頁（修改模板從模板中分離）第七課： FLASH 的操作1、啟動(dòng)：雙擊桌面圖標(biāo)，2、退出：關(guān)閉按鈕；3、窗口的組成：標(biāo)題欄，菜單欄，編輯欄，工具箱，面板集，舞臺(tái)，屬性面板； 4、標(biāo)題欄：它位于整個(gè)窗口的最上方，最小化，最大化，關(guān)閉按鈕等；5、菜單欄：由文件，編輯，視圖，插入，修改，文本，命令等6、工具欄：位于整個(gè)軟件的左側(cè)，分為，工具，查看，顏色和選項(xiàng)四個(gè)選項(xiàng)； 繪制卡通房子的練習(xí)；第二課 工具的使用1、直線工具；按 SHIFT 水平或垂直直線， 粗細(xì)，端點(diǎn)（尖角，圓角，斜角）2、鋼筆工具：是通過路徑來繪制筆觸圖形的，按CTRL 或雙擊曲線外時(shí)，可結(jié)束繪圖；3

10、、任意變形：旋轉(zhuǎn)，傾斜，縮放，扭曲，封套模式等；4、輸入文本：文本類型，字體，字號(hào)，字體樣式，對齊方式；5、添加濾鏡效果：選擇對象或文本屬性欄中找到濾鏡類型；（刪除濾鏡）6、美化圖形設(shè)置顏色7。改變圖像的填充顏色（單色，漸變，透明度，8。導(dǎo)入位圖：文件導(dǎo)入導(dǎo)入到庫9。填充位圖：拖動(dòng)中心控制點(diǎn)，傾斜控制點(diǎn)，旋轉(zhuǎn)控制點(diǎn)，大小控制點(diǎn)；10。導(dǎo)入圖像和聲音素材：文件導(dǎo)入導(dǎo)入到舞臺(tái)（可選擇圖片或聲音）11。填充變形：填充變形工具可以對漸變色彩進(jìn)行變形調(diào)整，第三課：制作動(dòng)畫1、導(dǎo)入視頻：文件導(dǎo)入導(dǎo)入視頻2、繪制邊框：繪制矩形，然后將直線加粗，3、創(chuàng)建圖形元件：修改轉(zhuǎn)換元件 4、創(chuàng)建影片元件：修改轉(zhuǎn)換成元件

11、（按鈕動(dòng)畫，影片剪切）5。創(chuàng)建按鈕元件：6。將視頻文件轉(zhuǎn)換成 FLV 格式文件， 文件導(dǎo)出7。制作基本動(dòng)畫：小船劃動(dòng)效果8、創(chuàng)建引導(dǎo)線動(dòng)畫；9、制作遮罩動(dòng)畫與多層動(dòng)畫；第四課：使用 FLASH 腳本1、動(dòng)作面板：窗口動(dòng)作（ F9）2、腳本工具箱： 存放著所有的腳本工具， 單擊各類型的腳本名稱即可展開相應(yīng)的控制語句；3、腳本導(dǎo)航器：中顯示當(dāng)前正在添加腳本的對象，及文檔中已經(jīng)添加腳本控制語句的所有 對象，4、腳本助手，在腳本助手中總是顯示當(dāng)前選中腳本的腳本功能描述及參數(shù)輸入提示，腳本 助手為具有標(biāo)準(zhǔn)語法結(jié)構(gòu)腳本的輸入帶來了極大的方便；5、腳本編輯區(qū)：在腳本助手啟用的模式下，不能在該區(qū)中直接修改腳本的參數(shù)，也不能直 接向其中輸入腳本，只能通過腳本工具箱添加腳本。練習(xí)待