網(wǎng)頁(yè)制作教程

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