網(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)的幾個(gè)基本概念                  
     三. 建立超級鏈接                  
     四. 對應(yīng)的HTML源碼                  
     任務(wù)九  表格的靈活運(yùn)用                  
     一. 插入表格                  
     二. 設(shè)置表格的屬性                  
     三. 合并和拆分單元格                  
     四. 插入和刪除行或列                  
     五. 在表格中插入元素                  
     六. 設(shè)置單元格的屬性                  
     七. 套用已有的表格模板                  
     八. 用表格實(shí)現(xiàn)頁面整體布局                  
     任務(wù)十  層的應(yīng)用                  
     一. 創(chuàng)建一個(gè)層                  
     二. 設(shè)置層的屬性                  
     三. 層的基本操作                  
     四. 層面板                  
     五. 層的HTML源碼                  
     任務(wù)十一  預(yù)覽頁面                  
   第四單元  讓靜態(tài)網(wǎng)頁動(dòng)起來                  
     模塊一  插入動(dòng)畫                  
     任務(wù)一  了解網(wǎng)頁中動(dòng)畫的表現(xiàn)手法                  
     任務(wù)二  插入GIF動(dòng)畫                  
     一. 插入GIF動(dòng)畫                  
     二. 用Firework 3. 0制作GIF動(dòng)畫                  
     任務(wù)三  插入Flash動(dòng)畫                  
     一. 插入列Flash動(dòng)畫                  
     二. 設(shè)置Flash動(dòng)畫的屬性                  
     三. 制作F1ash動(dòng)畫                  
     任務(wù)四  插入Java Applet                  
     一. 在Dreamweaver中插入Applet                  
     二. 設(shè)置Applet的屬性                  
     三. 對應(yīng)的HTML源碼                  
     四. 使用免費(fèi)的Applet資源                  
     任務(wù)五  用時(shí)間軸實(shí)現(xiàn)動(dòng)畫                  
     一. 時(shí)間軸面板                  
     二. 創(chuàng)建時(shí)間軸動(dòng)畫                  
     三. 使用路徑來創(chuàng)建時(shí)間軸動(dòng)畫                  
     四. 修改時(shí)間軸                  
     五. 在時(shí)間軸中修改圖片和層的屬性                  
     六. 使用多個(gè)時(shí)間軸                  
     模塊二  應(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樣式單制作動(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)頁加入聲音                  
     一. 在頁面加載時(shí)播放聲音                  
     二. 點(diǎn)擊圖片時(shí)發(fā)出聲音特效                  
   第五單元  構(gòu)建交互式網(wǎng)頁                  
     任務(wù)一  表單的使用                  
     一. 創(chuàng)建表單                  
     二. 往表單中添加表單組件                  
     三. 表單應(yīng)用舉例                  
     任務(wù)二  高級表單技術(shù)                  
     任務(wù)三  用ASP構(gòu)建交互式頁面                  
     一. ASP簡介                  
     二. 用ASP接收表單數(shù)據(jù)                  
   附錄  全國計(jì)算機(jī)應(yīng)用技術(shù)證書考試(NIT)培訓(xùn)與考試大綱                  
     ——網(wǎng)頁制作模塊                  
     附件一  全國計(jì)算機(jī)應(yīng)用技術(shù)證書考試(NIT)學(xué)員評估記錄表                  
     ——網(wǎng)頁制作模塊                  
     附件二  全國計(jì)算機(jī)應(yīng)用技術(shù)證書考試(NIT)作業(yè)設(shè)計(jì)考核表                  
     ——網(wǎng)頁制作模塊                  
     附件三  全國計(jì)算機(jī)應(yīng)用技術(shù)證書考試(NIT)作業(yè)設(shè)計(jì)參考示例                  
     ——網(wǎng)頁制作模塊                  
     附件四  全國計(jì)算機(jī)應(yīng)用技術(shù)證書考試(NIT)上機(jī)考試題型舉例                  
     ——網(wǎng)頁制作模塊