《網(wǎng)頁設計與制作》教學大綱

第 1 頁 共 5 頁 網(wǎng) 頁 設 計 與 制 作 教 學 大 綱 一 說 明 1 課 程 的 性 質(zhì) 和 內(nèi) 容 網(wǎng)頁設計與制作 課程是計算機應用技術(shù) 電子商務等專業(yè)的一門核心課程 也 是其他計算機專業(yè)的普及型課程 內(nèi)容主要涵蓋了 HTML 語言的語法規(guī)則及文字 鏈接 列表 表格 表單 圖像 多媒體 框架元素標記及屬性 JavaScript 腳本編程語 言 Dreamweaver Fireworks Flash Photoshop 等相關(guān)知識 全面介紹 WEB 站點設 計的基本操作技術(shù)和使用技巧 2 課 程 的 任 務 和 要 求 通過本課程的學習 要求學生掌握靜態(tài)網(wǎng)頁的制作方法 學會 HTML 語言 熟悉站 點的上傳和維護并能夠獨立解決網(wǎng)頁編輯中遇到的一般問題 能熟練運用 Dreamweaver 進行網(wǎng)站的導入 規(guī)劃 管理 發(fā)布的相關(guān)技術(shù)及網(wǎng)頁制作的操作技能 能熟練掌握 JAVASCRIPT 腳本編程語言的基本語法知識 能實現(xiàn)網(wǎng)頁的交互和特殊效果 能維護 管理和設計 WEB 應用程序 能獨立設計小型 WEB 站點 3 教 學 中 應 注 意 的 問 題 在教學過程中要注重 Dreamweaver Firework 或 Photoshop 和 Flash 軟件的主要功能 其中 Dreamweaver 主要是完成網(wǎng)頁設計和網(wǎng)站管理 Firework 或 Photoshop 主要進行 圖像的設計與編輯 Flash 主要開發(fā)適應網(wǎng)絡傳輸?shù)牧髅襟w電腦規(guī)劃 并且要培養(yǎng)學 生綜合使用這些軟件的能力 注重學生動手能力的培養(yǎng)和上機試驗 教學過程中應該 以 Dreamweaver 為主 在講授理論的同時加入具體的設計項目實驗 力求達到實戰(zhàn)的 效果避免空洞的理論學習 二 學 時 分 配 模塊 名稱 總課時 講授 演示 實驗 仿真 模塊 1 1 1 1 2 1 3 1 4 1 5 初識網(wǎng)站和網(wǎng)頁 網(wǎng)站和網(wǎng)頁 網(wǎng)頁中的元素類型 常用網(wǎng)站管理與制作軟件 網(wǎng)站建設流程 HTML 與 CSS 入門 6 4 2 第 2 頁 共 5 頁 模塊 名稱 總課時 講授 演示 實驗 仿真 模塊 2 2 1 2 2 2 N 初識 Dreamweaver 熟悉 Dreamweaver 操作環(huán)境 網(wǎng)站規(guī)劃與管理 設置頁面屬性 6 2 2 2 模塊 3 3 1 3 2 網(wǎng)頁布局方法 使用表格布局網(wǎng)頁 使用框架布局網(wǎng)頁 6 2 2 2 模塊 4 4 1 4 2 4 3 4 4 編輯網(wǎng)頁元素 文本輸入與編輯 使用圖像 使用 Flash 動畫 使用其他媒體元素 6 2 2 2 模塊 5 5 1 5 2 使用超鏈接 設置超鏈接 管理超鏈接 4 2 2 模塊 6 6 1 6 2 HTML 樣式和 CSS 樣式 編輯 HTML 代碼 創(chuàng)建和使用 CSS 樣式表 4 2 2 模塊 7 7 1 7 2 7 3 7 4 7 5 Dreamweaver 高級應用 使用行為 時間軸的應用 表單及其應用 模板與庫 CSS 樣式的應用 10 2 4 4 模塊 8 8 1 8 2 網(wǎng)站的優(yōu)化 頁面的美化 站點的優(yōu)化 4 2 2 模塊 9 9 1 9 2 站點的發(fā)布 發(fā)布前的工作 發(fā)布站點與更新 4 2 2 考試 機動 理論考核 2 合計 52 三 課 程 內(nèi) 容 及 要 求 模塊一 初識網(wǎng)站和網(wǎng)頁 教 學 要 求 1 使學生對網(wǎng)站及網(wǎng)頁有一定的認識 激發(fā)學生學習網(wǎng)頁設計的興趣 2 了解網(wǎng)頁中的常用元素類型 3 了解常用網(wǎng)站管理與制作軟件 4 了解網(wǎng)站建設流程 第 3 頁 共 5 頁 5 理解 HTML 與 CSS 基本知識 教 學 內(nèi) 容 1 1 認識網(wǎng)站和網(wǎng)頁 1 2 網(wǎng)頁中的元素類型 1 3 常用網(wǎng)站管理與制作軟件 1 4 網(wǎng)站建設流程 1 5 HTML 與 CSS 入門 模塊二 初識 Dreamweaver 教 學 要 求 1 熟悉 Dreamweaver 操作環(huán)境 2 了解網(wǎng)站規(guī)劃與管理 3 掌握頁面屬性的設置 教 學 內(nèi) 容 1 1 熟悉 Dreamweaver 操作環(huán)境 1 2 網(wǎng)站規(guī)劃與管理 1 3 設置頁面屬性 模塊三 網(wǎng)頁布局方法 教 學 要 求 1 掌握使用表格來布局來定位網(wǎng)頁 2 掌握使用使用框架布局網(wǎng)頁 教 學 內(nèi) 容 1 1 使用表格布局網(wǎng)頁 1 2 使用框架布局網(wǎng)頁 模塊四 編輯網(wǎng)頁元素 教 學 要 求 1 掌握文本輸入與編輯 2 掌握在網(wǎng)頁使用圖像 3 掌握使用 Flash 動畫 4 了解使用其他媒體元素 教 學 內(nèi) 容 1 1 文本輸入與編輯 1 2 使用圖像 1 3 使用 Flash 動畫 1 4 使用其他媒體元素 第 4 頁 共 5 頁 模塊五 使用超鏈接 教 學 要 求 1 掌握超鏈接的設置 2 掌握如何管理超鏈接 教 學 內(nèi) 容 1 1 設置超鏈接 1 2 管理超鏈接 模塊六 HTML 樣式和 CSS 樣式 教 學 要 求 1 掌握編輯基本 HTML 代碼標記 2 掌握創(chuàng)建和使用 CSS 樣式表 教 學 內(nèi) 容 1 1 編輯 HTML 代碼 1 2 創(chuàng)建和使用 CSS 樣式表 模塊七 Dreamweaver 高級應用 教 學 要 求 1 熟悉行為的使用 2 掌握時間軸的基本應用 3 掌握表單及其應用 4 了解模板與庫 5 熟練掌握 CSS 樣式的應用 教 學 內(nèi) 容 1 1 使用行為 1 2 時間軸的應用 1 3 表單及其應用 1 4 模板與庫 1 5 CSS 樣式的應用 模塊八 網(wǎng)站的優(yōu)化 教 學 要 求 1 掌握網(wǎng)站的基本優(yōu)化技巧 2 掌握頁面的美化和工具的使用 3 掌握站點的整體優(yōu)化 第 5 頁 共 5 頁 教 學 內(nèi) 容 1 1 頁面的美化 1 3 站點的優(yōu)化 模塊九 站點的發(fā)布 教 學 要 求 1 掌握發(fā)站點發(fā)布前的工作和程序 2 掌握發(fā)布站點與站點的后續(xù)維護與更新 教 學 內(nèi) 容 1 1 發(fā)布前的工作 1 2 發(fā)布站點與站點的后續(xù)維護與更新