概要介紹

期末複習整理資料。網頁設計（web design，又稱爲Web UI design，WUI design，WUI），是根據企業希望向瀏覽者傳遞的信息（包括產品、服務、理念、文化），進行網站功能策劃，然後進行的頁面設計美化工作。作爲企業對外宣傳物料的其中一種，精美的網頁設計，對於提升企業的互聯網品牌形象至關重要。
往期文章
大數據技術原理與應用

數據可視化

文章目錄

選填-----------------------------------------------------------選填

1 色彩的4種角色

2 網頁中使用的視覺元素

3 色彩的抖動

4 色彩搭配的原理

5 www的三個統一

6 什麼是www服務

7 域名的一些概念，包括域名的作用

8 與ip有關概念（ip與域名的關係）

9 如何去規劃一個網站

10 div+css佈局的優點

11 div+css佈局與表格的對比

12 動態網頁原理

13 動態網頁的執行過程（流程）

15動態網頁與靜態網頁的區別 ppt回答+了本回答

16 常見的圖片格式與特點

17表單元素有哪些（待修改）

19 網頁中傳遞變量的方法

20 404的原因簡單說就是找不到服務器（網頁）

22層疊樣式表（css樣式表）在HTML中引入css的方法

23div+css 佈局（盒子模型）常見屬性

24 javascript對象有哪些？自定義對象

26php語法題

27框架結構佈局的特點和適用場合

28URL的完整格式

29在DHTML中把整個文檔的各個元素作爲對象處理的技術是

30 虛擬主機的概念

31 網頁的組成部分

簡答-----------------------------------------------------------簡單

1 網頁色彩搭配的基本原理：

2 動態html由哪四部分組成

3 動靜態網頁的區別

5層疊式樣式表(css樣式表)的主要作用

6 session與cookie區別，作用，怎麼產生

7 網站製作流程

8 網頁設計注意的問題

9 div+css佈局的優點

10表格樣式的優點和缺點

11javascript java區別聯繫

12 什麼是DHTML？其優點是什麼

13 網頁設計需要注意的問題

大題-----------------------------------------------------------大題

1 網站設計流程及其要點

2 第九章session與cookie實現購物車的原理及其代碼

選填-----------------------------------------------------------選填

1 色彩的4種角色

主色調
頁面色彩的主要色調、總趨勢，其他配色不能超過該主要色調的視覺影響。
輔色調
僅次與主色調的視覺面積的輔助色，是烘托主色調、支持主色調、起到融合主色調效果的輔助色調。
點睛色
在小範圍內點上強烈的顏色來突出主題效果，使頁面更加鮮明生動。
背景色
-襯托環抱整體的色調，協調、支配整體的作用。

2 網頁中使用的視覺元素

文字
圖像
色彩
次要：色彩的RGB模式：光學三原色（紅、綠、藍），顏料三原色（紅、黃、藍）。
次要：色彩的HSB模式：色相、飽和度、明度。（不同顏色純度亮度的意思）
次要：顏色分爲非彩色（黑色、白色、深淺不一的灰色）和彩色
次要：間色二次色由兩種原色搭配紅+黃=橙，黃+藍=綠，紅+藍=紫
次要：複色複合色，由原色與間色相調或間色與間色相調而成的三次色。純度最低，含灰色成分。
次要：三原色視覺衝擊力最強複色視覺衝擊力最弱
次要：色彩搭配方案同類色搭配鄰近色搭配互補色搭配對比色搭配
次要：同類色：色環中距離0-60度的顏色，同一色相中不同的顏色變化。起到色調調和統一
次要：鄰近色：色環中任一顏色同其毗鄰的顏色，例如紅色和黃色，藍色和綠色。
次要：互補色：色輪上的任意顏色以及它的補色的兩邊顏色。
次要：對比色：既能得到強烈的對比，又能顯得協調。
（0-次要：色彩的對比：對比與調和就是形式美的變化與統一規律。兩色越接近，對比效果越柔和。越接近補色，對比效果越強烈。

3 色彩的抖動

出了216種安全色，需要進行插補

4 色彩搭配的原理

鮮明性
獨特性
合適性
聯想性

5 www的三個統一

統一的資源定位方式url（統一的資源定位器網址）
統一的資源訪問方式：http(超文本傳輸協議)
統一的信息組織方式：html（超文本標記語言）

6 什麼是www服務

world wide web（全球信息網）它是一個超文本（hypertext）方式的信息查詢工具，服通過http協議傳輸超文本信息。同時不同網站的相關數據信息有機地編制在一起，通過瀏覽器提供一種友好的信息查詢界面。

7 域名的一些概念，包括域名的作用

域名與主機的關係：多對一
將域名發送給DNS服務器解析得到web服務器的ip地址以進行連接，將域名信息發送給web服務器，通過域名與web服務器設置的“主機頭”進行匹配確認客戶端請求的是哪個網站。

8 與ip有關概念（ip與域名的關係）

ip地址與域名是一對多的關係。一個ip地址可以對應多個域名，但是一個域名只有一個ip地址。ip地址是數字組成的，不方便記憶，所以有了域名，通過域名地址就能找到ip地址。

9 如何去規劃一個網站

需要從三方面思考

網站的主題
網站的對象
網站的內容

這是哪個方面是相互影響和相互作用的

10 div+css佈局的優點

結構清晰明瞭，結構，樣式和行爲分離，帶來足夠好的可維護性
佈局更加靈活多樣，能通過樣式選擇實現界面設置方面的更多要求
佈局改版方便，通常只需要更換對應的css樣式就可以將網頁編程另外一種風格展現出來
佈局可以讓一些重要的鏈接和文字信息等優先讓搜索引擎抓取，內容更便於搜索
增加網頁打開速度，增強用戶體驗

11 div+css佈局與表格的對比

從四個方面考慮
佈局方式：

將頁面用表格和單元格分區
將頁面用div等元素分塊

控制元素佔據的頁面大小：

通過< td >標記的width和height屬性確定
通過css屬性width和height確認

控制元素在頁面中的位置:

插入單元格插入行或者佔位表格
通過設置元素margin屬性或設置其父元素padding屬性使元素移動到指定位置

圖片的位置：

通過圖片所在的單元格的位置控制圖片的位置
即可以通過圖片所在元素的位置確定，又可以使用背景的定位屬性確定圖片的位置

12 動態網頁原理

動態網頁中含有服務器代碼，需要先由web服務器對這些服務器代碼進行解釋執行生成客戶端代碼後再發送給客戶端瀏覽器

13 動態網頁的執行過程（流程）

瀏覽器向網絡中的WEB服務器發送請求，指向某個動態網頁。
WEB服務器接受請求信號後，將網頁送至應用程序服務器。
應用程序服務器將查詢指令發送到數據庫驅動程序。
數據庫驅動程序對數據庫進行查詢。
記錄集被返回給數據庫驅動程序。
驅動程序再將記錄集送至應用程序服務器。
應用程序服務器將數據插入網頁中，此時動態網頁變成普通網頁。
應用程序服務器查找網頁中的應用程序服務器。
WEB服務器將完成的普通網頁傳回給瀏覽器

。

15動態網頁與靜態網頁的區別 ppt回答+了本回答

靜態網頁：是純粹的HTML頁面，頁面的內容是固定的、不變的。採用HTML，CSS，JavaScript編寫的網頁。文件擴展名是.html或者.htm .每個靜態網頁文件都保存在網站服務器上，每個網頁都是一個獨立的文件，且內容相對穩定,靜態網頁一般沒有數據庫的支持，因此在網站製作和維護方面工作量較大.
動態網頁：網頁中的內容會根據用戶的請求而顯示出不同的內容，采采用 PHP、JSP、ASP 、CGI 程序動態生成的網頁。文件擴展是 .asp、.jsp、.php、.cgi等。

16 常見的圖片格式與特點

常見的圖片格式有JPG、GIF、PNG，這三種都是壓縮形式的圖像格式，容量較小適合網絡傳輸。

17表單元素有哪些（待修改）

文本框、密碼框、單選框、複選框

form: 定義供用戶輸入的表單。
fieldset: 定義域。即輸入區加有文字的邊框。
legend：定義域的標題，即邊框上的文字。
label：定義一個控制的標籤。如輸入框前的文字，用以關聯用戶的選擇。
input: 定義輸入域，常用。可設置type屬性，從而具有不同功能。
1. text：單行文本輸入框，可以通過正整數的size控制框長度。
2. password：密碼輸入框。
3. radio：單選按鈕，同一組的單選按鈕必須要有相同的name。
4. checkbox：複選框，同一組的單選按鈕必須要有相同的name。
5. button：普通按鈕。
6. submit：提交按鈕，每出現一次，一個 Submit 對象就會被創建。
7. reset：重置按鈕，會重置當前表單中全部的內容。
8. image：圖像形式的提交按鈕，寫法是“”。
9. hidden：隱藏域，隱藏字段對於用戶是不可見的。
textarea: 定義文本域(一個多行的輸入控件)，默認可通過鼠標拖動調整大小。
button: 定義一個按鈕。
select: 定義一個選擇列表，即下拉列表。
option: 定義下拉列表中的選項。

19 網頁中傳遞變量的方法

POST,GET,SESSION,COOKIE，隱藏的表單元素、表單隱藏域

20 404的原因簡單說就是找不到服務器（網頁）

簡單說就是找不到服務器（網頁）

22層疊樣式表（css樣式表）在HTML中引入css的方法

HTML和CSS是兩種作用不同的語言，它們同時對一個網頁產生作用，必須通過一些方法，將CSS與HTML掛接在一起
在HTML中，引入CSS的方法有

行內式
嵌入式
導入式
鏈接式

23div+css 佈局（盒子模型）常見屬性

盒子模型是CSS的基石之一，這個盒子由元素的內容、填充、邊框和邊界組成。邊框border屬性填充padding屬性邊界margin屬性

24 javascript對象有哪些？自定義對象

var university = new Object()。
JavaScript內置對象，如Date、Math、Array等。例如：
var today = new Date();
實際上，JavaScript中的一切數據類型都是它的內置對象。
瀏覽器對象
由瀏覽器提供的內置對象，如window、document、location等

26php語法題

1.PHP文件代碼可包含如下三部分內容
HTML和CSS；
客戶端腳本，位於之間；
服務器端腳本，位於“<?”與“?>”之間(<? ?>爲定界符,表示腳本的開始和結束)

2 以h1標題的形式輸出當前日期和時間

<hl>
<? 
echo '現在是'.date("Y年m月d日 H:i:s");?>
</hl>
//------------------------
<hl ></hl>表示HTML代碼
 <?---?>表示php代碼
 單引號''表示是字符串常量
 “.” 表示字符串連接符
 echo是php是輸出函數
 date（）是時間函數，可以按照格式獲取當前日期和時間

3 在網頁上輸出不同大小的字體

<html><body>
echo '<p>PHP代碼和HTML代碼可相互嵌套</p>';
for($i=3;$i<7;$i++){
   
       ?>
<font size="<? echo $i;?>">第<? echo $i-2;?>次Hello World!</font><br />
<?  }  ?>
</body>
</html>
<?  
總結：
1 明確<font>...</font><br/>是html代碼
2 變量以$開頭
3 php代碼可以位與html標記的外或者標記的屬性內
（代碼可以體現）
4 結構上看 可以是html代碼包含php 也可以是 php包含html
5注意 php代碼的定界符"<?""?>"  不能嵌套

4 對比上一題，爲了避免頻繁使用定界符，把html代碼當作字符串通過字符串來輸出。（大概就是echo’ …’ …爲字符串變量前加. ）

<html><body>
<p>PHP代碼和HTML代碼可相互嵌套</p>
<?  for($i=3;$i<7;$i++){
   
    

		echo '<font size='. $i .'>第' . ($i-2) .'次Hello World!</font><br />';

}  ?>
</body></html>

`
5 用PHP輸出JavaScript代碼（直接看結論）

<? 	$str1="Hello";		
$str2="start PHP";		
echo "<script>";
echo "alert('".$str1."');";	
echo "</script>";	?>
<input type="text" name="tx" size=20 value="<? echo $str1; ?>">
<input type="button" value="單擊" onclick="tx.value='<? echo $str2; ?>'"> 
1 知道變量的定義
2 javaScript也是客戶端代碼 可以直接作爲字符串輸出
3 php中沒有變量聲明語句，變量不需要聲明就可以賦值使用

6 php代碼的4種風格

XML風格這種風格的定界符是“<?php ”和“?>”
簡短風格簡短風格的定界符是“<? ”和“?>”。
腳本風格： < script language=‘php’ >echo ‘現在是’; < /script >
ASP風格這種風格的PHP定界符是“<%”和“%>”

7 php代碼註釋

單行註釋（//或#）
多行註釋（/* … */）

8 . php注意事項

PHP中的變量和常量名是區分大小寫的
PHP中的類名和方法名，以及一些關鍵字（如echo，for）都不區分大小寫
文字符只能出現在字符串常量中
“<?”和“?>”內應是一行或多行完整的語句
在PHP中，每條語句以“;”號結束

9 .PHP的常量和變量

define(“PI”,“3.1416”);
defined()函數：判斷一個符號常量是否已定義
變量名不能以數字或其他字符開頭,不能使用系統關鍵字作爲變量名。
變量 $

10php預定義的符號常量
11 雜七雜八(按照c /c++ 語法做就對了)

global關鍵字全局變量
靜態變量 static
生命週期（省略簡單）
$ b=& $ a 新變量引用原始變量的地址，修改新變量的值將影響原變量的值
加（+）減（-）乘（*）除（/）取餘（%）無整除運算符（\）乘方運算符(^)
$a=10+‘20’，結果爲30 操作數轉換成數值型，再執行算術運算
‘’ 純粹字符串 “”以包含字符串和變量名
強制轉換
if if…else if…elseif…else… switch/case語句 for循環 do…while break continue
array()函數創建數組或者 $citys[1]=“長沙” 直接賦值
內置函數 count()函數 max()、min()、array_sum()函數
特別 array_count_values()函數
用於統計數組中所有值出現的次數，並將結果返回到另一數組中

27框架結構佈局的特點和適用場合

28URL的完整格式

協議名：//主機名[端口號][/文件夾名/文件名] 主機名通常是域名或ip地址

29在DHTML中把整個文檔的各個元素作爲對象處理的技術是

DOM

30 虛擬主機的概念

一臺主機可以建立多個網站，這些網站的存放方式稱爲“虛擬主機”通過web服務器設置“主機頭”進行區別

31 網頁的組成部分

根據W3C標準，一個網頁主要是由三部分組成：結構(HTML)、表現(CSS)、行爲(JavaScript,簡稱JS)。

簡答-----------------------------------------------------------簡單

1 網頁色彩搭配的基本原理：

色彩的鮮明性：網頁色彩顏色鮮豔，容易引入注目
色彩的獨特性：要有與衆不同的色彩，使得大家對你的印象強烈
色彩的合適性：就是說色彩與你表達的內容氣氛相合適，比如粉色體現女性主站點的柔軟
色彩的聯想性：不同的色彩產生的聯想不同，藍色想到天空，褐色想到黑夜，紅色想到喜事，選擇色彩要與你網頁的內涵相關聯。

2 動態html由哪四部分組成

Html
css
dom
javascript

3 動靜態網頁的區別

5層疊式樣式表(css樣式表)的主要作用

（1）簡稱CSS樣式表，CSS具有對網頁的佈局、顏色、背景、寬度、高度、字體進行控制，讓網頁按您的美工設計佈局的更加美觀漂亮。
（2）修改簡單
（3）可以獨立存在，多個頁面可以同時使用

6 session與cookie區別，作用，怎麼產生

HTTP協議是無狀態的協議，Cookie實際上是一小段的文本信息記錄該用戶狀態，Cookie具有不可跨域名性。客戶端請求服務器，如果服務器需要記錄該用戶狀態，就使用response向客戶端瀏覽器頒發一個Cookie。客戶端瀏覽器會把Cookie保存起來。當瀏覽器再請求該網站時，瀏覽器把請求的網址連同該Cookie一同提交給服務器。服務器檢查該Cookie，以此來辨認用戶狀態。服務器還可以根據需要修改Cookie的內容。
Session是另一種記錄客戶狀態的機制，不同的是Cookie保存在客戶端瀏覽器中，而Session保存在服務器上。客戶端瀏覽器訪問服務器的時候，服務器把客戶端信息以某種形式記錄在服務器上。這就是Session。客戶端瀏覽器再次訪問時只需要從該Session中查找該客戶的狀態就可以了。

7 網站製作流程

1網站需求分析與定位
2 確定網站內容、風格和功能
3 規劃網站欄目
4 設計網頁效果圖和切圖
5 製作靜態模板網頁
6 綁定動態數據和實現後臺功能
7整合與測試網站

8 網頁設計注意的問題

提供聯繫地址
加強頁面內容針對性
注意頁面色彩協調
注意頁面通用型
按web格式設計網頁
注意頁面圖片使用
注意頁面質量

9 div+css佈局的優點

結構清晰明瞭，結構，樣式和行爲分離，帶來足夠好的可維護性
佈局更加靈活多樣，能通過樣式選擇實現界面設置方面的更多要求
佈局改版方便，通常只需要更換對應的css樣式就可以將網頁編程另外一種風格展現出來
佈局可以讓一些重要的鏈接和文字信息等優先讓搜索引擎抓取，內容更便於搜索
增加網頁打開速度，增強用戶體驗

10表格樣式的優點和缺點

優點

對於新手而言，容易上手，尤其對於一些佈局中規中矩的網頁，更讓人首先想到excel，進而通過使用table去實現它。
表現上更加“嚴謹”，在不同瀏覽器中都能得到很好的兼容
通過複雜的表格套表格的形式，也可以實現比較複雜的佈局需求。佈置好表格，然後將內容放進去就可以了。
它可以不用顧及垂直居中的問題。
數據化的存放更合理。

缺點

標籤結構多，複雜，在表格佈局中，主要是用到表格的相互嵌套使用，這樣就會造成代碼的複雜度更高！
表格佈局，不利於搜索引擎抓取信息，直接影響到網站的排名

11javascript java區別聯繫

基於對象和麪向對象：Java是一種真正的面向對象的語言，JavaScript是一種基於對象和事件驅動的編程語言(腳本語言)。
解釋和編譯：Java的源代碼在執行之前，必須經過編譯。JavaScript是一種解釋性編程語言，其源代碼不需經過編譯，由瀏覽器解釋執行。
強類型變量和類型弱變量：Java採用強類型變量檢查，即所有變量在編譯之前必須作聲明；JavaScript中變量是弱類型的，甚至在使用變量前可以不作聲明，JavaScript的解釋器在運行時檢查推斷其數據類型。
代碼格式不一樣

12 什麼是DHTML？其優點是什麼

DHTML是Dynamic HTML的簡稱，就是動態的html，是相對傳統的靜態的html而言的一種製作網頁的概念。所謂動態HTML，其實並不是一門新的語言，它只是HTML、CSS和客戶端腳本的一種集成。DHTML不是一種技術、標準或規範，只是一種將目前已有的網頁技術、語言標準整合運用，製作出能在下載後仍然能實時變換頁面元素效果的網頁設計概念。
從四個部分解釋其優點：

HTML 4.0:所有的格式化（信息）可移出HTML文檔，並寫入一個獨立的樣式表中。使得文檔的編輯更方便靈活、格式化。
CSS:CSS 使開發者有能力同時控制多個網頁的樣式和佈局，可以使頁面佈局和格式比 HTML更精確。
DOM:文檔對象模型(Document Object
Model)，它爲HTML文檔定義了一個與平臺無關的程序接口。使用該接口可以控制文檔的內容、結構和樣式，Web開發人員藉助DOM可以在其
Web頁中引入動態和交互式內容，而不必依賴於Web 服務器來提供新的內容或改變現有內容的顯示方式。
腳本語言:其結構簡單，使用方便，易學易懂。它的代碼可以直接嵌入HTML文檔之中，無需編譯就可在支持JavaScript的瀏覽器中解釋運行。

13 網頁設計需要注意的問題

大題-----------------------------------------------------------大題

1 網站設計流程及其要點

網站製作設計的流程，以及要點
網站需求分析與定位
- 明確目標，清除用戶的真正需求
- 有效溝通，需要深入企業內部，熟悉用戶的業務流程
確定網站內容、風格和功能
- 基本功能：信息發佈與維護，信息查詢，留言本，網上訂貨，在線招聘等
規劃網站欄目
- 根據企業單位業務的側重點，結合網站單位來確定網站的欄目
設計網站效果圖和切圖
製作靜態模板網頁
- 根據網站效果圖設計網站的靜態模板頁面
綁定動態數據與實現後臺功能
整合與測試網站

2 第九章session與cookie實現購物車的原理及其代碼

文章純屬期末複習整理，如有不足和錯誤的地方，希望評論指出或私信。
最後希望給文章點個贊，整理不易！！！
最後希望給文章點個贊，整理不易！！！
最後希望給文章點個贊，整理不易！！！

網頁設計期末複習 選擇+簡答+大題

文章目錄