網(wǎng)頁制作教程

第一單元  認(rèn)識網(wǎng)頁                  
     任務(wù)一  了解WWW服務(wù)與網(wǎng)頁                  
     任務(wù)二  瀏覽南開大學(xué)主頁                  
     任務(wù)三  分析南開大學(xué)主頁                  
     一. 頁面整體分析                  
     二. 頁面細(xì)節(jié)分析                  
     三. 網(wǎng)頁的HTML源碼分析                  
   第二單元  網(wǎng)頁制作的基礎(chǔ)知識                  
     任務(wù)一  網(wǎng)頁與主頁的概念                  
     任務(wù)二  了解HTML語言                  
     一. HTML語言概況                  
     二. HTML文件的基本結(jié)構(gòu)                  
     三. 基本的HTML元素                  
     任務(wù)三  了解Dreamweaver 3.0                  
     一. Dreamweaver 3.0概覽                  
     二. Dreamweaver的特性                  
     三. 熟悉Dreamweaver 3. 0的界面                  
   第三單元  構(gòu)建靜態(tài)網(wǎng)頁                  
     模塊一  制作之前的準(zhǔn)備                  
     任務(wù)一  了解頁面的內(nèi)容編排與布局                  
     一. 內(nèi)容的編排                  
     二. 頁面布局的一些基本概念                  
     三. 頁面布局的基本方法                  
     四. 頁面布局的技術(shù)                  
     任務(wù)二  了解基本的色彩理論                  
     一. 選取背景色                  
     二. 選取主色調(diào)                  
     三. 色彩搭配與色彩平衡                  
     任務(wù)三  素材的收集                  
     模塊二  著手構(gòu)建靜態(tài)網(wǎng)頁                  
     任務(wù)四  使用框架                  
     一. 創(chuàng)建框架                  
     二. 刪除框架                  
     三. 改變框架的大小                  
     四. 選擇框架和框架集                  
     五. 設(shè)置框架和框架集的屬性                  
     六. 框架頁面的保存                  
     任務(wù)五  設(shè)置頁面屬性                  
     一. 打開頁面屬性窗口                  
     二. 設(shè)置頁面的標(biāo)題                  
     三. 設(shè)置頁面的背景                  
     四. 設(shè)置頁面邊緣空白大小                  
     五. 設(shè)置頁面的字符編碼方式                  
     六. 頁面屬性對應(yīng)的HTML源碼                  
     任務(wù)六  輸入和修飾文字                  
     一. 輸入文本                  
     二. 修飾文本                  
     任務(wù)七  插入圖片                  
     一. 插入圖片                  
     二. 修改圖像的屬性                  
     三. 對應(yīng)的HTML源碼                  
     任務(wù)八  建立超級鏈接                  
     一. 超級鏈接的分類                  
     二. 與超級鏈接有關(guān)的幾個基本概念                  
     三. 建立超級鏈接                  
     四. 對應(yīng)的HTML源碼                  
     任務(wù)九  表格的靈活運用                  
     一. 插入表格                  
     二. 設(shè)置表格的屬性                  
     三. 合并和拆分單元格                  
     四. 插入和刪除行或列                  
     五. 在表格中插入元素                  
     六. 設(shè)置單元格的屬性                  
     七. 套用已有的表格模板                  
     八. 用表格實現(xiàn)頁面整體布局                  
     任務(wù)十  層的應(yīng)用                  
     一. 創(chuàng)建一個層                  
     二. 設(shè)置層的屬性                  
     三. 層的基本操作                  
     四. 層面板                  
     五. 層的HTML源碼                  
     任務(wù)十一  預(yù)覽頁面                  
   第四單元  讓靜態(tài)網(wǎng)頁動起來                  
     模塊一  插入動畫                  
     任務(wù)一  了解網(wǎng)頁中動畫的表現(xiàn)手法                  
     任務(wù)二  插入GIF動畫                  
     一. 插入GIF動畫                  
     二. 用Firework 3. 0制作GIF動畫                  
     任務(wù)三  插入Flash動畫                  
     一. 插入列Flash動畫                  
     二. 設(shè)置Flash動畫的屬性                  
     三. 制作F1ash動畫                  
     任務(wù)四  插入Java Applet                  
     一. 在Dreamweaver中插入Applet                  
     二. 設(shè)置Applet的屬性                  
     三. 對應(yīng)的HTML源碼                  
     四. 使用免費的Applet資源                  
     任務(wù)五  用時間軸實現(xiàn)動畫                  
     一. 時間軸面板                  
     二. 創(chuàng)建時間軸動畫                  
     三. 使用路徑來創(chuàng)建時間軸動畫                  
     四. 修改時間軸                  
     五. 在時間軸中修改圖片和層的屬性                  
     六. 使用多個時間軸                  
     模塊二  應(yīng)用CSS                  
     任務(wù)六  了解CSS                  
     一. CSS的提出                  
     二. CSS的分類                  
     三. 在Dreamweaver 3. 0中應(yīng)用CSS                  
     四. CSS樣式單面板                  
     任務(wù)七  應(yīng)用CSS制作文字特效                  
     一. 創(chuàng)建CSS樣式單                  
     二. 應(yīng)用CSS樣式單                  
     三. 用CSS樣式單制作動態(tài)的文字鏈接                  
     模塊三  動態(tài)按鈕和聲音特效                  
     任務(wù)八  動態(tài)按鈕的制作                  
     一. 用Dreamweaver創(chuàng)作動態(tài)按鈕                  
     二. 用Firework制作動態(tài)按鈕                  
     三. 用Flash 4.0制作動態(tài)按鈕                  
     任務(wù)九  給網(wǎng)頁加入聲音                  
     一. 在頁面加載時播放聲音                  
     二. 點擊圖片時發(fā)出聲音特效                  
   第五單元  構(gòu)建交互式網(wǎng)頁                  
     任務(wù)一  表單的使用                  
     一. 創(chuàng)建表單                  
     二. 往表單中添加表單組件                  
     三. 表單應(yīng)用舉例                  
     任務(wù)二  高級表單技術(shù)                  
     任務(wù)三  用ASP構(gòu)建交互式頁面                  
     一. ASP簡介                  
     二. 用ASP接收表單數(shù)據(jù)                  
   附錄  全國計算機應(yīng)用技術(shù)證書考試(NIT)培訓(xùn)與考試大綱                  
     ——網(wǎng)頁制作模塊                  
     附件一  全國計算機應(yīng)用技術(shù)證書考試(NIT)學(xué)員評估記錄表                  
     ——網(wǎng)頁制作模塊                  
     附件二  全國計算機應(yīng)用技術(shù)證書考試(NIT)作業(yè)設(shè)計考核表                  
     ——網(wǎng)頁制作模塊                  
     附件三  全國計算機應(yīng)用技術(shù)證書考試(NIT)作業(yè)設(shè)計參考示例                  
     ——網(wǎng)頁制作模塊                  
     附件四  全國計算機應(yīng)用技術(shù)證書考試(NIT)上機考試題型舉例                  
     ——網(wǎng)頁制作模塊