概要介紹

期末復習整理資料，網頁設計（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實作購物車的原理及其代碼

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

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/245685.html

標籤：其他

上一篇：web面試必問的題

下一篇：JavaScript的布爾型別轉換

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

文章目錄