靜態(tài)網(wǎng)頁設計專業(yè)課程教學大綱精選3篇動態(tài)網(wǎng)頁課程設計

時間：2022-12-24 23:37:10 綜合范文

　　下面是范文網(wǎng)小編收集的靜態(tài)網(wǎng)頁設計專業(yè)課程教學大綱精選3篇動態(tài)網(wǎng)頁課程設計，供大家品鑒。

靜態(tài)網(wǎng)頁設計專業(yè)課程教學大綱精選1

　　畢業(yè)綜合實踐報告

　　Graduation Synthesis Practice Report

　　大學生活主題靜態(tài)網(wǎng)頁設計

　　Static Webpage Design of University Class Theme

　　系別:計算機工程系

　　班級:

　　學生姓名:

　　學號:

　　指導老師:

　　完成日期:2014/4/30

靜態(tài)網(wǎng)頁設計專業(yè)課程教學大綱精選2

　　第一章概述 4學時

　　教學目的：

　　了解網(wǎng)頁及網(wǎng)站基本概念及網(wǎng)頁的基本要素分析教學重點與難點：

　　網(wǎng)頁、網(wǎng)站設計流程，網(wǎng)頁基本要素

　　第一節(jié) 網(wǎng)頁和網(wǎng)站

　　一、網(wǎng)頁

　　二、網(wǎng)站

　　三、網(wǎng)頁的基本功能

　　第二節(jié) 網(wǎng)頁中的主要元素

　　一、文本

　　二、圖像

　　三、鏈接標志

　　四、其他的基本要素

　　第三節(jié) 網(wǎng)頁制作工具

　　一、網(wǎng)頁編輯工具

　　二、網(wǎng)頁圖像編輯工具

　　三、動態(tài)網(wǎng)頁技術

　　第四節(jié) 網(wǎng)頁設計的基本流程

　　一、網(wǎng)站的設計流程

　　二、網(wǎng)頁的設計與制作

　　三、網(wǎng)頁的測試

　　四、網(wǎng)頁上傳和發(fā)布

　　第二章 HTML語言基礎 6學時

　　教學目的：

　　了解HTML文件的基本結構，掌握HTML中文本的編輯及圖像的語法，掌握HTML中各種設置超級鏈接的語法，掌握HTML中表格和框架的基本語法。

　　教學重點與難點：

　　HTML的語法結構、超級鏈接的語法、表格和框架的基本語法。

　　第一節(jié) HTML概述

　　一、HTML簡介

　　二、HTML語法結構

　　第二節(jié) 文本的編輯

　　一、段落標記

　　二、文本標記

　　三、標題顯示等級

　　四、列表

　　第三節(jié) 圖像編輯

　　一、插入圖像

　　二、使用背景圖像

　　第四節(jié) 建立超鏈接

　　一、建立超鏈接

　　二、使用書簽

　　三、標記新窗口和基準鏈接

　　第五節(jié) 表格與框架

　　一、建立表格

　　二、表格屬性

　　三、建立框架

　　四、框架屬性

　　第三章 Dream weaver基礎 2學時

　　教學目的：

　　了解DW的操作界面及常用命令，掌握規(guī)劃和創(chuàng)建站點的操作，掌握基本的網(wǎng)頁操。

　　教學重點與難點：

　　規(guī)劃站點的結構、網(wǎng)頁的基本操作

　　第一節(jié) Dream weaver 工作界面

　　一、啟動和退出Dreamweaver

　　二、Dreamweaver操作界面

　　第二節(jié) 規(guī)劃與創(chuàng)建站點

　　一、規(guī)劃網(wǎng)站的整體結構

　　二、建立本地站點

　　三、管理本地站點

　　第三節(jié) 網(wǎng)頁文件的基本操作

　　一、新建網(wǎng)頁

　　二、保存網(wǎng)頁

　　三、關閉網(wǎng)頁

　　四、打開網(wǎng)頁

　　五、預覽網(wǎng)頁

　　第四章網(wǎng)頁中的基礎元素 4學時

　　教學目的：

　　通過本章的學習可以掌握在網(wǎng)頁中的文本和段落的設置方法，掌握圖像的插入及其屬性的設置的方法，熟悉頁面屬性的設置，熟悉各種超級鏈接及設置。

　　教學重點與難點：

　　文本和段落的設置文本、圖像的插入及其屬性的設置、超鏈接

　　第一節(jié) 在網(wǎng)頁中插入文本

　　一、插入文本

　　二、設置文本格式

　　三、段落格式的編輯

　　四、設置列表

　　五、簡單的CSS樣式應用

　　第二節(jié) 在網(wǎng)頁插入圖像

　　一、插入圖像

　　二、設置圖像屬性

　　三、編輯圖像

　　四、圖像外部編輯

　　五、鼠標經(jīng)過圖像

　　六、創(chuàng)建導航條

　　第三節(jié) 插入其他網(wǎng)頁元素

　　一、水平線

　　二、日期和時間

　　第四節(jié) 設置網(wǎng)頁的頁面屬性

　　一、打開頁面屬性對話框

　　二、設置網(wǎng)頁的標題

　　三、設置網(wǎng)頁的背景

　　四、設置網(wǎng)頁的文本

　　五、設置網(wǎng)頁的邊界

　　第五節(jié) 設置超級鏈接

　　一、超鏈接的路徑

　　二、創(chuàng)建基本超鏈接

　　三、錨點鏈接

　　四、熱區(qū)鏈接

　　五、電子郵件鏈接

　　第五章頁面布局規(guī)劃 4學時

　　教學目的：

　　學會運用表格進行數(shù)據(jù)展示及進行網(wǎng)頁布局，學會使用框架結構建立網(wǎng)頁。

　　教學重點與難點：

　　表格的插入、表格的編排和設置、利用表格進行布局

　　第一節(jié) 表格的基本操作

　　一、插入表格

　　二、添加內容

　　三、選擇表格

　　四、設置表格屬性

　　五、編輯表格的基本操作

　　第二節(jié) 表格布局

　　一、布局視圖

　　二、繪制布局表格和布局單元格

　　三、編輯布局表格和布局單元格

　　第三節(jié) 框架布局

　　一、建立框架

　　二、框架面板

　　三、設置框架的屬性

　　四、保存框架

　　五、框架中的超鏈接

　　第六章網(wǎng)頁中的層和時間軸 2學時

　　教學目的：

　　通過教學，使學生掌握Dream weaver層的概念、層的操作方法；時間軸的概念、時間軸中各元素的功能及時間軸的常用操作方法。

　　教學重點與難點：

　　層的操作方法、時間軸操作方法

　　第一節(jié) 層

　　一、創(chuàng)建層

　　二、層的基本操作

　　三、層與表格的轉換

　　第二節(jié) 時間軸

　　一、認識時間軸

　　二、創(chuàng)建動畫

　　第七章表單的應用 4學時

　　教學目的：

　　表單，可以收集用戶的信息和反饋意見，是網(wǎng)站管理者與瀏覽者之間溝通的橋梁，在本章將學習如何使用表單創(chuàng)建描述表單信息的網(wǎng)頁。

　　教學重點與難點：創(chuàng)建表單、處理表單的方法

　　第一節(jié) 創(chuàng)建表單

　　一、表單概述

　　二、表單對象

　　三、插入表單

　　四、表單屬性

　　第二節(jié) 創(chuàng)建表單對象

　　一、創(chuàng)建文本域

　　二、創(chuàng)建復選框

　　三、創(chuàng)建單選按鈕

　　四、創(chuàng)建列表/菜單

　　五、創(chuàng)建文件域

　　六、創(chuàng)建跳轉菜單

　　七、創(chuàng)建按鈕

　　八、創(chuàng)建單選按鈕組

　　九、創(chuàng)建圖像域

　　第三節(jié) 處理表單

　　一、使用行為驗證表單

　　二、利用郵件傳送表單

　　第八章 CSS樣式使用 6學時

　　教學目的：

　　通過教學，使學生掌握CSS樣式表的基本概念，會使用CSS樣式面板。掌握創(chuàng)建CSS樣式表的方法，新建CSS樣式表，設置CSS樣式定義對話框，創(chuàng)建外部CSS樣式表，使用和編輯自定義CSS樣式表。

　　教學重點與難點：

　　新建和和應用CSS樣式表，CSS經(jīng)典應用（大字、下劃線）、濾鏡的作用。

　　第一節(jié) CSS樣式概述

　　一、認識CSS樣式

　　二、CSS樣式的類型

　　三、CSS樣式面板

　　第二節(jié) 使用CSS樣式

　　一、創(chuàng)建CSS樣式

　　二、附加外部CSS樣式

　　三、應用CSS樣式

　　四、編輯CSS樣式

　　五、刪除CSS樣式

　　第三節(jié) CSS樣式設置

　　一、類型

　　二、背景

　　三、區(qū)塊

　　四、方框

　　五、邊框

　　六、列表

　　七、定位

　　八、擴展

　　第四節(jié) CSS樣式經(jīng)典實例

　　一、改變鼠標形狀

　　二、更改超鏈接的樣式

　　三、應用CSS濾鏡

　　第九章在網(wǎng)頁中使用行為 2學時

　　教學目的：

　　通過教學，使學生掌握Dreamweaver中行為的概念，熟練掌握使用行為面板對行為的各種操作方法。使用Dreamweaver 的內置行為為網(wǎng)頁對象添加各種常用的行為。

　　教學重點與難點：使用Dreamweaver 的內置行為為網(wǎng)頁對象添加各種常用的行為

　　第一節(jié) 認識行為

　　一、認識行為

　　二、使用行為面板

　　三、增加行為的基本步驟

　　四、修改行為

　　第二節(jié) 使用Dreamwerver內置的行為

　　一、播放聲音

　　二、打開瀏覽器窗口

　　三、彈出消息

　　四、轉到URL

　　五、設置狀態(tài)欄文本

　　六、控制Shockwave或Flash 第十章網(wǎng)頁中的多媒體應用 2學時

　　教學目的：

　　通過教學，使學生掌握在Dreamweaver中插入音頻文件的方法，掌握在Dreamweaver中插入Flash文件的方法，掌握在Dreamweaver中嵌入視頻文件的方法。

　　教學重點與難點：

　　在Dreamweaver中插入音頻文件、Flash文件、嵌入視頻文件的方法。

　　第一節(jié) 在網(wǎng)頁中插入音頻

　　一、鏈接到音頻文件

　　二、在網(wǎng)頁中嵌入音頻文件

　　三、在網(wǎng)頁加入背景音樂

　　第二節(jié) 在網(wǎng)頁中插入Flash動畫

　　一、插入Flash文本

　　二、插入Flash按鈕

　　三、插入Flash動畫

　　第三節(jié) 在網(wǎng)頁中插入視頻

　　一、鏈接到視頻文件

　　二、在網(wǎng)頁中嵌入視頻文件

　　第十一章模板和庫 1學時教學目的：

　　通過教學，使學生了解模板的概念；理解歷史記錄和庫的概念；熟練掌握模板的創(chuàng)建和使用方法；掌握歷史記錄和庫的使用方法。

　　第一節(jié) 模板

　　一、模板的創(chuàng)建

　　二、利用模板更新網(wǎng)頁

　　第二節(jié) 庫

　　一、創(chuàng)建庫項目

　　二、利用庫項目更新網(wǎng)頁

　　第十二章網(wǎng)站的測試與上傳 1學時

　　教學目的：

　　通過教學，使學生了解測試的目的以及測試所包含的內容；熟練掌握測試的方法；掌握HTML優(yōu)化的方法；掌握上傳站點的方法。

　　第一節(jié) 網(wǎng)站的測試、發(fā)布與域名

　　一、網(wǎng)站的測試與發(fā)布

　　二、網(wǎng)站的維護

　　三、網(wǎng)站的管理

　　第二節(jié) 域名

　　一、域名的概念

　　二、域名的注冊

　　三、虛擬主機

　　四、整機托管

靜態(tài)網(wǎng)頁設計專業(yè)課程教學大綱精選3

　　網(wǎng)頁設計總結報告

　　一、設計介紹.................................................................................................................2

　　二、制作過程............................................................................................................................3

　　1、布局……………………………………………………………………………………………………………………………..…3

　　2、相關插入……………………………………………………………………………………………………………………………..4

　　3、相關鏈接……………………………………………………………………………………………………………………………..4

　　三、制作代碼.................................................................................................................5

　　四、心得體會.............................................................................................................7

　　五、參考資料.............................................................................................................8

　　一、網(wǎng)頁設計介紹

　　從文件的角度來說，一個網(wǎng)頁就是一個HTML文件。當瀏覽者輸入一個網(wǎng)址或單擊某個鏈接后，在瀏覽器中顯示出來的就是一個網(wǎng)頁。一般網(wǎng)頁上都會有文本、圖片等信息，而復雜一些的網(wǎng)頁上還會有聲音、視頻、動畫等多媒體內容，為網(wǎng)頁增添了豐富的色彩和動感。靜態(tài)網(wǎng)頁是指網(wǎng)頁文件中沒有程序，只有HTML代碼，一般以.html或.htm為后綴名的網(wǎng)頁，靜態(tài)網(wǎng)站內容不會在制作完成后發(fā)生變化，任何人訪問都顯示一樣的內容。網(wǎng)站是一系列邏輯上可以視為一個整體的網(wǎng)頁集合，是許多相關網(wǎng)頁有機結合而組成的一個信息服務中心。對于小型網(wǎng)站，是指帶有一定主題的多個網(wǎng)頁集合；對于大型網(wǎng)站還包含數(shù)據(jù)庫和服務器端應用程序等如新浪、網(wǎng)易、搜狐等門戶網(wǎng)站。在構成網(wǎng)站的眾多網(wǎng)頁中，有一個頁面比較特殊，稱為首頁，即網(wǎng)站的設計課，與以前的課相比更加注重個人的創(chuàng)意能力和軟件的運用實戰(zhàn)能力，更加綜合的考驗了我，使我更加完善自我?，F(xiàn)將我的作業(yè)情況匯報如下：

　　將理論與社會實踐相結合，通過行業(yè)生產(chǎn)實踐的形式，進一步了解、認識網(wǎng)頁藝術設計工作在實際生活中廣泛應用的表現(xiàn)渠道和表現(xiàn)方法，提高認知水平，縮短工作磨合期。根據(jù)項目課題要求，結合本專業(yè)所學網(wǎng)頁設計理論知識，通過對網(wǎng)絡廣告等方面的調研和項目實踐形成文字思路，并以自命題目設計完成多媒體網(wǎng)頁設計制作。兩項內容要求準確、完整，工作過程報告內容既要客觀實際又要有認識深度，設計作品新穎有創(chuàng)意。

　　我首先的工作就是制作網(wǎng)站整體框架和收集資料，將其通過美圖秀秀完善圖片，然后導入Dreamweaver進行排版，并進一步的加以制作，完善美化，如加入 Flash Css。由于我在某些方面的技術運用還不能得心應手，許多情況下不得不求他人。

　　我經(jīng)過初步的構思，我因為要做的是湖南特色美食設計，所以要有一個時光主題，我在網(wǎng)上自己找到一些圖片和文字，做一個簡單的網(wǎng)站初步積累，考慮到主要是鍛煉我們相關軟件的操作能力與代碼初步掌握的熟練成度，由于我們這段時間沒有進行網(wǎng)站相關的課程，剛著手時，很多技術上的問題就暴露出來了，我感覺制作網(wǎng)頁是需要耐心的，如果你沒有耐心，你學不好網(wǎng)頁設計，這是我最大的體會。因為當你碰到一個問題時，如果不能立刻得到問題的答案，你可能需要長時間去解決，我就碰到過一個問題，用了很長時間才解決，在網(wǎng)上查各種資

　　料，向同學請教。學習網(wǎng)頁設計需要堅持，堅持不斷的學習，因為設計網(wǎng)頁的軟件在不斷的更新，只有綜合運用多種知識，富于個性的頁面,才能全面展現(xiàn)互聯(lián)網(wǎng)這一新型媒體的獨特魅力和多維空間的超強功能。我完成了全部課件內容，忙碌的幾周讓大家從新熟悉制作網(wǎng)站的過程，由于這次課程的網(wǎng)頁都是靜態(tài)的，難度不算大。但收獲還是很多的。比如將你的標志盡可能的放在每個頁面上最突出的位置，突出你的標準色彩，這些就是我的經(jīng)驗收獲。

　　參考資料：

　　網(wǎng)站建設自學資料；

　　百度百科。

　　江蘇大學

　　靜態(tài)網(wǎng)頁制作報告

　　學院:計算機學院

　　班級 :網(wǎng)絡1302

　　姓名:劉賽雄

　　學號:

靜態(tài)網(wǎng)頁設計專業(yè)課程教學大綱精選3篇動態(tài)網(wǎng)頁課程設計相關文章：

★ 《舞蹈形體課》課程教學大綱3篇形體與舞蹈教學大綱

★ 網(wǎng)頁設計師個人工作總結范文3篇個人網(wǎng)站設計總結