《《網(wǎng)頁設(shè)計與制作》教學(xué)大綱》由會員分享，可在線閱讀，更多相關(guān)《《網(wǎng)頁設(shè)計與制作》教學(xué)大綱（5頁珍藏版）》請在裝配圖網(wǎng)上搜索。

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