網頁設計概念的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列免費下載的地點或者是各式教學

HTML+CSS+JavaScript網頁設計從入門到精通

為了解決網頁設計概念的問題，作者胡曉霞 這樣論述：

本書從網站基礎開始，結合大量案例，全面、翔實地介紹了使用HTML+CSS+JavaScript開發Web前端頁面的具體方法與步驟，引導讀者從零開始，一步步掌握Web開發的全過程。《HTML+CSS+JavaScript網頁設計從入門到精通》共分24章，主要內容包括網頁設計基礎、HTML基礎、設計符合語義的頁面、設計符合標准的結構、設計HTML 5文檔、CSS基礎、設計文本樣式、設計圖像樣式、設計超鏈接樣式、設計列表樣式、設計表格樣式、設計表單樣式、CSS網頁布局、CSS網頁設計兼容技法、JavaScript基礎、使用JavaScript操控瀏覽器和文檔、JavaScript事件處理、使用Jav

aScript設計腳本化CSS、使用Ajax、使用jQuery等，最后通過專題網頁、電子相冊、網絡記事本和購物網站4個綜合案例，介紹了Web前端設計的完整過程。《HTML+CSS+JavaScript網頁設計從入門到精通》適合網頁制作、美工設計、網站開發、網頁編程等行業人員閱讀和參考，也可供網頁愛好者自學使用，同時還可作為高等院校網頁設計與制作課程的教材，以及網頁平面設計的培訓教材。胡曉霞，資深Web技術專家，有10余年開發經驗，是國內較早專業從事Web開發的一線技術人員和培訓講師。一直致力於對HTML5、JavaScript、CSS3、jQuery、jQUery Mobile等Web開發技術

的研究和實踐，在HTML頁面的優化與用戶體驗的研究，以及頁面框架搭建、數據流向分析、頁面靜態優化等方面都擁有豐富的實踐經驗。他還是微軟技術方面的專家，精通C#、ASP．NET和SQL Server等技術。 第1章 網頁設計基礎1.1熟悉網頁設計概念1.1.1網頁和網站1.1.2網頁類型1.1.3網頁構成1.2網頁設計學習任務1.2.1學習HTML1.2.2學習DIV結構1.2.3學習CSS1.2.4學習JavaScript1.3網頁設計素養1.3.1網頁設計任務1.3.2網頁設計原則1.3.3網頁設計流程1.3.4網頁配色1.4網站開發流程1.4.1個人網站開發流程1.4.

2應用項目開發流程1.4.3承包網站開發流程附錄一：《網站建設合同》參考范本附錄二：《網站維護說明書》參考范本第2章 HTML基礎視頻講解：26分鍾2.1HTML歷史2.2HTML規范雛形2.3HTML與XHTML2.4HTML基礎2.4.1HTML語言作用2.4.2HTML文檔基本結構2.4.3HTML基本語法2.4.4HTML常用標簽2.5XHTML基礎2.5.1XHTML文檔基本結構2.5.2XHTML基本語法2.5.3XHTML文檔類型2.5.4DTD文檔類型解析2.5.5名字空間2.6HTML元信息第3章 設計符合語義的頁面視頻講解：67分鍾3.1網頁語義化概述3.2元素分類3.2.

1結構語義3.2.2內容語義3.2.3修飾語義3.3屬性分類3.3.1核心屬性3.3.2語言屬性3.3.3鍵盤屬性3.3.4內容屬性3.3.5其他屬性3.4定義文本信息3.4.1設計標題信息3.4.2設計段落信息3.4.3設計引用信息3.4.4設計強調信息3.4.5設計格式信息3.4.6設計輸出信息3.4.7設計信息縮寫3.4.8設計插入和刪除信息3.4.9設計其他文本信息3.5定義列表信息3.5.1認識列表3.5.2設計普通列表3.5.3設計定義列表3.5.4使用定義列表的誤區3.6設計表格3.6.1認識表格結構3.6.2使用表格元素3.6.3表格分組3.7設計表單3.7.1認識表單結構3.

7.2使用表單元素3.7.3form元素3.7.4input元素3.7.5textarea和select元素3.7.6表單分組3.7.7綁定提示標簽3.7.8定義快捷鍵、訪問鍵和禁止訪問3.7.9select選項分區3.7.10使用按鈕3.8案例實戰3.8.1設計一個自我介紹簡單頁面3.8.2解決網頁亂碼現象3.8.3把HTML轉換為XHTML3.8.4輸出唐詩第4章 設計符合標准的結構4.1元素顯示類型4.1.1認識元素顯示類型4.1.2塊狀元素4.1.3行內元素4.1.4其他元素4.2結構嵌套規則4.2.1分析結構亂套現象4.2.2嚴謹的嵌套規則4.2.3HTML嵌套規則應用4.3案例實戰

：設計CSS禪意花園4.3.1認識CSS禪意花園4.3.2定義網頁結構4.3.3設計嵌套結構4.3.4構建基本框架4.3.5設計局部結構4.3.6正文版式設計第5章 設計HTML5文檔視頻講解：36分鍾5.1HTML5基礎5.1.1HTML5語法5.1.2HTML5元素5.1.3HTML5對象屬性5.1.4HTML5全局屬性5.2認識HTML5文檔結構5.3HTML5元素分類5.4構建主體內容5.4.1標識文章5.4.2給內容分段5.4.3設計導航信息5.4.4設計輔助信息5.4.5設計微格式5.4.6添加發布日期5.5添加語義模塊5.5.1添加標題塊5.5.2給標題分組5.5.3添加腳注塊5

.5.4添加聯系信息5.6案例實戰：使用HTML5設計博客主頁5.6.1設計大綱5.6.2設計樣式第6章 CSS基礎視頻講解：79分鍾6.1CSS概述6.1.1什麼是CSS樣式6.1.2為什麼學習CSS6.1.3CSS特點6.2CSS語法和用法6.2.1CSS基本結構6.2.2CSS基本用法6.2.3CSS樣式表6.2.4導入外部樣式表6.2.5CSS注釋和版式6.3CSS屬性和單位6.3.1CSS屬性6.3.2CSS單位6.4簡單選擇器6.4.1標簽選擇器6.4.2類選擇器6.4.3ID選擇器6.4.4通配選擇器6.5復合選擇器6.5.1子選擇器6.5.2相鄰選擇器6.5.3包含選擇器6.5

.4多層選擇器嵌套6.5.5屬性選擇器6.5.6偽選擇器和偽元素選擇器6.5.7選擇器分組6.6CSS3新增選擇器6.6.1兄弟選擇器6.6.2目標偽類選擇器6.6.3結構偽類選擇器6.6.4否定偽類選擇器6.6.5狀態偽類選擇器6.7CSS繼承性、層疊性和特殊性6.7.1CSS繼承性6.7.2CSS層疊性6.7.3CSS優先級6.7.4CSS特殊性6.8案例實戰6.8.1設計導航菜單6.8.2設計登錄表單第7章 設計文本樣式視頻講解：56分鍾7.1字體樣式7.1.1定義字體類型7.1.2定義字體大小7.1.3定義字體顏色7.1.4定義字體粗細7.1.5定義斜體字體7.1.6定義下划線7.1.

7定義字體大小寫7.2文本樣式7.2.1定義文本對齊7.2.2定義垂直對齊7.2.3定義字距和詞距7.2.4定義行高7.2.5定義縮進7.3案例實戰7.3.1設計英文格式17.3.2設計英文格式27.3.3設計中文報刊版式7.3.4設計中文層級版式第8章 設計圖像樣式視頻講解：72分鍾8.1網頁中的圖像8.2圖像樣式8.2.1定義圖像大小8.2.2定義圖像邊框8.2.3定義圖像不透明度8.2.4定義圓角圖像8.2.5定義陰影圖像8.2.6圖文混排8.3綜合實戰：設計圖文新聞內容頁8.4背景圖像8.4.1定義背景圖像8.4.2定義顯示方式8.4.3定義顯示位置8.4.4定義固定背景8.5綜合實戰

8.5.1設計博客首頁8.5.2設計社區相冊8.5.3CSSSprites第9章 設計超鏈接樣式視頻講解：26分鍾9.1定義超鏈接樣式9.1.1認識超鏈接9.1.2偽類和偽對象9.1.3定義鏈接樣式9.2案例實戰9.2.1定義下划線樣式9.2.2定義立體樣式9.2.3定義動態樣式9.2.4定義圖像交換樣式9.2.5定義鼠標樣式9.2.6設計圖形化按鈕樣式9.2.7設計滑動門樣式第10章 設計列表樣式視頻講解：49分鍾10.1設計列表結構10.1.1無序列表10.1.2有序列表10.1.3定義列表10.2定義列表樣式10.2.1定義列表類型10.2.2自定義項目符號10.2.3用背景圖模擬項目符

號10.3列表布局10.3.1列表堆疊10.3.2水平布局10.4案例實戰10.4.1設計背景水平滑動菜單10.4.2設計背景垂直滑動菜單10.4.3設計Tab面板菜單10.4.4設計下拉式面板菜單10.5設計列表欄目樣式10.5.1案例1：音樂榜單10.5.2案例2：圖文列表欄第11章 設計表格樣式視頻講解：45分鍾11.1設計表格結構11.1.1早期表格結構11.1.2標准表格結構11.2定義表格基本樣式11.2.1使用表格標簽屬性11.2.2設計細線表格11.2.3定義單元格空隙11.2.4隱藏空單元格11.3設計表格特殊樣式11.3.1表格布局特性11.3.2定義列組和行組樣式11.3

.3定義表格標題樣式11.3.4合並單元格11.3.5表格樣式的層疊順序11.4案例實戰11.4.1設計單線表格11.4.2設計層級表格樣式11.4.3設計日歷表第12章 設計表單樣式視頻講解：42分鍾12.1設計表單12.1.1表單框12.1.2輸入框12.1.3選擇框12.1.4優化結構12.2定義表單樣式12.2.1設計文本框12.2.2設計單選按鈕和復選框12.2.3設計下拉菜單和列表框12.3案例實戰12.3.1設計用戶登錄頁12.3.2設計用戶注冊頁12.3.3設計搜索框第13章 CSS網頁布局視頻講解：41分鍾13.1網頁布局概述13.1.1認識div和span13.1.2認識d

isplay13.1.3網頁布局分類13.2CSS盒模型13.2.1認識盒模型13.2.2定義邊界13.2.3邊界重疊13.2.4定義邊框13.2.5定義補白13.3網頁布局基本方法13.3.1定義float13.3.2使用clear13.3.3定義position13.3.4設置層疊順序13.4案例實戰13.4.1設計網頁居中顯示13.4.2設計定位版三欄頁面布局13.4.3設計多欄高度自適應頁面13.4.4設計負margin頁面第14章 CSS兼容技法視頻講解：39分鍾14.1認識瀏覽器14.1.1瀏覽器類型14.1.2瀏覽器解析模式14.2基本兼容方法14.2.1IE條件語句14.2.2

屬性過濾器14.2.3選擇器過濾器14.3案例實戰：流動問題與處理14.3.1標簽的默認樣式14.3.2有序列表高度問題14.3.3列表寬度問題14.3.4項目符號變異問題14.3.5列表行雙倍高度問題14.3.6列表項錯行問題14.3.7默認高度問題14.3.8失控的子標簽問題14.3.9使用背景圖代替文本問題14.4案例實戰：浮動問題與處理14.4.1浮動被流動包含問題14.4.2高度自適應問題14.4.3欄目內容被隱藏14.4.4邊界和浮動問題14.4.5半個像素問題14.4.63像素問題14.4.7多出字符問題14.5案例實戰：定位問題與處理14.5.1定位參照物的問題14.5.2定位

層疊問題14.5.3定位丟失問題第15章 JavaScript基礎視頻講解：262分鍾15.1JavaScript入門15.1.1網頁中的JavaScript15.1.2使用JavaScript文件15.1.3JavaScript語法基礎15.1.4認識JavaScript語法特性15.2常量和變量15.3表達式和運算符15.4語句15.4.1表達式語句和語句塊15.4.2條件語句15.4.3循環語句15.4.4跳轉語句15.4.5異常處理語句15.4.6var語句和function語句15.4.7with語句和空語句15.5數據類型和類型轉換15.5.1數值15.5.2字符串15.5.3布爾

型15.5.4null和undefined15.5.5引用型數據15.6函數15.6.1定義函數15.6.2調用函數15.6.3函數參數15.6.4函數應用15.6.5閉包函數15.7對象15.7.1創建對象15.7.2訪問對象15.8數組15.8.1定義數組15.8.2存取元素15.8.3數組應用15.9案例實戰15.9.1檢測數據類型15.9.2數值計算與類型轉換15.9.3字符串替換15.9.4增強數組排序15.9.5使用高階函數15.9.6函數柯里化15.9.7靈活使用this第16章 使用JavaScript操作瀏覽器和文檔視頻講解：78分鍾16.1操作瀏覽器16.1.1了解瀏覽器對

象模型16.1.2案例：設計廣告彈窗16.1.3案例：設計人機交互窗口16.1.4案例：檢測瀏覽器類型和版本16.1.5案例：獲取URL查詢字符串信息16.1.6案例：設計窗口居中顯示16.1.7案例：設計自由彈跳的窗口16.2操作文檔16.2.1了解文檔對象模型16.2.2認識DOM節點類型16.2.3案例：遍歷文檔16.2.4案例：動態增加文檔內容16.3操作節點16.3.1獲取節點16.3.2創建節點16.3.3復制節點16.3.4插入節點16.3.5刪除節點16.3.6替換節點16.4操作屬性16.4.1獲取節點屬性16.4.2設置節點屬性16.4.3刪除節點屬性第17章 JavaSc

ript事件處理視頻講解：78分鍾17.1了解事件處理模型17.1.1事件模型分類17.1.2事件流17.2基本事件模型17.2.1基本事件類型17.2.2綁定事件17.2.3事件處理函數的返回值17.2.4事件處理函數的參數17.2.5事件處理函數中的this17.3標准事件模型17.3.1事件傳播17.3.2注冊事件17.3.3注銷事件17.3.4事件類型17.3.5Event對象17.4IE事件模型17.4.1注冊和銷毀事件17.4.2Event對象17.5事件類型17.5.1案例：設計鼠標拖放操作17.5.2案例：設計鼠標跟隨特效17.5.3案例：跟蹤鼠標在對象內相對位置17.5.4案

例：設計推箱子游戲17.5.5案例：設計滿屏畫布背景17.5.6案例：自動讀取選擇文本17.5.7案例：設計自動跳轉下拉菜單17.5.8案例：禁止表單提交17.6案例實戰17.6.1設計Tab面板17.6.2使用事件屬性激活Tab行為17.6.3分離HTML和JavaScript17.6.4標准化Tab交互行為第18章 使用JavaScript操作CSS樣式視頻講解：49分鍾18.1腳本化CSS概述18.1.1了解DHTML18.1.2CSS腳本化的應用18.1.3認識CSS腳本屬性18.2操作行內樣式18.2.1CSS腳本屬性名規范18.2.2使用style對象18.3操作樣式表18.3.1

使用styleSheets對象18.3.2訪問樣式表中的樣式18.3.3讀取樣式的選擇符18.3.4編輯樣式18.3.5添加樣式18.3.6訪問顯示樣式18.4案例實戰18.4.1網頁換膚18.4.2設計折疊面板18.4.3設計工具提示第19章 使用Ajax視頻講解：63分鍾19.1Ajax概述19.1.1了解Ajax19.1.2如何學習Ajax19.2模擬本地服務器環境19.2.1安裝IIS組件19.2.2定義虛擬目錄19.2.3定義本地站點19.2.4定義動態站點19.2.5測試本地站點19.3使用XMLHttpRequest19.3.1創建XMLHttpRequest19.3.2設計測試

文件19.3.3使用XMLHttpRequest發送請求19.3.4異步回調函數19.3.5處理響應信息19.4案例實戰19.4.1Ajax交互提示19.4.2控制顯示記錄個數19.4.3記錄集分頁顯示19.4.4異步更新Tab面板內容19.4.5快速匹配搜索第20章 使用jQuery視頻講解：113分鍾20.1jQuery概述20.1.1認識jQuery20.1.2jQuery特性20.1.3安裝jQuery20.1.4使用jQuery20.1.5認識jQuery構造器20.2jQuery基本用法20.2.1訪問元素20.2.2讀寫屬性20.2.3定義類樣式20.2.4讀寫文本和值20.3使

用選擇器和過濾器20.3.1常用選擇器20.3.2偽類選擇器20.3.3表單選擇器20.3.4過濾器20.4文檔處理20.4.1插入內容20.4.2嵌套結構20.4.3替換結構20.4.4刪除和克隆結構20.5CSS處理20.5.1定義樣式20.5.2定義位移20.5.3定義尺寸20.6事件處理20.6.1頁面初始化事件20.6.2綁定事件20.6.3觸發事件20.6.4交互事件20.6.5封裝事件20.7動畫處理20.7.1顯隱動畫20.7.2滑動動畫20.7.3淡入淡出第21章 綜合實戰：設計專題網頁視頻講解：41分鍾21.1設計思路21.2構建結構21.2.1定義基本結構21.2.2完善

詳細結構21.3頁面布局和樣式設計21.3.1布局思路21.3.2基本布局和樣式21.3.3瀏覽器兼容處理21.4頁面動態效果設計21.4.1動態下拉菜單21.4.2延遲的下拉菜單21.4.3自定義折疊面板21.4.4左右推拉面板第22章 綜合實戰：設計電子相冊視頻講解：57分鍾22.1設計思路22.1.1案例預覽22.1.2案例策划22.1.3設計XML數據22.2設計相冊結構22.2.1設計基本結構22.2.2完善頁面結構22.3設計相冊布局和樣式22.3.1基本布局思路22.3.2定義默認樣式和基本框架22.3.3定義局部樣式22.3.4瀏覽器兼容性處理22.3.5設計皮膚22.4設計交

互效果22.4.1動態更換皮膚22.4.2使用Spry讀取XML數據22.4.3初始化XMLDOM控件22.4.4讀取並顯示分類導航信息22.4.5讀取並顯示縮略圖信息22.4.6完善鼠標操作的動感效果第23章 綜合實戰：設計網絡記事本視頻講解：57分鍾23.1網站策划23.1.1案例分析23.1.2功能設計和效果演示23.2設計思路23.3設計數據結構23.3.1網站數據結構概述23.3.2設計數據表結構23.4設計網站結構和樣式23.4.1網站結構23.4.2網站布景23.4.3表單結構23.4.4網站布局23.5基本模塊設計23.5.1連接數據庫23.5.2數據庫基本操作23.5.3用戶

登錄23.5.4DOM操作23.6網站初始化23.6.1生成表單23.6.2表單初始化23.7數據操作23.7.1數據錄入23.7.2數據查詢23.8數據顯示23.8.1設計可編輯行23.8.2更新數據23.8.3添加數據23.8.4刪除數據23.8.5恢復數據23.8.6顯示數據23.8.7數據顯示接口23.8.8頁面初始化第24章 綜合實戰：設計購物網站視頻講解：62分鍾24.1網站策划24.2設計網站結構24.2.1定義文件結構24.2.2定義網頁結構24.2.3設計效果圖24.3設計網站樣式24.3.1網站樣式分類24.3.2編寫全局樣式24.3.3編寫可重用樣式24.3.4編寫網站首

頁主體布局24.3.5編寫詳細頁主體布局24.4設計首頁交互行為24.4.1搜索框文字效果24.4.2網頁換膚24.4.3導航效果24.4.4商品分類熱銷效果24.4.5產品廣告效果24.4.6超鏈接提示24.4.7品牌活動橫向滾動效果24.4.8光標滑過產品列表效果24.5設計詳細頁交互行為24.5.1圖片放大鏡效果24.5.2圖片遮罩效果24.5.3小圖切換大圖24.5.4選項卡24.5.5產品顏色切換24.5.6產品尺寸切換24.5.7產品數量和價格聯動24.5.8產品評分的效果24.5.9放入購物車效果24.6小結

網頁設計概念進入發燒排行的影片

基於IEC 61850協定之通訊閘道器設計

為了解決網頁設計概念的問題，作者葉子嘉 這樣論述：

本論文因應智慧電網之發展，為有效介接第三方系統資料至配電運轉與維護系統，本論文遵循IEC 61850通訊協定標準之邏輯設備、邏輯節點、資料物件及資料屬性等規則，應用 libiec61850 所提供之開放性原始碼函式庫發展通訊格式轉換閘道器設備，其中包含電力通訊介面模組以及電力交易平台轉換模組，該模組以 Linux 系統平台為基礎進行開發，可將 Modbus、分散式網路協定等自定義格式轉換為IEC 61850通訊格式並運用MariaDB資料庫、資料表與圖形化介面快速編輯端末設備之參數設定，寫入現場計量設備之即時數據至對應資料表中，以做為IEC 61850格式轉換之資料來源，同時經由 TCP/I

P 引擎與配電運轉與維護系統相互介接，達到資料轉換與傳輸之目的。

從方法到實踐：手把手教你學網頁美工設計

為了解決網頁設計概念的問題，作者曹茂鵬（主編） 這樣論述：

《手把手教你學網頁美工設計（從方法到實踐）》是一本講解網頁設計和配色的圖書，共計分為8章，分別為網頁設計理論、網頁設計的基礎知識、設計基礎色、網頁設計的介面佈局方法、網頁設計的構成元素、不同行業的網頁色彩搭配、網頁色彩的情感和網頁配色實戰。 《手把手教你學網頁美工設計（從方法到實踐）》章節安排合理，理論扎實、案例精彩，全書使用了“手把手教你”、“小妙招”、“優秀作品賞析”等特色模組，並結合了大量國內外優秀的案例和作品賞析，且均為國際新潮、流行的網頁設計、廣告設計、創意設計、影視設計作品，既有經典的理論分析又有易懂的思路擴展，非常值得讀者借鑒和學習。 案例中有精准的色彩數值和設計剖析，既可以

當作工具書查閱，也可以當作參照書賞析。 《手把手教你學網頁美工設計（從方法到實踐）》是網頁設計、標誌設計、廣告設計、報刊設計、平面設計、展示設計等必備的速查工具書，也可作為各大培訓機構、公司的理論參考書，還可作為各大、中專院校網頁設計專業的教材和參考書。 1網頁設計理論 1.1網頁設計概念/003 1.2網頁的設計標準/004 1.2.1網頁尺寸/004 1.2.2網頁字體/005 1.2.3網頁色彩/005 1.3網頁設計的八大法則/008 1.3.1比例法則/010 1.3.2對稱法則/010 1.3.3不對稱法則/011 1.3.4和諧法則/011 1.3.5統一法

則/011 1.3.6平衡法則/012 1.3.7反復法則/012 1.3.8漸變法則/013 1.4網頁設計的四大原則/013 1.4.1目的性原則/014 1.4.2內涵性原則/014 1.4.3個性化原則/015 1.4.4藝術性原則/015 1.5網頁設計的點線面/016 1.5.1點/017 1.5.2線/017 1.5.3面/018 2網頁設計的基礎知識 2.1網頁色彩/021 2.1.1色相、明度、純度/021 2.1.2主色、輔助色、點綴色/022 2.1.3鄰近色、對比色/024 2.1.4色彩與面積/025 2.1.5色彩混合/025 2.1.6色彩與網頁設計的關係/02

7 2.2網頁設計的元素/028 2.2.1網頁的規格/028 2.2.2網頁的LOGO/028 2.2.3頂部通欄/029 2.2.4網頁文本/030 2.2.5圖像的設計/030 3網頁設計基礎色 3.1紅/033 3.1.1淺談紅色/033 3.1.2應用實例/034 3.1.3常見色分析/034 3.1.4猜你喜歡/035 3.2橙/035 3.2.1淺談橙色/035 3.2.2應用實例/036 3.2.3常見色分析/036 3.2.4猜你喜歡/037 3.3黃/038 3.3.1淺談黃色/038 3.3.2應用實例/039 3.3.3常見色分析/039 3.3.4猜你喜歡/040

3.4綠/040 3.4.1淺談綠色/040 3.4.2應用實例/041 3.4.3常見色分析/041 3.4.4猜你喜歡/042 3.5青/042 3.5.1淺談青色/042 3.5.2應用實例/043 3.5.3常見色分析/044 3.5.4猜你喜歡/044 3.6藍/045 3.6.1淺談藍色/045 3.6.2應用實例/046 3.6.3常見色分析/046 3.6.4猜你喜歡/047 3.7紫/048 3.7.1淺談紫色/048 3.7.2應用實例/049 3.7.3常見色分析/049 3.7.4猜你喜歡/050 3.8黑/050 3.8.1淺談黑色/050 3.8.2應用實例/051

3.8.3猜你喜歡/051 3.9白/052 3.9.1淺談白色/052 3.9.2應用實例/053 3.9.3猜你喜歡/053 3.10灰/054 3.10.1淺談灰色/054 3.10.2應用實例/055 3.10.3猜你喜歡/055 4網頁設計的介面佈局方法 4.1骨骼型/059 4.1.1手把手教你——骨骼型網頁設計方法/059 4.1.2骨骼型網頁設計方案/060 4.1.3骨骼型網頁設計/061 4.1.4骨骼型網頁設計小妙招——紅色與綠色互補的視覺感/062 4.1.5優秀作品賞析/062 4.2滿版型/063 4.2.1手把手教你——滿版型網頁設計方法/063 4.2.2滿

版型網頁設計方案/064 4.2.3滿版型網頁設計/065 4.2.4滿版型網頁設計小妙招——實物與虛景的不同妙處/066 4.2.5優秀作品賞析/066 4.3分割型/067 4.3.1手把手教你——分割型網頁設計方法/067 4.3.2分割型網頁設計方案/068 4.3.3分割型網頁設計/069 4.3.4分割型網頁設計小妙招——縱向分割/070 4.3.5優秀作品賞析/070 4.4中軸型/071 4.4.1手把手教你——中軸型網頁設計方法/071 4.4.2中軸型網頁設計方案/072 4.4.3中軸型網頁設計/073 4.4.4中軸型網頁設計小妙招——色彩的沉著感/074 4.4.5優

秀作品賞析/074 4.5曲線型/075 4.5.1手把手教你——曲線型網頁設計方法/075 4.5.2曲線型網頁設計方案/076 4.5.3曲線型網頁設計/077 4.5.4曲線型網頁設計小妙招——不同的線條與色彩/078 4.5.5優秀作品賞析/078 4.6傾斜型/079 4.6.1手把手教你——傾斜型網頁設計方法/079 4.6.2傾斜型網頁設計方案/080 4.6.3傾斜型網頁設計/081 4.6.4傾斜型網頁設計小妙招——高明度與低明度的色彩/082 4.6.5優秀作品賞析/082 4.7對稱型/083 4.7.1手把手教你——對稱型網頁設計方法/083 4.7.2對稱型網頁設計方

案/084 4.7.3對稱型網頁設計/085 4.7.4對稱型網頁設計小妙招——同對稱的形式/086 4.7.5優秀作品賞析/086 4.8焦點型/087 4.8.1手把手教你——焦點型網頁設計方法/087 4.8.2焦點型網頁設計方案/088 4.8.3焦點型網頁設計/089 4.8.4焦點型網頁設計小妙招——圓形的焦點設計/090 4.8.5優秀作品賞析/090 4.9三角型/091 4.9.1手把手教你——三角型網頁設計方法/091 4.9.2三角型網頁設計方案/092 4.9.3三角型網頁設計/093 4.9.4三角型網頁設計小妙招——綠色的清爽感/094 4.9.5優秀作品賞析/09

4 4.10自由型/095 4.10.1手把手教你——自由型網頁設計方法/095 4.10.2自由型網頁設計方案/096 4.10.3自由型網頁設計/096 4.10.4自由型網頁設計小妙招——耐人尋味的色彩/098 4.10.5優秀作品賞析/098 5網頁設計的構成元素 5.1導航/101 5.1.1手把手教你——網頁導航設計方法/101 5.1.2網頁導航設計方案/102 5.1.3網頁導航設計/103 5.1.4網頁導航設計小妙招——加入底色突出導航/104 5.1.5優秀作品賞析/104 5.2banner/104 5.2.1手把手教你——網頁banner設計方法/105 5.2.2

網頁banner設計方案/106 5.2.3網頁banner設計/107 5.2.4網頁banner設計小妙招——動感時尚的灰色圖片/108 5.2.5優秀作品賞析/108 5.3模組/108 5.3.1手把手教你——網頁模組設計方法/109 5.3.2網頁模組設計方案/110 5.3.3網頁模組設計/111 5.3.4網頁模組設計小妙招——幾何形狀/112 5.3.5優秀作品賞析/112 5.4文字/113 5.4.1手把手教你——網頁文字設計方法/113 5.4.2網頁文字設計方案/114 5.4.3網頁文字設計/115 5.4.4網頁文字設計小妙招——字體設計居中擺放/116 5.4.5

優秀作品賞析/116 6.不同行業的網頁色彩搭配 6.1食品類/119 6.1.1手把手教你——食品類網頁設計方法/119 6.1.2食品類網頁設計方案/120 6.1.3食品類網頁設計/121 6.1.4食品類網頁設計小妙招——棕色的沉穩感/122 6.1.5優秀作品賞析/122 6.2服裝類/123 6.2.1手把手教你——服裝類網頁設計方法/123 6.2.2服裝類網頁設計方案/124 6.2.3服裝類網頁設計/125 6.2.4服裝類網頁設計小妙招——網頁的版式設計/126 6.2.5優秀作品賞析/126 6.3企業類/127 6.3.1手把手教你——企業類網頁設計方法/127 6.

3.2企業類網頁設計方案/128 6.3.3企業類網頁設計/129 6.3.4企業類網頁設計小妙招——富饒與簡易的對比/130 6.3.5優秀作品賞析/130 6.4美妝類/131 6.4.1手把手教你——美妝類網頁設計方法/131 6.4.2美妝類網頁設計方案/132 6.4.3美妝類網頁設計/133 6.4.4美妝類網頁設計小妙招——黑色對稱版式/134 6.4.5優秀作品賞析/134 6.5數碼類/135 6.5.1手把手教你——數碼類網頁設計方法/135 6.5.2數碼類網頁設計方案/136 6.5.3數碼類網頁設計/137 6.5.4數碼類網頁設計小妙招——繪畫的插入/138 6.5

.5優秀作品賞析/138 6.6文娛類/139 6.6.1手把手教你——文娛類網頁設計方法/139 6.6.2文娛類網頁設計方案/140 6.6.3文娛類網頁設計/141 6.6.4文娛類網頁設計小妙招——簡潔的分割手法/142 6.6.5優秀作品賞析/142 6.7家居類/143 6.7.1手把手教你——家居類網頁設計方法/143 6.7.2家居類網頁設計方案/144 6.7.3家居類網頁設計/145 6.7.4家居類網頁設計小妙招——清爽的視覺/146 6.7.5優秀作品賞析/146 6.8汽車類/147 6.8.1手把手教你——汽車類網頁設計方法/147 6.8.2汽車類網頁設計方案/1

48 6.8.3汽車類網頁設計/149 6.8.4汽車類網頁設計小妙招——典雅端莊的黑色/150 6.8.5優秀作品賞析/150 6.9旅遊類/151 6.9.1手把手教你——旅遊類網頁設計方法/151 6.9.2旅遊類網頁設計方案/152 6.9.3旅遊類網頁設計/153 6.9.4旅遊類網頁設計小妙招——圓圈元素設計/154 6.9.5優秀作品賞析/154 6.10創意類/155 6.10.1手把手教你——創意類網頁設計方法/155 6.10.2創意類網頁設計方案/156 6.10.3創意類網頁設計/157 6.10.4創意類網頁設計小妙招——動畫的趣味性/158 6.10.5優秀作品賞析

/158 7網頁色彩的情感 7.1美味/161 7.1.1手把手教你——美味網頁設計方法/161 7.1.2美味網頁設計方案/162 7.1.3美味網頁設計/163 7.1.4美味網頁設計小妙招——暗色背景的使用/164 7.1.5優秀作品賞析/164 7.2清新/165 7.2.1手把手教你——清新網頁設計方法/165 7.2.2清新網頁設計方案/166 7.2.3清新網頁設計/167 7.2.4清新網頁設計小妙招——帶有灰度的顏色/168 7.2.5優秀作品賞析/168 7.3溫暖/169 7.3.1手把手教你——溫暖網頁設計方法/169 7.3.2溫暖網頁設計方案/170 7.3.3溫

暖網頁設計/171 7.3.4溫暖網頁設計小妙招——暖系燈光/172 7.3.5優秀作品賞析/172 7.4涼爽/173 7.4.1手把手教你——涼爽網頁設計方法/173 7.4.2涼爽網頁設計方案/174 7.4.3涼爽網頁設計/175 7.4.4涼爽網頁設計小妙招——巧用藍色背景/176 7.4.5優秀作品賞析/176 7.5飽滿/177 7.5.1手把手教你——飽滿網頁設計方法/177 7.5.2飽滿網頁設計方案/178 7.5.3飽滿網頁設計/179 7.5.4飽滿網頁設計小妙招——運用飽和度較高的色彩/180 7.5.5優秀作品賞析/180 7.6時尚/181 7.6.1手把手教你—

—時尚網頁設計方法/181 7.6.2時尚網頁設計方案/182 7.6.3時尚網頁設計/183 7.6.4時尚網頁設計小妙招——用黃色點綴暗系背景/184 7.6.5優秀作品賞析/184 7.7神秘/185 7.7.1手把手教你——神秘網頁設計方法/185 7.7.2神秘網頁設計方案/186 7.7.3神秘網頁設計/187 7.7.4神秘網頁設計小妙招——合理運用黑色背景/188 7.7.5優秀作品賞析/188 7.8喧鬧/189 7.8.1手把手教你——喧鬧網頁設計方法/189 7.8.2喧鬧網頁設計方案/190 7.8.3喧鬧網頁設計/191 7.8.4喧鬧網頁設計小妙招——多種顏色的搭配

/192 7.8.5優秀作品賞析/192 7.9科技/193 7.9.1科技感網頁設計的搭配特徵/193 7.9.2科技感網頁設計方案，舉一反三/194 7.9.3神秘悠揚的科技感色彩搭配/195 7.9.4設計巧妙的科技感色彩搭配/196 7.9.5科技感網頁設計小妙招/196 7.9.6優秀作品賞析/198 7.10專業/198 7.10.1專業感網頁設計的搭配特徵/198 7.10.2專業感網頁設計方案，舉一反三/199 7.10.3清爽簡潔的專業感色彩搭配/200 7.10.4現代化的專業感色彩搭配/201 7.10.5專業感網頁設計小妙招/201 7.10.6優秀作品賞析/202

8網頁配色實戰 8.1簡約風格網頁設計/204 8.2向量風格圖像裝飾/208 網頁設計近年來在商業活動中的作用凸顯，是互聯網時代企業和產品對外展示的重要視窗，網頁美工設計的優劣直接影響著企業的形象和品牌的構建。市場上網頁美工設計類圖書以“鑒賞型”居多，“鑒賞型”圖書的特點是案例多、圖片精美、啟發性強，但弊端是書不耐讀，讀者法明白其原理，法舉一反三，沒有太大的延伸價值。   鑒於這種情況，我們組織策劃了“從方法到實踐：手把手教你學設計”系列圖書，本套圖書面向初學者，在“鑒賞型”的基礎上，側重理論和方法，即使是非專業人員，也能從中學到很多有用的設計技巧。   《從方法到實踐：

手把手教你學網頁美工設計》是本系列中的一個分冊，通過扎實的網頁美工設計理論和大量的經典國外設計案例，讓初學者短時間內洞悉網頁美工設計的奧秘，並能夠將所學內容應用於網頁設計工作中。   本書共分8章，具體內容包括網頁設計理論、網頁設計的基礎知識、設計基礎色、網頁設計的介面佈局方法、網頁設計的構成元素、不同行業的網頁色彩搭配、網頁色彩的情感和網頁配色實戰等。編者以網頁美工設計的基本應用方法為起點，以拓展讀者朋友對網頁設計的思路為目的，希望通過通俗易懂的理論知識、精緻多樣的賞析案例、色彩斑斕的配色方案、完整詳細的綜合案例，給讀者一個更好的學習思路，進而從本質上提高網頁設計能力。   本書由TOPAR

T視覺研究室組織編寫，曹茂鵬主編。瞿穎健、曹愛德、曹明、曹詩雅、曹瑋、曹元鋼、曹子龍、崔英迪、丁仁雯、董輔川、高歌、韓雷、鞠闖、李進、李路、馬嘯、馬揚、瞿吉業、瞿學嚴、瞿玉珍、孫丹、孫芳、孫雅娜、王萍、王鐵成、楊建超、楊力、楊宗香、于燕香、張建霞、張玉華等同志參加編寫和整理。   由於時間倉促，加之水準有限，書中難免存在不妥之處，敬請廣大讀者批評指正。   編者

以成果導向學習理念建置嬰幼兒適性發展資訊系統

為了解決網頁設計概念的問題，作者林建平 這樣論述：

嬰幼兒期是各方面發展的關鍵時期，必須奠定良好的根基，以促進日後的健全發展。若錯失關鍵期教養方式的配合，可能因此影響孩子的一生。因為資訊科技的進步，各行各業都運用資訊技術來提升效率。雖然幼保領域，目前已有嬰幼兒日誌資訊系統運用於機構或個人，但仍缺乏引導與記錄嬰幼兒成長發展的行動資訊系統。因此本研究將建立一套可以記錄嬰幼兒各面向成長發展的系統，參照前內政部兒童局(現為衛生福利部社會及家庭署)委託之研究報告，依據嬰幼兒適性發展學習綱要的建議，提供適性發展學習指引，並有發展里程碑與雷達圖功能，運用資訊科技提高嬰幼兒照顧方面的品質。本系統利用HTML5，結合ASP.NET C#語言，運用jQuery

Mobile函式庫來開發。當使用者瀏覽本系統網頁時，jQuery Mobile即能提供該裝置適合的網頁排版畫面，方便使用者進行檢視及操作。此系統以成果導向學習為基礎，並針對0-2歲嬰幼兒的能力發展進行記錄，而在嬰幼兒學習結束後，透過定期評估，產生嬰幼兒發展里程碑雷達圖，客觀呈現嬰幼兒在五大面向的發展情形與成果。本研究已建置完成嬰幼兒適性發展資訊系統，包含適性發展學習活動指引、學習活動紀錄、發展評估、發展里程碑及雷達圖表等，藉此讓托育人員可以根據不同月齡的嬰幼兒，進行相對應的適性發展活動，並且讓托育人員及家長能夠瞭解嬰幼兒的發展狀況及其特質，與進行教保活動。研究結果顯示以電子化方式記錄嬰幼兒成長

發展，可以幫助托育人員完整的紀錄所引導過的學習活動次數與發展情形，並且可以提供家長們在手機上查閱及回饋。透過專家諮詢與建議表發現，本研究建置之系統可以增加托育紀錄上的清晰度，使托育品質能加以提昇，促進嬰幼兒的適性發展。