1、網頁設計與製作教程(第二版)新華大學出版社 習題答案
網上沒有這些吧
2、求發一份大學《網頁設計與製作使用教程》的作業,成品。應付期末考察!!!
網頁可以製作,付費的與不付費的~
3、網頁設計與製作教程的人民郵電出版社教材
書 名 網頁設計與製作教程
叢 書 名 21世紀高等學校計算機規劃教材
標准書號 ISBN 978-7-115-24673-8
編目分類 TP393.092
作 者 楊帆 嚴耀偉 王方 編著
責任編輯 鄒文波
開 本 16 開
印 張 16.5
字 數 432 千字
頁 數 256 頁
裝 幀 平裝
版 次 第1版第1次
初版時間 2011年2月
本 印 次 2011年2月
首 印 數 -- 冊
定 價 29.60 元 本書是按照教育部高等學校計算機基礎課程教學指導委員會提出的《關於進一步加強高校計算機基礎教學的意見》中有關「網頁設計基礎」課程的教學要求及人才培養的新要求,結合獨立院校學生特點組織編寫的。全書共分8章,書中系統地介紹網頁的構思、規劃、製作和網站建設的全過程。主要內容包括:網頁設計基礎知識、Dreamweaver基礎、網頁色彩和布局的控制、製作Web動畫——Flash、網頁常見應用功能設計、網站發布與維護基礎知識、網站設計案例和動態網頁設計介紹。
本書內容全面,構思清晰,結構合理,注重實踐能力的培養,實用性和可操作性較強。各章附有適量的習題,引導讀者學習和掌握各章節的知識,便於自學。
本書可作為高等學校非計算機專業「網頁設計與製作」課程的教材,也可供網頁設計愛好者學習參考。 第1章 網頁設計基礎知識 1
1.1 網路基礎知識 1
1.1.1 網路知識簡介 1
1.1.2 Internet 3
1.1.3 TCP/TP 5
1.1.4 IP地址 5
1.1.5 瀏覽器基本操作 7
1.2 網頁網站基礎知識 9
1.2.1 網頁 9
1.2.2 網頁中的常見元素 11
1.2.3 網站 12
1.2.4 HTML 12
1.2.5 網站伺服器工作的基本原理 13
1.2.6 網頁設計製作常用的工具軟體 15
1.2.7 網頁設計製作流程 16
習題 19
第2章 Dreamweaver基礎 20
2.1 Dreamweaver基本操作 20
2.1.1 Dreamweaver的工作環境 20
2.1.2 Dreamweaver的簡單操作 30
2.1.3 Dreamweaver的視圖模式 36
2.1.4 在網頁中添加內容與超級鏈接 37
2.1.5 網頁設計結果測試 41
2.2 添加文本 43
2.2.1 在Dreamweaver中添加文本 43
2.2.2 文本格式設置 44
2.2.3 文本相關常用html標記 44
2.3 添加圖像 46
2.3.1 在網頁中添加各種圖像 46
2.3.2 圖像格式設置 48
2.3.3 圖像標記及其屬性 49
2.3.4 使用Dreamweaver製作網路相冊 52
2.4 添加多媒體 53
2.4.1 在網頁中添加視頻媒體 54
2.4.2 在網頁中添加音頻媒體 55
2.4.3 在網頁中添加動畫 58
2.4.4 媒體播放控制 59
2.4.5 多媒體標記介紹 60
2.5 超級鏈接應用 61
2.5.1 鏈接到各種對象 67
2.5.2 圖像熱區設置 78
2.5.3 鏈接的創建與管理 81
2.5.4 跳轉菜單 81
2.5.5 導航條 82
2.5.6 查找斷開的、外部的和孤立的鏈接 84
2.5.7 修復斷開的鏈接 85
2.5.8 將JavaScript腳本附加到鏈接上 86
2.6 表單應用基礎 86
2.6.1 創建表單對象 86
2.6.2 創建文本域 87
2.6.3 創建復選框和單選按鈕 88
2.6.4 建立列表和菜單 88
2.6.5 創建跳轉菜單 89
2.6.6 創建文件域和圖像域 89
2.6.7 常見表單元素使用 90
2.6.8 表單標記介紹 90
2.6.9 表單應用舉例 92
習題 93
第3章 網頁色彩和布局的控制 94
3.1 表格應用 94
3.1.1 表格基礎 95
3.1.2 修飾網頁各種元素 99
3.2 框架的規劃與建立 101
3.2.1 框架與表格 101
3.2.2 規劃框架 102
3.2.3 創建框架 102
3.2.4 框架的操作 104
3.2.5 Spry框架 105
3.3 層的運用 106
3.3.1 創建層 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樣式的創建 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樣式的優先順序 125
3.4.9 Spry框架中的CSS設置 126
3.5 各種樣式表元素應用 130
3.5.1 文字樣式 130
3.5.2 邊框樣式 131
3.5.3 顏色樣式 132
3.6 網頁色彩搭配基礎知識 132
3.6.1 色彩基礎知識 133
3.6.2 網頁色彩搭配的原則(配色方案) 137
3.6.3 網站中的色彩應用 147
3.7 網頁布局控制 153
3.7.1 常見的網頁布局 153
3.7.2 網頁布局補遺 156
習題 156
第4章 製作Web動畫——Flash 159
4.1 Flash概述 159
4.1.1 Flash的發展 159
4.1.2 Flash的功能 160
4.1.3 Flash的發展趨勢 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 發布Flash文檔 168
4.3 Flash基礎 168
4.3.1 使用Flash資源 168
4.3.2 元件的創建 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章 網頁常見應用功能設計 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 網站導航設計 190
5.3.1 導航案例分析 190
5.3.2 導航設計 190
5.4 網站模板設計 193
5.4.1 模板應用舉例 193
5.4.2 Dreamweaver設計模板 194
5.5 其他效果設計 196
5.5.1 彈出窗口 196
5.5.2 狀態欄顯示文本 197
5.5.3 頁面自動跳轉 198
5.5.4 彈出提示信息 200
5.5.5 圖片移動效果 201
習題 203
第6章 網站發布與維護基礎知識 205
6.1 發布網站到IIS 205
6.1.1 發布網站內容 205
6.1.2 測試網站 207
6.2 站點維護基礎知識 208
6.2.1 停止啟動伺服器 208
6.2.2 站點基本配置 208
習題 212
第7章 網站設計案例 213
7.1 網站系統設計 213
7.1.1 網站設計的基本過程 213
7.1.2 網站設計的基本原則 214
7.2 網站內容設計 215
7.2.1 網頁外觀設計 216
7.2.2 網站製作流程簡介 219
7.3 個人網站設計實例 224
7.3.1 首頁設計 224
7.3.2 其他頁設計 235
7.3.3 網站整合 239
7.4 發布站點 241
7.4.1 申請空間 242
7.4.2 發布內容 242
7.5 網站的管理和維護 244
習題 244
第8章 動態網頁設計介紹 245
8.1 動態網頁與靜態網頁 245
8.2 ASP基礎知識與應用 246
8.2.1 ASP介紹 246
8.2.2 ASP基礎知識 247
8.2.3 設計一個簡單的ASP網頁 249
8.3 常見其他動態網頁設計技術介紹 252
8.3.1 PHP 252
8.3.2 JSP 253
8.4 ASP.net網站設計 254
習題 256
4、網頁設計製作詳細流程
分析如下:
1、首先下載安裝Dreamweaver,打開後,新建一個網頁,一般選擇「HTML」建立網頁。選擇「經典」界面,有助於我們更便捷使用這個軟體。
2、下面選擇這三個界面,代碼、拆分、設計,一般默認設計界面,對於新手這個功能具有可視化,能更好的製作網頁。
3、下面我們來製作網站站點,在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。
4、然後再在站點根目錄下建立一個專門儲存網站圖片的文件,並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件,不會丟失。注意文件命名要用英文。下面我用我建立的(籃球資訊網)來介紹,點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。
5、下面我們來製作這個網站首頁,先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片,下面屬性可以編輯修改圖片大小,添加超鏈接等等。下面我修改圖片大小做示範。
6、下面學習添加文本。編輯「籃球資訊網」,下面屬性可以設置文本字體、添加超鏈接等等,點擊頁面屬性,可以詳細編輯文本屬性。
7、網頁基本就是文字和圖片的組合,添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。
8、最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本,點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁,這樣籃球資訊網文本變成藍色。這是網站內部鏈接,相反就有外部鏈接。添加如圖,一定要寫http://......就可以了。
9、最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁,點擊網頁中兩個鏈接都能到達指定網頁。
(4)網頁設計與製作教程劉擴展資料:
網頁設計
設計網站要注意兩個要點:整體風格和色彩搭配。
風格
網站的整體風格及其創意設計是最難以學習的。難就難在沒有一個固定的模式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網站。
風格(Style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個「整體形象」包括站點的CI(標志、色彩、字體、標語)、版面布局、瀏覽方式、交互性、文字、語氣、內容價值、存在意義、站點榮譽等等諸多因素。
色彩搭配
無論是平面設計,還是網頁設計,色彩永遠是最重要的一環。當我們距離顯示屏較遠的時候,我們看到的不是優美的版式或者是美麗的圖片,而是網頁的色彩。
網頁配色小技巧:
1.用一種色彩:這里是指先選定一種色彩,然後調整透明度或者飽和度,這樣的頁面看起來色彩統一,有層次感;
2.用兩種色彩:先選定一種色彩,然後選擇它的對比色;
3.用一個色系:簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。
在網頁配色中,還要切記一些誤區:
1.不要將所有顏色都用到,盡量控制在三至五種色彩以內;
2.背景和前文的對比盡量要大(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內容。
5、網頁設計與製作的教程有哪些?
?
6、怎麼學習網頁設計與製作
1、首先我們要選擇科學的教程
現在有很多的網站都會掛著和網頁設計與製作教程相關的內容。我們在選擇這些內容的時候一定要保證從大網站,靠譜的專業網站上下載下來的。不然我們很容易下載到病毒或者是別的垃圾信息。而且只有大網站上的信息,有科學性。我們就可以跟著網站上面的教程來進行操作和學習。
2、其次我們可以多咨詢別人
我們在網站下載好了網頁設計與製作教程相關的內容之後,可以請教身邊的一些朋友或者老師,問一問他們的意見或者建議。這些是非常有必要的。因為並不是每一個人都適合下載下來的網頁設計與製作教程。我們就有必要和專業的老師多多溝通,咨詢一下他們的建議。相信會對學習有所幫助。
3、更後我們要動手實踐
事實上,判斷一個網頁設計與製作教程究竟適合不適合自己,更好的辦法就是自己親自的實踐一下。可以在晚上下班之後,打開自己的電腦,對著網上的教程進行製作。其實多多少少會出現一些困惱,但是我們自己可以根據電腦的配置進行調整,魔盒。更後讓這個教程更多的適合自己的需要。