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

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