第一篇：靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)專業(yè)課程教學(xué)大綱（精選）

《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)大綱

課程名稱（中文/英文）：靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)

課程性質(zhì)：專業(yè)基礎(chǔ)課必修課 適用專業(yè)：計(jì)算機(jī)科學(xué)與技術(shù) 學(xué) 時(shí) 數(shù)： 76 其中：實(shí)驗(yàn)/上機(jī)學(xué)時(shí)：38 學(xué) 分 數(shù)： 4 考核方式：任務(wù)上機(jī)方式進(jìn)行考核。成績(jī)構(gòu)成如下：平時(shí)：40%期末：60% 先修課程：無(wú) 后續(xù)課程： 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)、JSP 等 教學(xué)參考書：

1.溫謙，趙偉等，網(wǎng)頁(yè)制作綜合技術(shù)教程，人民郵電出版社，2009 2．向隅，網(wǎng)頁(yè)設(shè)計(jì)實(shí)用教程，北京郵電出版社，2009 3.張磊，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，中國(guó)鐵道出版社 2006 開課部門：計(jì)算機(jī)系計(jì)算機(jī)科學(xué)與技術(shù)教研室 課程簡(jiǎn)介：

《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)》主要講解如何應(yīng)用Dreamweaver創(chuàng)建和管理網(wǎng)站、網(wǎng)頁(yè)制作基本知識(shí)，講授Dreamweaver網(wǎng)頁(yè)制作集成工具使用方法等內(nèi)容。本課程介紹html的基礎(chǔ)知識(shí)，CSS的基礎(chǔ)知識(shí)，以及開發(fā)WEB最流行的工具Dreamweaver的使用方法。主要包括基本html語(yǔ)句的語(yǔ)法，各種內(nèi)容在網(wǎng)頁(yè)中的插入，表格布局，css樣式表，層的使用等。

教學(xué)目的和要求

《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)》是計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)的一門重要專業(yè)基礎(chǔ)課。通過本課程學(xué)習(xí)，使學(xué)生掌握構(gòu)建網(wǎng)站的基本知識(shí)，熟悉網(wǎng)頁(yè)開發(fā)平臺(tái)的使用，能夠獨(dú)立的創(chuàng)建個(gè)人網(wǎng)站。

教學(xué)重點(diǎn)和難點(diǎn)

Html中頁(yè)面標(biāo)簽元素的使用，CSS樣式表的設(shè)計(jì)

教學(xué)方法

啟發(fā)式教學(xué)，引導(dǎo)學(xué)生通過實(shí)例獲取知識(shí)，鞏固知識(shí)。多媒體教學(xué)，機(jī)房授課 教學(xué)主要內(nèi)容

第一章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)（4學(xué)時(shí)）1.1 網(wǎng)頁(yè)的基礎(chǔ)概念 1.2 網(wǎng)頁(yè)與HTML 1.3 WEB標(biāo)準(zhǔn)

1.4 網(wǎng)頁(yè)設(shè)計(jì)與開發(fā)過程 1.5 HTML基礎(chǔ) 1.6 簡(jiǎn)單的HTML案例 1.7 網(wǎng)頁(yè)源文件的獲取

1.8 利用Dreamweaver快速建立基本文檔 第二章 用HTML設(shè)置文本和圖像（4學(xué)時(shí)）2.1 文本排版 2.2文字列表

2.3 HTML標(biāo)記與HTML屬性

2.4 HTML標(biāo)記與HTML屬性的局限性 2.5 特殊文字符號(hào) 2.6 使用圖像 2.7 設(shè)置圖片的尺寸 2.8 設(shè)置圖像的替換文本

2.9 利用Dreamweaver設(shè)置文本和圖像2.10 利用Dreamweaver代碼提高效率 第三章 超鏈接（4學(xué)時(shí)）3.1 設(shè)置文字超鏈接 3.2 設(shè)置頁(yè)面內(nèi)部超鏈接 3.3 設(shè)置圖片超鏈接 3.4 設(shè)置電子郵件超鏈接 3.5 設(shè)置鏈接頁(yè)面的目標(biāo)窗口 3.6 創(chuàng)建熱點(diǎn)區(qū)域 3.7 框架之間的鏈接

第四章 使用表格與表單（4學(xué)時(shí)）4.1 使用表格 4.2 使用表單

4.3 Dreamweaver中的模版

第五章(X)HTML與CSS概述（4學(xué)時(shí)）5.1 HTML與 XHTML 5.2(X)HTML與CSS

5.3 構(gòu)造CSS規(guī)則 5.4 基本CSS選擇器

5.5 在HTML中使用CSS的方法 第六章 CSS樣式設(shè)置實(shí)踐（6學(xué)時(shí)）6.1 手工編寫頁(yè)面

6.2 使用Dreamweave進(jìn)行CSS設(shè)置 6.3 復(fù)合選擇器 6.4 CSS的繼承特性 6.5 CSS的層疊特性

第七章 用CSS設(shè)置文本和圖像（6學(xué)時(shí)）7.1 使用CSS設(shè)置文本樣式 7.2 用CSS設(shè)置圖像樣式 7.3 用CSS設(shè)置背景樣式

第八章 用CSS設(shè)置鏈接與導(dǎo)航菜單（6學(xué)時(shí)）8.1 豐富的超鏈接特效 8.2 控制鼠標(biāo)指針 8.3 設(shè)置項(xiàng)目列表樣式 8.4 創(chuàng)建簡(jiǎn)單的導(dǎo)航菜單

8.5 應(yīng)用滑動(dòng)門技術(shù)的玻璃效果菜單

第九章 用CSS設(shè)置表格和表單樣式（6學(xué)時(shí)）9.1 控制表格 9.2 美化表格 9.3 案例—日歷 9.4 CSS與表單

第十章 CSS盒子模型（8學(xué)時(shí)）10.1 “盒子”與“模型”的概念探究 10.2 邊框 10.3 設(shè)置內(nèi)邊距 10.4 設(shè)置外邊距 10.5 盒子之間的關(guān)系

10.6 盒子在標(biāo)準(zhǔn)流中的定位原則 第十一章 盒子的浮動(dòng)與定位（8學(xué)時(shí)）11.1 盒子的浮動(dòng) 11.2 盒子的定位 11.3 z-index空間位置 11.4 盒子與display屬性

第十二章 CSS+div布局方法剖析（8學(xué)時(shí)）12.1 CSS排版觀念

12.2 固定寬度且居中的款式 12.3 左中右版式 12.4 塊的背景色問題

12.5 div 排版與傳統(tǒng)的表格方式排版的分析 案例設(shè)計(jì)（8學(xué)時(shí)）

執(zhí)筆人： 魏榮華

審核人：

第二篇：靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)知識(shí)點(diǎn)

第一章 概述 4學(xué)時(shí)

教學(xué)目的：

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

網(wǎng)頁(yè)、網(wǎng)站設(shè)計(jì)流程，網(wǎng)頁(yè)基本要素

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

一、網(wǎng)頁(yè)

二、網(wǎng)站

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

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

一、文本

二、圖像

三、鏈接標(biāo)志

四、其他的基本要素

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

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

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

三、動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)

第四節(jié) 網(wǎng)頁(yè)設(shè)計(jì)的基本流程

一、網(wǎng)站的設(shè)計(jì)流程

二、網(wǎng)頁(yè)的設(shè)計(jì)與制作

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

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

第二章 HTML語(yǔ)言基礎(chǔ) 6學(xué)時(shí)

教學(xué)目的：

了解HTML文件的基本結(jié)構(gòu)，掌握HTML中文本的編輯及圖像的語(yǔ)法，掌握HTML中各種設(shè)置超級(jí)鏈接的語(yǔ)法，掌握HTML中表格和框架的基本語(yǔ)法。

教學(xué)重點(diǎn)與難點(diǎn)：

HTML的語(yǔ)法結(jié)構(gòu)、超級(jí)鏈接的語(yǔ)法、表格和框架的基本語(yǔ)法。

第一節(jié) HTML概述

一、HTML簡(jiǎn)介

二、HTML語(yǔ)法結(jié)構(gòu)

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

一、段落標(biāo)記

二、文本標(biāo)記

三、標(biāo)題顯示等級(jí)

四、列表

第三節(jié) 圖像編輯

一、插入圖像

二、使用背景圖像

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

一、建立超鏈接

二、使用書簽

三、標(biāo)記新窗口和基準(zhǔn)鏈接

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

一、建立表格

二、表格屬性

三、建立框架

四、框架屬性

第三章 Dream weaver基礎(chǔ) 2學(xué)時(shí)

教學(xué)目的：

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

教學(xué)重點(diǎn)與難點(diǎn)：

規(guī)劃站點(diǎn)的結(jié)構(gòu)、網(wǎng)頁(yè)的基本操作

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

一、啟動(dòng)和退出Dreamweaver

二、Dreamweaver操作界面

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

一、規(guī)劃網(wǎng)站的整體結(jié)構(gòu)

二、建立本地站點(diǎn)

三、管理本地站點(diǎn)

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

一、新建網(wǎng)頁(yè)

二、保存網(wǎng)頁(yè)

三、關(guān)閉網(wǎng)頁(yè)

四、打開網(wǎng)頁(yè)

五、預(yù)覽網(wǎng)頁(yè)

第四章 網(wǎng)頁(yè)中的基礎(chǔ)元素 4學(xué)時(shí)

教學(xué)目的：

通過本章的學(xué)習(xí)可以掌握在網(wǎng)頁(yè)中的文本和段落的設(shè)置方法，掌握?qǐng)D像的插入及其屬性的設(shè)置的方法，熟悉頁(yè)面屬性的設(shè)置，熟悉各種超級(jí)鏈接及設(shè)置。

教學(xué)重點(diǎn)與難點(diǎn)：

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

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

一、插入文本

二、設(shè)置文本格式

三、段落格式的編輯

四、設(shè)置列表

五、簡(jiǎn)單的CSS樣式應(yīng)用

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

一、插入圖像

二、設(shè)置圖像屬性

三、編輯圖像

四、圖像外部編輯

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

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

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

一、水平線

二、日期和時(shí)間

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

一、打開頁(yè)面屬性對(duì)話框

二、設(shè)置網(wǎng)頁(yè)的標(biāo)題

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

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

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

第五節(jié) 設(shè)置超級(jí)鏈接

一、超鏈接的路徑

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

三、錨點(diǎn)鏈接

四、熱區(qū)鏈接

五、電子郵件鏈接

第五章 頁(yè)面布局規(guī)劃 4學(xué)時(shí)

教學(xué)目的：

學(xué)會(huì)運(yùn)用表格進(jìn)行數(shù)據(jù)展示及進(jìn)行網(wǎng)頁(yè)布局，學(xué)會(huì)使用框架結(jié)構(gòu)建立網(wǎng)頁(yè)。

教學(xué)重點(diǎn)與難點(diǎn)：

表格的插入、表格的編排和設(shè)置、利用表格進(jìn)行布局

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

一、插入表格

二、添加內(nèi)容

三、選擇表格

四、設(shè)置表格屬性

五、編輯表格的基本操作

第二節(jié) 表格布局

一、布局視圖

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

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

第三節(jié) 框架布局

一、建立框架

二、框架面板

三、設(shè)置框架的屬性

四、保存框架

五、框架中的超鏈接

第六章 網(wǎng)頁(yè)中的層和時(shí)間軸 2學(xué)時(shí)

教學(xué)目的：

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

教學(xué)重點(diǎn)與難點(diǎn)：

層的操作方法、時(shí)間軸操作方法

第一節(jié) 層

一、創(chuàng)建層

二、層的基本操作

三、層與表格的轉(zhuǎn)換

第二節(jié) 時(shí)間軸

一、認(rèn)識(shí)時(shí)間軸

二、創(chuàng)建動(dòng)畫

第七章 表單的應(yīng)用 4學(xué)時(shí)

教學(xué)目的：

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

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

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

一、表單概述

二、表單對(duì)象

三、插入表單

四、表單屬性

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

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

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

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

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

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

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

七、創(chuàng)建按鈕

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

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

第三節(jié) 處理表單

一、使用行為驗(yàn)證表單

二、利用郵件傳送表單

第八章 CSS樣式使用 6學(xué)時(shí)

教學(xué)目的：

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

教學(xué)重點(diǎn)與難點(diǎn)：

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

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

一、認(rèn)識(shí)CSS樣式

二、CSS樣式的類型

三、CSS樣式面板

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

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

二、附加外部CSS樣式

三、應(yīng)用CSS樣式

四、編輯CSS樣式

五、刪除CSS樣式

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

一、類型

二、背景

三、區(qū)塊

四、方框

五、邊框

六、列表

七、定位

八、擴(kuò)展

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

一、改變鼠標(biāo)形狀

二、更改超鏈接的樣式

三、應(yīng)用CSS濾鏡

第九章 在網(wǎng)頁(yè)中使用行為 2學(xué)時(shí)

教學(xué)目的：

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

教學(xué)重點(diǎn)與難點(diǎn)： 使用Dreamweaver 的內(nèi)置行為為網(wǎng)頁(yè)對(duì)象添加各種常用的行為

第一節(jié) 認(rèn)識(shí)行為

一、認(rèn)識(shí)行為

二、使用行為面板

三、增加行為的基本步驟

四、修改行為

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

一、播放聲音

二、打開瀏覽器窗口

三、彈出消息

四、轉(zhuǎn)到URL

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

六、控制Shockwave或Flash 第十章 網(wǎng)頁(yè)中的多媒體應(yīng)用 2學(xué)時(shí)

教學(xué)目的：

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

教學(xué)重點(diǎn)與難點(diǎn)：

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

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

一、鏈接到音頻文件

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

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

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

一、插入Flash文本

二、插入Flash按鈕

三、插入Flash動(dòng)畫

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

一、鏈接到視頻文件

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

第十一章 模板和庫(kù) 1學(xué)時(shí) 教學(xué)目的：

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

第一節(jié) 模板

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

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

第二節(jié) 庫(kù)

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

二、利用庫(kù)項(xiàng)目更新網(wǎng)頁(yè)

第十二章 網(wǎng)站的測(cè)試與上傳 1學(xué)時(shí)

教學(xué)目的：

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

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

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

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

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

第二節(jié) 域名

一、域名的概念

二、域名的注冊(cè)

三、虛擬主機(jī)

四、整機(jī)托管

第三篇：靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)總結(jié)報(bào)告

網(wǎng)頁(yè)設(shè)計(jì)總結(jié)報(bào)告

目錄

一、設(shè)計(jì)介紹.................................................................................................................2

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

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

2、相關(guān)插入……………………………………………………………………………………………………………………………..4

3、相關(guān)鏈接……………………………………………………………………………………………………………………………..4

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

四、心得體會(huì).............................................................................................................7

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

一、網(wǎng)頁(yè)設(shè)計(jì)介紹

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

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

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

我經(jīng)過初步的構(gòu)思，我因?yàn)橐龅氖呛咸厣朗吃O(shè)計(jì)，所以要有一個(gè)時(shí)光主題，我在網(wǎng)上自己找到一些圖片和文字，做一個(gè)簡(jiǎn)單的網(wǎng)站初步積累，考慮到主要是鍛煉我們相關(guān)軟件的操作能力與代碼初步掌握的熟練成度，由于我們這段時(shí)間沒有進(jìn)行網(wǎng)站相關(guān)的課程，剛著手時(shí)，很多技術(shù)上的問題就暴露出來(lái)了，我感覺制作網(wǎng)頁(yè)是需要耐心的，如果你沒有耐心，你學(xué)不好網(wǎng)頁(yè)設(shè)計(jì)，這是我最大的體會(huì)。因?yàn)楫?dāng)你碰到一個(gè)問題時(shí)，如果不能立刻得到問題的答案，你可能需要長(zhǎng)時(shí)間去解決，我就碰到過一個(gè)問題，用了很長(zhǎng)時(shí)間才解決，在網(wǎng)上查各種資

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

參考資料：

網(wǎng)站建設(shè)自學(xué)資料；

百度百科。

江蘇大學(xué)

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

學(xué)院:計(jì)算機(jī)學(xué)院

班級(jí) :網(wǎng)絡(luò)1302

姓名:劉賽雄

學(xué)號(hào):3130610036

第四篇：大學(xué)生活主題靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)范文

畢業(yè)綜合實(shí)踐報(bào)告

Graduation Synthesis Practice Report

大學(xué)生活主題靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)

Static Webpage Design of University Class Theme

系別:計(jì)算機(jī)工程系

班級(jí):

學(xué)生姓名:

學(xué)號(hào):

指導(dǎo)老師:

完成日期:2014/4/30

第五篇：網(wǎng)頁(yè)設(shè)計(jì)教學(xué)大綱

網(wǎng)頁(yè)設(shè)計(jì)教學(xué)大綱

一、課程性質(zhì)與任務(wù)

1、課程性質(zhì)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是中計(jì)算機(jī)專業(yè)開設(shè)的一門專業(yè)必修課，是計(jì)算機(jī)類專業(yè)的一門實(shí)踐環(huán)節(jié)課程，也可以作為其他相關(guān)專業(yè)的實(shí)踐課程或選修課，它是一門操作性和實(shí)踐性很強(qiáng)的職業(yè)技術(shù)課程。本課程的主要內(nèi)容為系統(tǒng)介紹網(wǎng)頁(yè)編輯與制作軟件Dreamweaver cs3，通過這種有代表性的網(wǎng)頁(yè)制作軟件的使用，掌握網(wǎng)站設(shè)計(jì)的全過程，并能熟練地制作出有專業(yè)水準(zhǔn)的網(wǎng)站。2、課程任務(wù)

本門課程在專業(yè)教學(xué)計(jì)劃中起著十分重要的作用，通過這門課程，學(xué)生可以掌握以下技能和知識(shí)：

* 掌握網(wǎng)站的開發(fā)流程，如建站規(guī)劃、效果圖制作、建立站點(diǎn)等相關(guān)知識(shí)。

* 掌握各種網(wǎng)頁(yè)元素在Dreamweaver cs3中的使用。例如表格、文本、圖像、超級(jí)鏈接、層和表單等。

* 熟悉一些網(wǎng)頁(yè)設(shè)計(jì)輔助軟件的功能和使用方法。例如Flash、Fireworks、Photoshop等。* 掌握測(cè)試和發(fā)布網(wǎng)站的方法。包括網(wǎng)站測(cè)試的內(nèi)容和方法。* 能夠解決一些網(wǎng)頁(yè)設(shè)計(jì)中的常見問題。

* 了解ASP開發(fā)平臺(tái)的搭建，Dreamweaver cs3在動(dòng)態(tài)網(wǎng)頁(yè)制作方面的應(yīng)用。

二、課程教學(xué)目標(biāo)與要求

1、本課程的基本目標(biāo)

（1）使學(xué)生通過本課程的學(xué)習(xí)，掌握Dreamweaver cs3的使用方法，學(xué)會(huì)使用Dreamweaver cs3制作Web網(wǎng)頁(yè)的技術(shù)。

（2）本課程學(xué)習(xí)結(jié)束后，學(xué)生應(yīng)能自行設(shè)計(jì)各種網(wǎng)頁(yè)、開發(fā)一定規(guī)模的網(wǎng)站，使學(xué)生通過本課程的學(xué)習(xí)，熟練掌握其基本制作方法和技巧，并最終設(shè)計(jì)一個(gè)綜合性的網(wǎng)站并且編制簡(jiǎn)單的腳本上傳到互聯(lián)網(wǎng)上。

2、課程在知識(shí)、素質(zhì)方面的基本要求（1）知識(shí)要求

深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握網(wǎng)站設(shè)計(jì)和發(fā)布的1 流程。理解網(wǎng)站維護(hù)管理的意義及重要性，理解服務(wù)器、客戶端、瀏覽器的概念和作用；了解多種網(wǎng)頁(yè)制作軟件和圖像處理軟件相結(jié)合設(shè)計(jì)網(wǎng)站的好處。了解Dreamweaver cs3在動(dòng)態(tài)網(wǎng)站上的應(yīng)用。（2）素質(zhì)要求

本課程將培養(yǎng)學(xué)生以下幾方面的職業(yè)素質(zhì)： 服務(wù)意識(shí)：能夠?yàn)樗颂峁﹥?yōu)質(zhì)的服務(wù)；

文明法制意識(shí)：網(wǎng)站內(nèi)容應(yīng)積極健康向上，不做違法的事；

合作精神：能夠與他人進(jìn)行合作，具有協(xié)調(diào)工作能力和組織管理能力； 較強(qiáng)的自我知識(shí)及技術(shù)更新能力：快速跟蹤網(wǎng)頁(yè)制作的新技術(shù)及市場(chǎng)應(yīng)用動(dòng)態(tài)。

三、教學(xué)內(nèi)容結(jié)構(gòu)

學(xué)生應(yīng)按照《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)課程設(shè)計(jì)指導(dǎo)書》的要求認(rèn)真設(shè)計(jì)。教師應(yīng)掌握好課程設(shè)計(jì)的總體進(jìn)度，并組織答疑，以保證學(xué)生按時(shí)保質(zhì)、保量地完成任務(wù)。學(xué)生最后所完成的《網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站建設(shè)課程設(shè)計(jì)報(bào)告》應(yīng)當(dāng)做到內(nèi)容齊全、條理清楚、文字通暢、打印或書寫規(guī)范。

（1）網(wǎng)站建設(shè)總體策劃

（2）域名注冊(cè)與建站方式選擇論證（3）網(wǎng)站總體設(shè)計(jì)（4）網(wǎng)站靜態(tài)頁(yè)面設(shè)計(jì)（5）Web數(shù)據(jù)庫(kù)設(shè)計(jì)

（6）網(wǎng)站測(cè)試、發(fā)布與維護(hù)管理

四、教學(xué)內(nèi)容與要求

第一章

網(wǎng)頁(yè)設(shè)計(jì)概述：重點(diǎn)講授網(wǎng)站，網(wǎng)頁(yè)設(shè)計(jì)的概念；了解網(wǎng)頁(yè)設(shè)計(jì)設(shè)計(jì)的相關(guān)概念；了解網(wǎng)頁(yè)設(shè)計(jì)的語(yǔ)言HTML；掌握學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的某一種工具；理解網(wǎng)站和網(wǎng)頁(yè)的關(guān)系。

第二章

網(wǎng)頁(yè)賞析：初步了解網(wǎng)頁(yè)賞析要求；理解網(wǎng)頁(yè)賞析的理論要求；掌握網(wǎng)頁(yè)突破性設(shè)計(jì)的要素；分清各類網(wǎng)站的設(shè)計(jì)要求和框架；理解實(shí)例分析過程。

第三章

網(wǎng)頁(yè)規(guī)劃與布局：了解網(wǎng)頁(yè)的組織結(jié)構(gòu)，掌握網(wǎng)頁(yè)內(nèi)容上的組織方法；熟悉網(wǎng)頁(yè)設(shè)計(jì)的流程和注意事項(xiàng)；了解網(wǎng)站的規(guī)劃與建設(shè)；熟悉網(wǎng)站設(shè)計(jì)，掌握網(wǎng)站與網(wǎng)頁(yè)的區(qū)別。

第四章

網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意：通過對(duì)創(chuàng)意思維及創(chuàng)意手法的講解，輔以對(duì)優(yōu)秀網(wǎng)頁(yè)作品的分析，啟發(fā)學(xué)生全面的創(chuàng)新思維，進(jìn)而從多角度的思維中獨(dú)樹一幟，培養(yǎng)學(xué)生的個(gè)性化意識(shí)。讓學(xué)生對(duì)優(yōu)秀設(shè)計(jì)的創(chuàng)意進(jìn)行解讀和闡釋，并分析其創(chuàng)新之處，鼓勵(lì)學(xué)生敢于發(fā)覺新意，提2 出自己獨(dú)到的見解。

第五章

網(wǎng)頁(yè)編程語(yǔ)言：了解HTML、CSS的定義、概念和作用；理解HTML語(yǔ)言中的各種文本格式、字符格式、段落設(shè)置、列表標(biāo)記的作用；會(huì)用HTML語(yǔ)言總的標(biāo)記設(shè)置顏色、文本格式和列表；掌握HTML的語(yǔ)法結(jié)構(gòu)，掌握HTML語(yǔ)言中標(biāo)記的使用方法；理解表格、框架、表單的作用。理解CSS樣式表的作用和意義；掌握CSS樣式表的結(jié)構(gòu)；掌握在網(wǎng)頁(yè)中添加CSS的方法。掌握三種添加樣式信息的方法，會(huì)使用CSS設(shè)置網(wǎng)頁(yè)格式和列表的格式。

第六章

網(wǎng)頁(yè)制作工具：

（1）通過教學(xué)，使學(xué)生能夠用基本法和高級(jí)法新建站點(diǎn)、編輯站點(diǎn)，掌握如何在站點(diǎn)中新建文件和文件夾，會(huì)預(yù)覽網(wǎng)頁(yè)。

（2）掌握表格的組成和基本操作方法；熟練掌握穿件表格、表格操作、表格編輯的方法；（3）掌握表單的基本概念和表單的各個(gè)組成元素；掌握插入表單以及表單元素的方法；會(huì)制作具有表單的網(wǎng)頁(yè)。

（4）通過教學(xué)，掌握在動(dòng)畫中添加聲音的操作方法以及設(shè)置動(dòng)畫聲音的各種屬性。（5）通過教學(xué)，使學(xué)生掌握導(dǎo)出與發(fā)布Flash動(dòng)畫的方法，能夠準(zhǔn)確設(shè)置Flash8動(dòng)畫作品的發(fā)布格式。

第七章

動(dòng)態(tài)網(wǎng)頁(yè)介紹：掌握靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)的概念；了解實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁(yè)的四種技術(shù)（CGI、ASP、JSP和PHP）的特點(diǎn)；掌握數(shù)據(jù)庫(kù)、數(shù)據(jù)庫(kù)管理系統(tǒng)、Web數(shù)據(jù)庫(kù)的概念及關(guān)系數(shù)據(jù)庫(kù)的特點(diǎn)；理解數(shù)據(jù)庫(kù)在開發(fā)動(dòng)態(tài)網(wǎng)頁(yè)中的地位；了解ASP、JSP、PHP如何訪問Web數(shù)據(jù)庫(kù)。

第八章

設(shè)計(jì)實(shí)例：綜合運(yùn)用前七章所學(xué)的知識(shí)創(chuàng)建和編輯一個(gè)站點(diǎn)，掌握主頁(yè)和子頁(yè)、子頁(yè)之間、以及站內(nèi)和站外的鏈接。

五、教學(xué)實(shí)施、教學(xué)方法：本課程是一門應(yīng)用型課程，涉及到以前所學(xué)知識(shí)點(diǎn)較多，因此在教學(xué)中應(yīng)注意啟發(fā)式教學(xué)并加強(qiáng)項(xiàng)目教學(xué)的直觀性。、教學(xué)場(chǎng)所與設(shè)備要求：安裝有 Windows XP 或 Windows 2000 的機(jī)房均可以進(jìn)行實(shí)驗(yàn)，教學(xué)要求在多媒體教室進(jìn)行。

六、考核與評(píng)價(jià)方式

有筆試和機(jī)試兩種考試形式，主要由選擇題、實(shí)驗(yàn)操作題組成。在總成績(jī)中，筆試成績(jī)和上機(jī)考試成績(jī)各占50%。