本篇文章給大家談談網(wǎng)頁設計與制作期末作業(yè)教程，以及網(wǎng)頁設計與制作教程期末考試試題對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、網(wǎng)頁設計與制作教程的人民郵電出版社教材
• 2、《網(wǎng)頁設計與制作》第一章 練習題
• 3、自學網(wǎng)頁設計與制作求指導！
• 4、網(wǎng)頁設計與制作期末作業(yè)
• 5、網(wǎng)頁設計課程

網(wǎng)頁設計與制作教程的人民郵電出版社教材

書　名　網(wǎng)頁設計與制作教程

叢 書 名　21世紀高等學校計算機規(guī)劃教材

標準書號　ISBN 978-7-115-24673-8

編目分類　TP393.092

作　者　楊帆 嚴耀偉 王方 編著

責任編輯　鄒文波

開　本　16 開

印　張　16.5

字　數(shù)　432 千字

頁　數(shù)　256 頁

裝　幀　平裝

版　次　第1版第1次

初版時間　2011年2月

本 印 次　2011年2月

首 印 數(shù)　-- 冊

定　價　29.60 元 本書是按照教育部高等學校計算機基礎課程教學指導委員會提出的《關于進一步加強高校計算機基礎教學的意見》中有關“網(wǎng)頁設計基礎”課程的教學要求及人才培養(yǎng)的新要求，結(jié)合獨立院校學生特點組織編寫的。全書共分8章，書中系統(tǒng)地介紹網(wǎng)頁的構(gòu)思、規(guī)劃、制作和網(wǎng)站建設的全過程。主要內(nèi)容包括：網(wǎng)頁設計基礎知識、Dreamweaver基礎、網(wǎng)頁色彩和布局的控制、制作Web動畫——Flash、網(wǎng)頁常見應用功能設計、網(wǎng)站發(fā)布與維護基礎知識、網(wǎng)站設計案例和動態(tài)網(wǎng)頁設計介紹。

本書內(nèi)容全面，構(gòu)思清晰，結(jié)構(gòu)合理，注重實踐能力的培養(yǎng)，實用性和可操作性較強。各章附有適量的習題，引導讀者學習和掌握各章節(jié)的知識，便于自學。

本書可作為高等學校非計算機專業(yè)“網(wǎng)頁設計與制作”課程的教材，也可供網(wǎng)頁設計愛好者學習參考。 第1章　網(wǎng)頁設計基礎知識　1

1.1　網(wǎng)絡基礎知識　1

1.1.1　網(wǎng)絡知識簡介　1

1.1.2　Internet　3

1.1.3　TCP/TP　5

1.1.4　IP地址　5

1.1.5　瀏覽器基本操作　7

1.2　網(wǎng)頁網(wǎng)站基礎知識　9

1.2.1　網(wǎng)頁　9

1.2.2　網(wǎng)頁中的常見元素　11

1.2.3　網(wǎng)站　12

1.2.4　HTML　12

1.2.5　網(wǎng)站服務器工作的基本原理　13

1.2.6　網(wǎng)頁設計制作常用的工具軟件　15

1.2.7　網(wǎng)頁設計制作流程　16

習題　19

第2章　Dreamweaver基礎　20

2.1　Dreamweaver基本操作　20

2.1.1　Dreamweaver的工作環(huán)境　20

2.1.2　Dreamweaver的簡單操作　30

2.1.3　Dreamweaver的視圖模式　36

2.1.4　在網(wǎng)頁中添加內(nèi)容與超級鏈接　37

2.1.5　網(wǎng)頁設計結(jié)果測試　41

2.2　添加文本　43

2.2.1　在Dreamweaver中添加文本　43

2.2.2　文本格式設置　44

2.2.3　文本相關常用html標記　44

2.3　添加圖像　46

2.3.1　在網(wǎng)頁中添加各種圖像　46

2.3.2　圖像格式設置　48

2.3.3　圖像標記及其屬性　49

2.3.4　使用Dreamweaver制作網(wǎng)絡相冊　52

2.4　添加多媒體　53

2.4.1　在網(wǎng)頁中添加視頻媒體　54

2.4.2　在網(wǎng)頁中添加音頻媒體　55

2.4.3　在網(wǎng)頁中添加動畫　58

2.4.4　媒體播放控制　59

2.4.5　多媒體標記介紹　60

2.5　超級鏈接應用　61

2.5.1　鏈接到各種對象　67

2.5.2　圖像熱區(qū)設置　78

2.5.3　鏈接的創(chuàng)建與管理　81

2.5.4　跳轉(zhuǎn)菜單　81

2.5.5　導航條　82

2.5.6　查找斷開的、外部的和孤立的鏈接　84

2.5.7　修復斷開的鏈接　85

2.5.8　將JavaScript腳本附加到鏈接上　86

2.6　表單應用基礎　86

2.6.1　創(chuàng)建表單對象　86

2.6.2　創(chuàng)建文本域　87

2.6.3　創(chuàng)建復選框和單選按鈕　88

2.6.4　建立列表和菜單　88

2.6.5　創(chuàng)建跳轉(zhuǎn)菜單　89

2.6.6　創(chuàng)建文件域和圖像域　89

2.6.7　常見表單元素使用　90

2.6.8　表單標記介紹　90

2.6.9　表單應用舉例　92

習題　93

第3章　網(wǎng)頁色彩和布局的控制　94

3.1　表格應用　94

3.1.1　表格基礎　95

3.1.2　修飾網(wǎng)頁各種元素　99

3.2　框架的規(guī)劃與建立　101

3.2.1　框架與表格　101

3.2.2　規(guī)劃框架　102

3.2.3　創(chuàng)建框架　102

3.2.4　框架的操作　104

3.2.5　Spry框架　105

3.3　層的運用　106

3.3.1　創(chuàng)建層　107

3.3.2　層的操作　108

3.3.3　層與表格的關系　111

3.4　CSS樣式布局基礎和應用　112

3.4.1　CSS樣式表概述　112

3.4.2　CSS樣式面板　114

3.4.3　CSS樣式的創(chuàng)建　116

3.4.4　應用自定義的CSS樣式　123

3.4.5　附加外部CSS樣式表　124

3.4.6　導出外部CSS樣式表　124

3.4.7　編輯CSS樣式表　124

3.4.8　CSS樣式的優(yōu)先順序　125

3.4.9　Spry框架中的CSS設置　126

3.5　各種樣式表元素應用　130

3.5.1　文字樣式　130

3.5.2　邊框樣式　131

3.5.3　顏色樣式　132

3.6　網(wǎng)頁色彩搭配基礎知識　132

3.6.1　色彩基礎知識　133

3.6.2　網(wǎng)頁色彩搭配的原則(配色方案)　137

3.6.3　網(wǎng)站中的色彩應用　147

3.7　網(wǎng)頁布局控制　153

3.7.1　常見的網(wǎng)頁布局　153

3.7.2　網(wǎng)頁布局補遺　156

習題　156

第4章　制作Web動畫——Flash　159

4.1　Flash概述　159

4.1.1　Flash的發(fā)展　159

4.1.2　Flash的功能　160

4.1.3　Flash的發(fā)展趨勢　161

4.1.4　Flash的工作界面　162

4.1.5　Flash“工具”面板　163

4.1.6　Flash常用對象面板　164

4.2　制作一個Flash　165

4.2.1　制作Flash文檔　165

4.2.2　發(fā)布Flash文檔　168

4.3　Flash基礎　168

4.3.1　使用Flash資源　168

4.3.2　元件的創(chuàng)建　169

4.3.3　庫面板中使用文件夾　170

4.3.4　實例的使用　170

4.3.5　Flash繪圖　170

4.3.6　顏色處理　173

4.4　Flash動畫　177

4.4.1　幀和關鍵幀　177

4.4.2　時間軸的功能　178

4.4.3　圖層和文件夾　178

4.4.4　繪圖紙按鈕的功能　179

4.4.5　幀的操作　180

4.4.6　形狀補間和動畫補間　180

4.4.7　引導層的使用　181

4.4.8　遮罩層的使用　182

4.4.9　多場景動畫　182

習題　183

第5章　網(wǎng)頁常見應用功能設計　184

5.1　菜單設計　184

5.1.1　菜單設計分析　184

5.1.2　使用Dreamweaver設計菜單　186

5.2　浮動標簽設計　188

5.2.1　浮動標簽應用舉例　188

5.2.2　Dreamweaver浮動標簽設計　189

5.3　網(wǎng)站導航設計　190

5.3.1　導航案例分析　190

5.3.2　導航設計　190

5.4　網(wǎng)站模板設計　193

5.4.1　模板應用舉例　193

5.4.2　Dreamweaver設計模板　194

5.5　其他效果設計　196

5.5.1　彈出窗口　196

5.5.2　狀態(tài)欄顯示文本　197

5.5.3　頁面自動跳轉(zhuǎn)　198

5.5.4　彈出提示信息　200

5.5.5　圖片移動效果　201

習題　203

第6章　網(wǎng)站發(fā)布與維護基礎知識　205

6.1　發(fā)布網(wǎng)站到IIS　205

6.1.1　發(fā)布網(wǎng)站內(nèi)容　205

6.1.2　測試網(wǎng)站　207

6.2　站點維護基礎知識　208

6.2.1　停止啟動服務器　208

6.2.2　站點基本配置　208

習題　212

第7章　網(wǎng)站設計案例　213

7.1　網(wǎng)站系統(tǒng)設計　213

7.1.1　網(wǎng)站設計的基本過程　213

7.1.2　網(wǎng)站設計的基本原則　214

7.2　網(wǎng)站內(nèi)容設計　215

7.2.1　網(wǎng)頁外觀設計　216

7.2.2　網(wǎng)站制作流程簡介　219

7.3　個人網(wǎng)站設計實例　224

7.3.1　首頁設計　224

7.3.2　其他頁設計　235

7.3.3　網(wǎng)站整合　239

7.4　發(fā)布站點　241

7.4.1　申請空間　242

7.4.2　發(fā)布內(nèi)容　242

7.5　網(wǎng)站的管理和維護　244

習題　244

第8章　動態(tài)網(wǎng)頁設計介紹　245

8.1　動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁　245

8.2　ASP基礎知識與應用　246

8.2.1　ASP介紹　246

8.2.2　ASP基礎知識　247

8.2.3　設計一個簡單的ASP網(wǎng)頁　249

8.3　常見其他動態(tài)網(wǎng)頁設計技術(shù)介紹　252

8.3.1　PHP　252

8.3.2　JSP　253

8.4　ASP.net網(wǎng)站設計　254

習題　256

《網(wǎng)頁設計與制作》第一章 練習題

《網(wǎng)頁設計與制作》第一章 練習題網(wǎng)頁制作

1．請列出三種TCP/IP網(wǎng)絡中所使用的協(xié)議，并說明它們哪些類型的終端之間的，例如，網(wǎng)絡管理站（SNMP）是用于中央網(wǎng)絡管理站和網(wǎng)絡之間的。

參考答案：

（1）HTTP：超文本傳輸協(xié)議，用于WEB服務器和WEB客戶機之間；

（2）SMTP：簡單郵件傳送協(xié)議，用于郵件客戶機和郵件服務器之間；

（3）TELNET：遠程登錄協(xié)議，用于客戶機與終端之間。

2．現(xiàn)給出一個網(wǎng)址如下：，請你根據(jù)所學的URL分析該網(wǎng)址各個部分的含義。

參考答案：

//前的http表示訪問信息采用的是超文本傳輸協(xié)議，并且文件在WWW服務器上；

表明了WWW服務器的位置；

planetwide/select/selector.html表明最終要訪問的文件所在的位置。

3．訪問類型即訪問信息的鏈接方式，它決定了文件所在的位置，請問常用的鏈接方式有哪幾種，并舉出實例。（列出三種即可）

參考答案：

（1）file：如file:\\D:\作業(yè)\作業(yè)\主頁.htm（前面的file:\\一般可省略）就是打開本地D盤下的一個網(wǎng)頁；

（2）ftp：如ftp:\\btbu.edu.cn（此處也可輸入IP地址）；

（3）http：如；

（4）News：news:\\192.168.1.7可以查看IP地址192.168.1.7的可用新聞組；

（5）telnet：telnet:\\192.168.1.7就可以運行遠程登錄IP地址192.168.1.7；

4．我們要進入紫霞的公眾網(wǎng)，網(wǎng)址如下：telnet://wforum.zixia.net，請你實際操作進入該網(wǎng)站，并列出三種以上進入該TELNET網(wǎng)站的方法。

參考答案：

（1）在瀏覽器中登錄：啟動INTERNET EXPLORER，在URL地址欄中輸入“telnet://wforum.zixia.net”；

（2）“開始”→“運行”→“輸入telnet” →“確定”→在命令行輸入“open wforum.zixia.net”命令并回車；

（3）“開始”→“運行”→“輸入cmd” →“確定”→在命令行輸入“telnet wforum.zixia.net”命令并回車；

（4）“開始”→“運行”→“輸入cmd” →“確定”→在命令行輸入“telnet 211.157.100.8”命令并回車。

5．如果遠程登錄失敗，請問原因可能是什么？

參考答案：

（1）計算機地址拼寫錯誤（主機名或IP地址錯誤）；

（2）遠程計算機暫時不能使用；

（3）你所指定的計算機不在Internet上。

6．實踐：啟動INTERNET EXPLORER瀏覽器，修改其INTERNET選項，并觀察其效果。

參考答案：

修改其INTERNET選項:

并觀察其效果。:

自學網(wǎng)頁設計與制作求指導！

建議先從代碼學起！相對于設計來說在學習代碼上是有跡可尋的！

1.在入門階段代碼前期是比較好學習的，不像是設計那么難。

2.代碼需要大量的練習就好，即使去了公司做大型項目也好入手。

3.相對于設計來講，是需要時間的積累，設計不像代碼一樣光練習就夠！不斷的去多看，積累素材。

html-css-js-jquery（如果有興趣可以拓展到html5+css3）

設計方面給不了你太多建議，應為我也不是很好，給你說一下我以前的學習過程吧！

我先是去68PS網(wǎng)學習的PS軟件教程，之后是去優(yōu)設網(wǎng)學習效果制作，最后去網(wǎng)頁設計師聯(lián)盟去參考模仿制作。

希望能對你有用

網(wǎng)頁設計與制作期末作業(yè)

你是要找人設計，還是要個免費的，我可以給你提供我的畢業(yè)設計，免費給你，但是要求達不到你那么高的，就是一個最簡單的企業(yè)網(wǎng)站

網(wǎng)頁設計課程

網(wǎng)頁設計課程

1、課程定位和課程設計

《網(wǎng)頁設計與制作》課程是高職電子商務專業(yè)的一門專業(yè)必修課程。本課程以圖形圖像處理為前導課程，本課程將從職業(yè)技術(shù)教育的特點出發(fā)，以培養(yǎng)學生實際動手能力為目標，使學生具備網(wǎng)頁制作、網(wǎng)站規(guī)劃與網(wǎng)站維護的專業(yè)能力和方法能力，以及培養(yǎng)學生的團隊協(xié)作、溝通表達、工作責任心、職業(yè)規(guī)范和職業(yè)道德等綜合素質(zhì)和能力。作為專業(yè)的核心主干課程，使學生掌握商業(yè)網(wǎng)站的開發(fā)和流程，并能獨立進行操作，在就業(yè)時能夠成為一個合格的人才。學生畢業(yè)后可勝任網(wǎng)站管理員、網(wǎng)頁設計師、網(wǎng)頁美工師等工作崗位。

2、課程目標

本課程以學生能夠網(wǎng)頁網(wǎng)站開發(fā)與維護的實際工作能力為學習目標，使學生具備計算機及其它相關專業(yè)課學習和應用中所必需的網(wǎng)頁制作與網(wǎng)站設計的基本知識和基本技能，形成解決實際應用問題的方法能力，為以后的學習動態(tài)網(wǎng)頁設計課程打下基礎。

3、素質(zhì)目標

(1) 培養(yǎng)具有較強的網(wǎng)頁設計創(chuàng)意思維、藝術(shù)設計素質(zhì);

(2) 培養(yǎng)學生在學習過程中解決困難的能力;

(3) 培養(yǎng)學生在學習過程中培養(yǎng)興趣的能力，提高工作、學習的主動性;

(4) 培養(yǎng)學生理論聯(lián)系實際的工作和學生方法;

(5) 培養(yǎng)具有高度責任心和良好的團隊合作精神;

(6) 具有社會責任感。

4、知識目標

(1) 了解WEB站點的工作原理;

(2) 理解Internet、WWW、HTTP、HTML的定義，計算機網(wǎng)絡概念和作用;

(3) 了解服務器、客戶端、瀏覽器的概念和作用;

(4) 掌握常規(guī)網(wǎng)站的規(guī)劃及流程;

(5) 熟練掌握HTML語言中各種標記符的運用能力;

(6) 熟練掌握Dreamweaver應用軟件的使用;

(7) 理解網(wǎng)頁中腳本語言的使用方法;

(8) 熟練開發(fā)常規(guī)靜態(tài)網(wǎng)站。

5、能力目標

(1) 熟練掌握Dreamweaver應用軟件制作網(wǎng)站及網(wǎng)頁;

(2) 熟練掌握使用絕對和相對URL，創(chuàng)建超鏈接，圖像鏈接;

(3) 掌握在網(wǎng)頁中添加CSS的方法;

(4) 培養(yǎng)學生設計、制作和維護動態(tài)網(wǎng)站。

(5) 培養(yǎng)學生搜集資料、閱讀資料和利用資料的能力;

(6) 能獨立制定、實施工作計劃。

(7) 具備檢查、判斷能力;

(8) 具備簡單的需求市場分析能力。

6、課程內(nèi)容與教學要求

第一章：個人網(wǎng)站的制作

【教學內(nèi)容】

網(wǎng)絡相關概念、網(wǎng)站需求分析、風格定位與網(wǎng)站欣賞、草圖設計、圖像相關概念、Photoshop制作網(wǎng)頁平面效果圖、 HTML語言簡介、HTML語言的基本結(jié)構(gòu)、HTML常用標記、Css樣式表的應用。

【教學重點】

項目基礎與流程設計，個人網(wǎng)站效果圖設計與切片，HTML編輯靜態(tài)頁面，個人網(wǎng)站CSS樣式表設計，網(wǎng)站測試。

【教學要求】

了解網(wǎng)站項目建設流程。

掌握個人網(wǎng)站效果圖設計。

熟練掌握HTML編寫靜態(tài)頁面的方法。

第二章：網(wǎng)頁設計與制作精品課程網(wǎng)站建設

【教學內(nèi)容】

Photoshop的綜合運用， Dreamweaver的認識與基本使用方法、Dreamweaver中站點的建立與管理，插入文本、圖像、表格、模板等資源，網(wǎng)絡空間的申請與與域名的申、網(wǎng)站文件的上傳。

【教學重點】

精品課程網(wǎng)站的策劃方案，主頁面的設計與制作，模板頁的制作，效果圖的切片與導出，網(wǎng)站后期編輯，網(wǎng)站的發(fā)布與測試。

【教學要求】

了解網(wǎng)站建設的流程、需求分析。

理解網(wǎng)站色彩搭配的原則。

掌握網(wǎng)站的建設流程及網(wǎng)頁效果圖的制作。

能夠利用Dreamweaver軟件設計精品課程網(wǎng)站。

第三章：企業(yè)類網(wǎng)站建設

【教學內(nèi)容】

Photoshop效果圖的制作， Flash動畫的制作，Dreamweaver中框架、表單、圖層、行為、時間軸、簡單腳本語言的制作、模板的使用，Dreamweaver的綜合使用。

【教學重點】

商務類網(wǎng)站的前期策劃，效果圖的設計、切片與動畫的設計，網(wǎng)站編輯與動畫設計，網(wǎng)頁的布局及后期制作。

【教學要求】

了解企業(yè)類網(wǎng)站的策劃過程。

進一步理解Dreamweaver建立網(wǎng)站及網(wǎng)頁的流程。

掌握網(wǎng)站動畫的設計與制作。

掌握網(wǎng)站的后期制作與編輯，并能夠調(diào)試。

第四章：自主選題進行網(wǎng)站建設

【教學內(nèi)容】

Photoshop效果圖的制作， Flash動畫的制作，HTML語言的綜合運用，Dreamweaver的綜合運用。

【教學重點】

網(wǎng)站的.前期規(guī)劃(文字、圖片等素材的收集與整理及使用)，網(wǎng)站效果圖的制作，網(wǎng)站的建立與網(wǎng)頁的制作與編輯，網(wǎng)站的發(fā)布五測試。

【教學要求】

了解整個網(wǎng)站的建設流程。

理解制作工具(dreamweaver)的使用方法

掌握網(wǎng)站的制作過程及綜合運用方法。

能夠獨立并完美地完成一個完整網(wǎng)站的建設工作。

7.教學模式、教學方法與手段

1、注意教學方法的靈活性，可組織學生案例教學，進行討論、問題教學、閱讀指導等。全部在實訓室授課，提高學生的實踐操作能力。

2、充分發(fā)揮學生的學習主觀能動性。在本課程的教學過程中，注意訓練學生的操作動手能力，引導學生理論聯(lián)系實際，應用課本中的理論知識來解決實際操作問題。本課程的學習過程全部是基于生產(chǎn)過程中的教學過程。

8.課程實施課時安排

(一)課時安排與教學建議

一般情況下，每周四課時，約18周，合72課時。具體課時安排如下：

一、考核方式

本課程為考試科目，期末考試總分100分，包括以下三部分成績：

建立過程考核與結(jié)果考核相結(jié)合的方法，強調(diào)過程考核的重要性。過程考核占60分，結(jié)果考核占40分。

1、過程考核

(1)自評、小組評價和教師評價相結(jié)合;采用績效考核，首先學生進行自評，然后再進行小組評價和教師評價。

(2)考核點占分權(quán)重：個人作業(yè)完成情況(10%);實踐操作技能(30%);學習態(tài)度(10%);團隊合作精神(10%)。

2、結(jié)果考核

(1)自評、小組評價和教師評價相結(jié)合：對項目完成進行結(jié)果性考核，首先學生進行自評，然后再進行小組評價和教師評價。

(2)作品考核：項目結(jié)束要求每個小組提交全部作品及資料，根據(jù)完成情況進行考核。

(3)小組答辯：小組答辯實際上是各個項目小組對本小組學習情況及成果的總結(jié)、匯總和展示。小組答辯的內(nèi)容包括小組組織過程、工作程序和步驟、學習成果與收獲、取得的經(jīng)驗與教訓、回答教師提問等。該項由老師給分。

(4)項目報告：報告包括項目描述、主要任務、設計流程、崗位技能及職責，每天的過程記錄，以及項目完成后的個人總結(jié)等，每人提交一份，字數(shù)約2000字左右。該項由教師給分。

;

關于網(wǎng)頁設計與制作期末作業(yè)教程和網(wǎng)頁設計與制作教程期末考試試題的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關注本站。