華康字型下載的問題，透過圖書和論文來找解法和答案更準確安心。 我們找到下列懶人包和總整理

Dreamweaver CC+Flash CC+Photoshop CC網頁設計案例課堂（第2版）

為了解決華康字型下載的問題，作者劉春茂（編著） 這樣論述：

《Dreamweaver CC Flash CC Photoshop CC網頁設計案例課堂(第2版)》以零基礎講解為宗旨，用實例引導讀者深入學習，採取「基礎入門→網頁內容設計→網頁元素設計→網頁動畫設計→項目開發」的講解模式，深入淺出地講解網頁設計的各項技術及實戰技能。《Dreamweaver CC Flash CC Photoshop CC網頁設計案例課堂(第2版)》第1篇「基礎入門」主要內容包括網頁設計與網站建設基礎、網頁配色與網站布局等；第2篇「網頁內容設計」主要內容包括使用Dreamweaver CC創建站點、使用文本豐富網頁內容、使用圖像與多媒體網頁元素、設計網頁中的超鏈接、使用網頁

表單和行為等；第3篇「網頁元素設計」主要內容包括調整與修飾圖像、製作網頁特效文字、製作網頁按鈕與導航條、製作網頁特效邊線與背景、製作網頁Logo與網頁Banner等；第4篇「網頁動畫設計」主要內容包括製作簡單網頁動畫元素、使用元件和庫、創建互動式動畫、製作動態網站的Logo與Banner、Flash動畫的測試與發布等；第5篇「項目開發」主要內容包括使用CSS層疊樣式表、利用Div CSS布局網頁、構建動態網站的運行環境、使用MySQL資料庫、開髮網站用戶管理系統等。 劉春茂，本科畢業於上海復旦大學，碩士畢業於清華大學。曾在美國IBM公司移動產品開發組從事Android平台應用的開發。擅長

的核心技術：媒體和教育領域個性化信息推薦，網站用戶行為數據挖掘，健康領域非結構化數據處理。擅長的其他技術：熟悉各種網站和手機（Andorid和iOS）app的開發等，精通Java, C/C , PHP, Python等流行語言並對Hadoop， MapReduce等大數據框架有深入研究。 第1篇 基 礎 入 門第1章 開啟網頁設計之路——網頁設計與網站建設基礎 31.1 認識網頁和網站 41.1.1 什麼是網頁 41.1.2 什麼是網站 51.1.3 網站的種類和特點 51.2 網頁的相關概念 71.2.1 因特網與萬維網 71.2.2 瀏覽器與HTML 71.2.3 URL

、域名與IP地址 81.2.4 上傳和下載 81.3 網頁的HTML構成 91.3.1 文檔標記 91.3.2 頭部標記 101.3.3 主體標記 101.4 HTML的常用標記 111.4.1 標題標記 111.4.2 段落標記 111.4.3 換行標記 121.4.4 鏈接標記 131.4.5 列表標記 141.4.6 圖像標記 171.4.7 表格標記 191.4.8 表單標記 211.5 綜合案例——制作日程表 221.6 疑難解惑 25第2章 整體把握網站結構——網頁配色與網站布局 272.1 善用色彩設計網頁 282.1.1 認識色彩 282.1.2 確定網站的主題色 292.1.

3 網頁中色彩的搭配 312.1.4 網頁元素的色彩搭配 322.1.5 網頁色彩搭配的技巧 342.2 常見網站的布局結構 362.2.1 「國」字型 362.2.2 標題正文型 372.2.3 左右框架型 372.2.4 上下框架型 372.2.5 綜合框架型 382.2.6 封面型 382.2.7 Flash型 382.3 綜合案例——定位網站頁面的框架 392.4 疑難解惑 40第2篇 網頁內容設計第3章 磨刀不誤砍柴工——使用Dreamweaver CC創建站點 433.1 認識Dreamweaver CC 443.1.1 啟動Dreamweaver CC 443.1.2 認識Dre

amweaver CC的工作區 453.1.3 體驗Dreamweaver CC的新增功能 473.2 創建站點 503.2.1 案例1——創建本地站點 503.2.2 案例2——創建遠程站點 513.3 管理站點 523.3.1 案例3——打開站點 523.3.2 案例4——編輯站點 523.3.3 案例5——刪除站點 533.3.4 案例6——復制站點 543.3.5 案例7——導出與導入站點 543.4 操作站點文件及文件夾 553.4.1 案例8——創建文件夾 563.4.2 案例9——創建文件 563.4.3 案例10——文件或文件夾的移動和復制 573.4.4 案例11——刪除文件

或文件夾 573.5 綜合案例——創建本地站點 583.6 疑難解惑 59第4章 制作我的第一個網頁——使用文本豐富網頁內容 614.1 網頁文檔的基本操作 624.1.1 案例1——創建網頁 624.1.2 案例2——頁面屬性 624.1.3 案例3——保存網頁 644.1.4 案例4——打開網頁 654.1.5 案例5——預覽網頁 664.2 添加網頁內容 674.2.1 案例6——插入文字 674.2.2 案例7——設置字體 684.2.3 案例8——設置字號 684.2.4 案例9——設置字體顏色 694.2.5 案例10——設置字體樣式 704.2.6 案例11——編輯段落 724.

2.7 案例12——創建項目列表 774.3 使用特殊文本添加網頁內容 794.3.1 案例13——插入換行符 794.3.2 案例14——插入水平線 794.3.3 案例15——插入日期 804.3.4 案例16——插入特殊字符 814.4 綜合案例——制作圖文並茂的網頁 824.5 疑難解惑 84第5章 有圖有真相——使用圖像與多媒體網頁元素 875.1 常用圖像格式 885.1.1 GIF格式 885.1.2 JPEG格式 885.1.3 PNG格式 895.2 用圖像美化網頁 895.2.1 案例1——插入圖像 895.2.2 案例2——設置圖像的屬性 915.2.3 案例3——設置圖

像對齊方式 935.2.4 案例4——剪裁需要的圖像 945.2.5 案例5——調整圖像的亮度與對比度 955.2.6 案例6——設置圖像的銳化效果 965.3 插入其他圖像元素 975.3.1 案例7——插入鼠標經過圖像 975.3.2 案例8——插入圖像占位符 995.4 在網頁中插入多媒體 1005.4.1 案例9——插入背景音樂 1005.4.2 案例10——插入Flash動畫 1015.4.3 案例11——插入FLV視頻 1025.4.4 案例12——插入HTML 5音頻 1045.4.5 案例13——插入HTML 5視頻 1055.5 綜合案例1——制作精彩的多媒體網頁 1075.

6 綜合案例2——在代碼視圖中插入背景音樂 1095.7 疑難解惑 110第6章 不在網頁中迷路——設計網頁中的超鏈接 1136.1 超級鏈接 1146.1.1 鏈接的概念 1146.1.2 常規鏈接 1146.1.3 鏈接的類型 1156.2 鏈接路徑 1166.2.1 什麼是URL 1166.2.2 絕對路徑 1166.2.3 文檔相對路徑 1176.2.4 根相對路徑 1176.3 創建超級鏈接的方法 1176.3.1 案例1——使用菜單命令創建鏈接 1176.3.2 案例2——使用【屬性】面板創建鏈接 1186.3.3 案例3——使用【指向文件】按鈕創建鏈接 1186.4 創建不同種類

的網頁超鏈接 1196.4.1 案例4——添加文本鏈接 1196.4.2 案例5——添加圖像鏈接 1206.4.3 案例6——創建外部鏈接 1216.4.4 案例7——創建錨記鏈接 1216.4.5 案例8——創建圖像熱點鏈接 1236.4.6 案例9——創建電子郵件鏈接 1246.4.7 案例10——創建下載文件的鏈接 1256.4.8 案例11——創建空鏈接 1266.4.9 案例12——創建腳本鏈接 1266.5 綜合案例——為企業網站添加友情鏈接 1286.6 疑難解惑 128第7章 讓網頁互動起來——使用網頁表單和行為 1297.1 認識表單 1307.1.1 什麼是表單 1307.

1.2 認識表單對象 1307.1.3 案例1——插入表單 1337.1.4 案例2——設置表單屬性 1347.2 常用表單對象的應用 1357.2.1 案例3——插入文本域 1357.2.2 案例4——插入密碼域 1367.2.3 案例5——插入復選框 1377.2.4 案例6——插入單選按鈕 1387.2.5 案例7——插入下拉菜單 1387.2.6 案例8——插入滾動列表 1397.2.7 案例9——插入按鈕 1407.2.8 案例10——插入圖像按鈕 1407.2.9 案例11——插入文件上傳域 1417.3 認識行為 1427.3.1 行為的概念 1427.3.2 案例12——打開【

行為】面板 1437.4 常用內置行為的應用 1437.4.1 案例13——交換圖像 1437.4.2 案例14——彈出信息 1457.4.3 案例15——打開瀏覽器窗口 1467.4.4 案例16——檢查表單行為 1487.4.5 案例17——設置狀態欄文本 1497.5 綜合案例——使用表單制作留言本 1517.6 疑難解惑 154第3篇 網頁元素設計第8章 網頁圖像說變就變——調整與修飾圖像 1578.1 圖像色調的調整 1588.1.1 案例1——調整圖像的亮度與對比度 1588.1.2 案例2——使用【色階】命令調整圖像 1588.1.3 案例3——使用【曲線】命令調整圖像 1628

.1.4 案例4——調整圖像的曝光度 1658.2 圖像色彩的調整 1668.2.1 案例5——使用【色相/飽和度】命令 1668.2.2 案例6——使用【自然飽和度】命令 1688.2.3 案例7——使用【色彩平衡】命令 1688.2.4 案例8——使用【黑白】命令 1698.2.5 案例9——使用【照片濾鏡】命令 1708.2.6 案例10——使用【通道混合器】命令 1718.2.7 案例11——使用【匹配顏色】命令 1728.2.8 案例12——使用【替換顏色】命令 1748.2.9 案例13——使用【可選顏色】命令 1758.2.10 案例14——使用【陰影/高光】 命令 1778.3

修復圖像中的污點與瑕疵 1788.3.1 案例15——修復圖像中的污點 1788.3.2 案例16——修復圖像中的瑕疵 1798.3.3 案例17——修復圖像選中的區域 1798.3.4 案例18——內容感知移動工具 1808.3.5 案例19——消除照片中的紅眼 1818.4 通過圖像或圖案修飾圖像 1828.4.1 案例20——通過復制圖像修飾圖像 1828.4.2 案例21——通過圖案修飾圖像 1838.5 通過橡皮擦修飾圖像 1838.5.1 案例22——擦除圖像中指定的區域 1848.5.2 案例23——擦除圖像中的指定顏色 1848.5.3 案例24——擦除圖像中相近的顏色 18

58.6 修飾圖像中的細節 1868.6.1 案例25——修飾圖像中生硬的邊緣 1868.6.2 案例26——提高圖像的清晰度 1878.6.3 案例27——通過塗抹修飾圖像 1878.7 通過調色修飾圖像 1888.7.1 案例28——減淡工具和加深工具 1888.7.2 案例29——改變圖像色彩的飽和度 1898.8 綜合案例——制作放射線背景圖 1898.9 疑難解惑 190第9章 有情有義的文字——制作網頁特效文字 1919.1 文字的類型 1929.2 輸入文字 1929.2.1 案例1——通過文字工具輸入文字 1929.2.2 案例2——通過文字蒙版工具輸入文字狀選區 1949.2

.3 案例3——轉換點文字和段落文字 1959.2.4 案例4——轉換文字排列方向 1959.3 設置文字格式 1969.3.1 案例5——通過選項欄設置格式 1969.3.2 案例6——通過【字符】面板設置文字格式 1979.3.3 案例7——通過【段落】面板設置段落格式 1989.3.4 案例8——設置字符樣式和段落樣式 2009.3.5 案例9——查找和替換文本 2009.4 文字轉換 2019.4.1 案例10——將文字轉換為工作路徑 2019.4.2 案例11——將文字轉換為形狀 2029.4.3 案例12——將文字轉換為圖像 2029.5 制作常見特效文字 2039.5.1 案例1

3——制作路徑文字 2039.5.2 案例14——制作變形文字 2049.5.3 案例15——制作燃燒文字特效 2069.6 綜合案例——制作空心輪廓字 2089.7 疑難解惑 210第10章 網頁中的路標——制作網頁 按鈕與導航條 21110.1 按鈕與導航條的設計原則 21210.1.1 網頁按鈕的設計注意事項 21210.1.2 網頁導航條的設計注意 事項 21210.2 制作按鈕 21310.2.1 案例1——制作普通按鈕 21310.2.2 案例2——制作迷你按鈕 21410.2.3 案例3——制作水晶按鈕 21710.2.4 案例4——制作木紋按鈕 22110.3 制作導航條 22

410.3.1 案例5——制作橫向導航條 22410.3.2 案例6——制作垂直導航條 22610.4 綜合案例——制作水晶風格網站導航條 22810.5 疑難解惑 234第11章 網頁中迷人的藍海——制作網頁特效邊線與背景 23511.1 制作裝飾邊線 23611.1.1 案例1——制作裝飾虛線 23611.1.2 案例2——制作內嵌線條 23811.1.3 案例3——制作斜紋線條 23911.2 制作網頁背景圖片 24111.2.1 案例4——制作漸變背景圖片 24111.2.2 案例5——制作透明背景圖像 24411.3 綜合案例——制作夢幻星光網頁背景 24511.4 疑難解惑 249

第12章 網頁中的標志與旗幟——制作網頁Logo與網頁Banner 25112.1 網頁Logo與Banner概述 25212.1.1 網頁Logo設計標准 25212.1.2 網頁Logo的標准尺寸 25312.1.3 網頁Logo的一般形式 25412.1.4 網頁Banner的標准尺寸 25512.1.5 Banner設計注意要點 25512.2 制作文字Logo 25512.2.1 案例1——制作背景 25512.2.2 案例2——制作文字內容 25612.2.3 案例3——繪制自定義形狀 25712.2.4 案例4——美化文字Logo 25812.3 制作圖案Logo 26012.3

.1 案例5——制作背景 26012.3.2 案例6——制作圖案效果 26212.4 制作英文Banner 26412.4.1 案例7——制作Banner背景 26412.4.2 案例8——制作Banner底紋 26512.4.3 案例9——制作文字特效 26712.5 制作中文Banner 26712.5.1 案例10——輸入特效文字 26712.5.2 案例11——將輸入的文字設置為3D效果 26812.5.3 案例12——制作Banner背景 27012.6 綜合案例1——制作圖文結合 Logo 27112.7 綜合案例2——制作圖文結合 Banner 27512.8 疑難解惑 277第

4篇 網頁動畫設計第13章 讓網頁活靈活現——制作簡單網頁動畫元素 28113.1 Flash的基本功能 28213.1.1 矢量繪圖 28213.1.2 動畫設計 28213.1.3 強大的編程功能 28213.2 時間軸、幀和圖層 28313.2.1 什麼是圖層 28313.2.2 時間軸與幀 28413.3 制作簡單動畫 28513.3.1 案例1——制作幀幀動畫 28513.3.2 案例2——制作補間動畫 28813.3.3 案例3——制作遮罩動畫 29213.3.4 案例4——使用動畫預設 29413.4 綜合案例——制作數字倒計時動畫 29513.5 疑難解惑 297第14章 快速

組織動畫素材——使用元件和庫 29914.1 創建Flash元件 30014.1.1 元件概述與分類 30014.1.2 案例1——創建圖形元件 30014.1.3 案例2——創建按鈕元件 30114.1.4 案例3——創建影片剪輯元件 30414.1.5 案例4——調用其他文檔中的元件 30614.2 使用實例 30614.2.1 案例5——為實例另外指定一個元件 30714.2.2 案例6——改變實例屬性 30714.3 使用【庫】面板 31014.3.1 案例7——認識【庫】面板 31014.3.2 案例8——庫的管理與使用 31114.4 綜合案例——制作絢麗網頁按鈕 31314.5

疑難解惑 317第15章 網頁元素的動態交互——創建交互式動畫 31915.1 ActionScript概述 32015.1.1 ActionScript基本術語 32015.1.2 【動作】面板 32115.2 使用ActionScript制作動畫特效 32215.2.1 案例1——制作按鈕切換圖片效果 32215.2.2 案例2——制作按鈕切換背景顏色效果 32715.2.3 案例3——制作星光閃爍效果 33215.3 Flash常用組件的使用 33615.3.1 案例4——組件的添加與刪除 33715.3.2 案例5——Button(按鈕)組件 33815.3.3 案例6——CheckB

ox(復選框)組件 33915.3.4 案例7——ComboBox(下拉列表)組件 34015.3.5 案例8——List平鋪滾動組件 34215.3.6 案例9——RadioButton(單選按鈕)組件 34415.3.7 案例10——ProgressBar(加載進度)組件 34615.3.8 案例11——ScrollPane(滾動條窗口)組件 34715.4 綜合案例——制作飄雪效果 34915.5 疑難解惑 352第16章 讓網頁動起來——制作動態網站的Logo與Banner 35316.1 制作滾動文字Logo 35416.1.1 設置文檔屬性 35416.1.2 制作文字元件 354

16.1.3 制作滾動效果 35516.2 制作產品Banner 35716.2.1 制作文字動畫 35716.2.2 制作文字遮罩動畫 35916.2.3 制作圖片動畫 36016.3 疑難解惑 362第17章 動態網頁元素的輸出——Flash動畫的測試與發布 36317.1 Flash動畫的優化 36417.1.1 案例1——動畫的優化 36417.1.2 案例2——動畫的測試 36517.2 輸出前的格式設置 36617.2.1 案例3——Flash輸出的設置 36617.2.2 案例4——HTML輸出的設置 36717.2.3 案例5——GIF輸出的設置 36917.2.4 案例6——

JPEG輸出的設置 37017.2.5 案例7——PNG輸出的設置 37117.3 Flash動畫的發布 37217.3.1 案例8——導出動畫 37217.3.2 案例9——預覽發布動畫 37317.4 疑難解惑 374第5篇 項 目 開 發第18章 讀懂樣式表密碼——使用CSS層疊樣式表 37718.1 初識CSS樣式表 37818.1.1 什麼是CSS 37818.1.2 CSS的3種類型 37818.1.3 CSS的語法格式 37918.1.4 案例1——使用Dreamweaver編寫CSS 38018.2 CSS的使用方式 38118.2.1 案例2——行內樣式 38218.2.2

案例3——內嵌樣式 38218.2.3 案例4——鏈接樣式 38318.2.4 案例5——導入樣式 38518.3 CSS中的常用樣式 38618.3.1 案例6——使用字體樣式 38618.3.2 案例7——使用文本樣式 39018.3.3 案例8——使用背景樣式 39418.3.4 案例9——設計邊框樣式 40118.3.5 案例10——設置列表樣式 40518.4 綜合案例——制作簡單公司主頁 40918.5 疑難解惑 412第19章 架構師的大比拼——利用 Div+CSS布局網頁 41319.1 認識並創建層 41419.1.1 什麼是層 41419.1.2 案例1——使用Dreamw

eaver 創建層 41419.2 Div層的定位方法 41519.2.1 盒子模型的概念 41519.2.2 案例2——定義網頁border 區域 41519.2.3 案例3——定義網頁padding 區域 41719.2.4 案例4——定義網頁margin 區域 41819.3 使用CSS排版 42119.3.1 案例5——將頁面用div 分塊 42119.3.2 案例6——設置各塊位置 42219.3.3 案例7——用CSS定位 42219.4 常見網頁布局模式 42519.4.1 案例8——網頁單列布局模式 42519.4.2 案例9——網頁1-2-1型布局模式 42919.4.3 案

例10——網頁1-3-1型布局模式 43219.5 綜合案例——創建左右布局頁面 43519.6 疑難解惑 438第20章 制作動態網頁基礎——構建動態網站的運行環境 43920.1 PHP基本知識 44020.1.1 PHP的概念 44020.1.2 PHP語言的優勢 44020.1.3 PHP服務器概述 44020.2 安裝PHP前的准備工作 44120.2.1 軟硬件環境 44120.2.2 案例1——獲取PHP 7.1安裝資源包 44220.3 PHP +IIS服務器的安裝配置 44320.3.1 案例2——IIS簡介及安裝 44320.3.2 案例3——PHP的安裝 44420.3.

3 案例4——設置虛擬目錄 44720.4 PHP+Apache服務器的環境搭建 44720.4.1 Apache簡介 44720.4.2 案例5——關閉原有的網站服務器 44820.4.3 案例6——安裝Apache 44920.4.4 案例7——將PHP與Apache建立關聯 45020.5 在Windows下使用WampServer組合包 45120.6 綜合案例——測試第一個PHP程序 45420.7 疑難解惑 455第21章 構建動態網站后台數據——使用MySQL數據庫 45721.1 定義一個互動網站 45821.1.1 定義互動網站的重要性 45821.1.2 網頁取得數據庫的原

理 45821.1.3 案例1——在Dreamweaver CC中定義網站 45921.2 MySQL數據庫的安裝和管理 46221.2.1 案例2——MySQL 數據庫的安裝 46221.2.2 案例3——MySQL 數據庫的配置 46621.2.3 案例4——phpMyAdmin的安裝 47021.2.4 案例5——MySQL數據庫的建立 47121.3 在網頁中使用MySQL數據庫 47721.3.1 案例6——添加【數據庫】面板 47721.3.2 案例7——建立MySQL數據庫連接 47921.3.3 案例8——綁定記錄集 48121.4 數據庫的備份與還原 48421.4.1 案例

9——數據庫的備份 48421.4.2 案例10——數據庫的還原 48521.5 綜合案例——給我的MySQL數據庫加密 48621.6 疑難解惑 487第22章 綜合應用案例——開發網站用戶管理系統 48922.1 系統的功能分析 49022.1.1 規划網頁結構和功能 49022.1.2 站點文件規划 49122.1.3 網頁美工設計 49122.2 數據庫設計與連接 49122.2.1 數據庫設計 49222.2.2 創建數據庫連接 49422.3 用戶登錄模塊的設計 49622.3.1 登錄頁面 49622.3.2 登錄成功和登錄失敗頁面的制作 50422.3.3 用戶登錄系統功能的測

試 50622.4 用戶注冊模塊的設計 50722.4.1 用戶注冊頁面 50722.4.2 注冊成功和注冊失敗頁面 51222.4.3 用戶注冊功能的測試 51322.5 用戶注冊資料修改模塊的設計 51422.5.1 修改資料頁面 51422.5.2 更新成功頁面 51622.5.3 修改資料功能的測試 51722.6 密碼查詢模塊的設計 51822.6.1 密碼查詢頁面 51822.6.2 完善密碼查詢功能頁面 52222.6.3 密碼查詢模塊的測試 524

華康字型下載進入發燒排行的影片

漢字字體意象表現於可變式字型開發與應用 之創作研究—以花卉意象為例

為了解決華康字型下載的問題，作者林泰江 這樣論述：

文字除了具備傳遞資訊的功能之外，還會因文字造型的不同帶給觀者不一樣的情緒感受，而一套字型在執行製作前需先定下該字型所要傳達的風格特性以及適合應用之範圍，本研究針對字型開發階段的風格設定進行探討，試從字體意象的呈現導入字型開發的前期風格設定以及字型應用的展示。為理解字體風格的特徵與其意象之關聯性，本研究藉由文獻探討整理漢字字體設計方法與字體意象的相關研究，經由KJ法的操作梳理出不同風格的漢字字體造型特徵與意象表現之間的關聯，再透過個案研究法分析近五年新推出的字型特徵與意象感受，建構一套如何透過字體意象的呈現開發一套新漢字字型的發想架構。最後依照此發想架構，以花卉意象作為字型創意的表現主題並導入

可變式字型（Variable Font）的技術，共計完成144個漢字字元的設計，除了字型的製作外也將此字型應用在動態圖像、海報、包裝、書籍等載體上，藉由使用情境的展示傳達字體意象，驗證這套字型開發發想架構之可行性，並於中華民國110年6月1日至9月1日透過線上網站對外展示此創作成果。本研究認為在進行字體設計時會先從設計的表現主題獲得靈感後，再從適合表現的字體種類來進行筆畫造型的設計，為加強整體的視覺效果適當的加入特殊的表現手法，使得完成的字體意象呈現與設計主題相呼應，最後透過是否容易閱讀檢視設計品質，此外在進行字型開發時還需考量到字型的應用範圍，觀者會透過字型排版的意象呈現而對此字型的使用方式

產生認知。

CSS Web設計的關鍵法則 - 晉升專業設計師的極致之道

為了解決華康字型下載的問題，作者Charles Wyke-Smith 這樣論述：

　　網頁設計師都應以追求網頁標準化（Web Standard）為最高原則！本書使用最有效率的方式，讓你建立一個普遍且易於修改，並相容於網頁標準化的網站。   ■  適用於各類瀏覽器：比較CSS樣式在各類瀏覽器的瀏覽結果。  ■  內含Xhtml以及CSS語碼：逐行說明，並簡明易懂的呈現。  ■  多欄式版面的設計方式：讓網頁的版面能配合不同瀏覽器的顯示方式。  ■  公開下拉式選單的建立方式：CSS也能編寫出像Flash所製作的炫麗下拉式選單。  ■  導正表格（Table）的適當使用時機：讓常用的表格重披華服。  ■  多樣化的清單（List）與選單（Menu）元素：打破傳統使用清單與選單的

方式，讓用途更加廣泛。  ■  表單樣式化一次搞定：表單不再是開發人員專利，你也可以設計漂亮的表單。  ■  建立固定式或液態式版面：符合目前多元的電腦螢幕大小規格。  ■  豐富的網站資源：引用多個知名網站來說明CSS以及JavaScript的運用。   ◎  請至www.stylinwithcss.com下載本書範例檔案及相關資源本書特色   ■  如何從創意的視覺展示，實作出高相容性的瀏覽效果。  ■  推翻版型規劃的不同觀點，打造設計師與團隊成員都能快速完成網頁版面。  ■  提供字型與文字的配置觀念，讓網頁能兼具瀏覽的可讀性。  ■  逐步引領你設計出美麗的網站，收錄CSS以及Jav

aScript原始範例檔。 作者簡介 Charles Wyke-Smith 　　從1994年開始從事網站設計與規劃，並致力於使用體驗、資訊結構，以及介面設計的改善，目前主導Benefitfocus的使用體驗部門， Benefitfocus透過國家主要的健康保險公司提供線上福利註冊的服務，目前已超過４千萬人註冊，此外，並開發消費者醫療保健網站，包括 icyou.com以及IHealthFocus.com。作者是一位極具經驗的演說者以及講師，他也教授多媒體以及介面設計，並出現在許多不同產業的研討會上。 譯者簡介 徐熒慧 Sara Hsu 　　美國密蘇里大學電腦系碩士。曾任宏?企業網路工程師，美商宏

道資訊技術顧問和技術支援工程師。專長為大型商業網站的開發與建置，和協調與解決客戶問題。目前兼職網站開發工程師。 第1章｜XHTML：網頁的架構與內容第2章｜CSS初探第3章｜字型與文字樣式第4章｜定位元素第5章｜基本網頁版面第6章｜設計介面組件第7章｜網頁建置附錄A｜XHTML 標籤附錄B｜CSS 屬性 作者序 　　從我撰寫第一版的「Stylin’ with CSS」後，很難相信己經過了三年。在這期間，我參與了數個網站的開發，而且在過程中我也對使用的CSS加以改進。我原本只想些微調整第二版，將最新的IE7包含在內，但最後我對前三章做了很大的改進，並且完全重寫本書其餘部分。

原本預計幾星期完成的工作，最終花了快一年。 　　我所做的更改反應了每個持續在CSS上的工作者，他們在技巧上必然的改進，而且這些變動在深處滿足了兩個技巧，是所有程式設計師需要掌握的：避免改寫之前別處已開發的程式碼，和學習用最經濟的方式撰寫程式碼。本書新版將介紹達成這兩種有價值的目標需要的方式。   ●  重複使用和DRY 　　第一個「重複使用程式碼(re-use of code)」的目標是許多章節的主題。我介紹了建立構建區塊(building blocks)功能的技巧，不管是對一個網頁版面的骨架，或是一個完整樣式清單的連結，只要將這些building blocks儲存成CSS類別，便可快速結合標

記和修改特定的使用。我開始將這些building blocks加到Stylib程式庫(library)中，程式庫包含所有類型的介面元素，加以組織成CSS程式碼並與XHTML標記相結合。我已經將本書的範例放在程式庫的下載網站www.stylinwithcss.com。雖然這個程式庫只是一個開始階段，但已包含許多有用的組件，節省了許多開發的時間，希望對你也有相同的幫助。程式庫將持續放入新的程式碼，並提供下載。 　　另一個「經濟化程式碼(economy of code)」的目標，在新版書中是另一個主題。例如，對文件階層結構最上層樣式化，這個樣式會影響許多元素。我經常見到在CSS樣式表中對每個標頭和段

落中宣告相同的字型族群，其實增加字型族群到最上層body標籤，代表你只要在一個地方撰寫和維護這個樣式。這種基本觀念俗稱「DRY(Don’t Repeat Yourself)」的程式準則。在前面幾個章節中，我們將會看到其他像這樣的範例。   ●  掌握關鍵技術 　　我也發覺完全理解幾個重要的CSS技巧，會使一個努力奮鬥的新手成為勝任的CSS專家。這些技巧包括正確使用位置(position)和顯示(display)屬性，和了解浮動(floating)和清除(clearing)的作用。在第4章我會介紹這些CSS，而且用簡單範例說明如何應用。任何已經踏入CSS領域的人若想要更增進自己的技能，將在這一

章中得到?發(我真的這樣期望)。   ●  使用正確的工具 　　所以在我們開始進入本書之前，我想先解釋如何設定工作環境，讓你可以在最短時間完成網頁版面，而且可應用於多數的瀏覽器中。 　　你需要一個好的程式編輯工具來撰寫程式碼，和一個使用者端的FTP將你的檔案送到Web伺服器。Adobe Dreamweaver (大約美金＄400)結合了這兩種功能，是我選擇的程式開發工具。它的「程式碼檢視(code view)」非常有用，以不同顏色顯示程式碼的不同元素、指出語法錯誤，和猜出你的輸入，所以，只要鍵入前幾個字母即可自動完成鍵入許多常用的元素。另外它的「設計檢視(design view)」可立即將結果

顯示在如同瀏覽器的畫面中，當你按任何顯示元素便會立即跳到code view中的相關程式碼，也是很有用。如果你不想投資Dreamweaver，市面上也有許多低價或免費的編輯工具和用者端的FTP，可提供類似的功能。然而，最後的衡量不在於你用什麼工具撰寫和上傳你的程式碼，而是你的網頁在使用者的瀏覽器中顯示為何。   ●  只與4種瀏覽器有關 　　當我告訴你只需在乎你的網頁在4種瀏覽器的測試結果，你可能會很驚訝。這4種為：   ●   Firefox  ●   Safari  ●   Internet Explorer 7  ●   Internet Explorer 6 　　因為這4種瀏覽器佔了所有

Web使用的95%以上，剩下的瀏覽器每個都不超過市佔率2%(來源：Wikipedia中許多瀏覽器統計數的平均值（en.wikipedia.org/wiki/Usage_share_of_web_browsers)。 　　這4種瀏覽器其中之一是IE6，儘管它有許多錯誤而且不支援許多CSS屬性，但現在仍是最主要的瀏覽器，而且淘汱速度很慢(太慢了)。其他三種瀏覽器一般稱為「標準相容性瀏覽器(Standards Compliant Browsers；SCBs)」，表示它們遵從全球資訊網聯盟(World Wide Web Consortium；W3C)推薦的瀏覽器標準。它們都能精確執行幾乎所有CSS2和

許多CSS3屬性。(CSS2和CSS3可視為CSS的版本，繼續閱讀下去你將會了解更多)它們通常在執行驗證過CSS樣式的XHTML時，彼此會有些微差異。 　　雖然Netscape的市佔率是個位數，你可以將它加入上述清單中，但由於Netscape 和Firefox都採用Mozilla的解譯引擎(rendering engine)，如果你的網頁作用在Firefox，可以幾乎確定在Netscape也有相同結果。所以，一旦網頁測試在上述4種瀏覽器有滿意的結果，你便可以確信差不多每個人將見到你預期呈現的網站。我甚至不需再對IE5.5測試，它現在使用率少於0.5%，而且對仍然使用8年前瀏覽器的任何人來說，將

會遇到比瀏覽你的網站更大的技術問題。 　　我的建議是?對不要把IE6做為開發時的瀏覽器，而是選擇上述三個SCBs之一，然後當你的網頁在SCBs上測試之後，再針對IE6做些調整。再說明清楚一點，我?烈勸告你在開發階段用Firefox瀏覽器來查看網頁。因為我發覺Firefox在所有SCBs中的標準相容性最大。同時，你可以安裝Firefox的「網頁開發工具(Web Developer Toolbar)」擴充套件(add-on)，可以允許你：認證你的CSS和XHTML很容易，不需上傳到伺服器，打開和關閉樣式表，檢視網頁中XHTML元素的外形輪廓，所以可以精確看出元素是否如你預期般呈現，和使用其他多種有

用且省時的工具。如果你沒有安裝Web Developer Toolbar，就容易浪費很多開發時間。若是再加上add-on「Firebug」這個方便的程式除錯工具，你就成了一個專業的Firefox使用者。這兩個add-on可以從這裡免費下載www.getfirefox.com。   ●  下載程式碼，不要重打 　　最後，雖然本書出版前經過了相當仔細的閱稿，還是會有一些錯誤。不管如何，我撰寫了本書所有的程式碼，儘管已測試過每一行，仍請你配合兩件事。第一，如果你想使用本書上的程式碼，不要從書上複製。除了浪費時間，因為所有程式碼可以從本書網站(www.stylinwithcss.com)花數秒鐘就下載

，同時我也會更正發現的錯誤，並修改下載檔案。   ●  記得email反應 　　第二，如果你發現了錯誤，請利用「Stylin’ with CSS」網站上的email表格讓我知道，我將會把內容顯示在網站上。我也歡迎各位的感想與建議，所以當你閱畢本書後，請花幾分鐘寫信給我。我會試著回信給每位寄信者，而且我一定會努力回答你們提出的任何問題，但是如果你希望我幫你看CSS，請將它嵌入XHTML文件的標頭內，並且加上任何儲存在你伺服器的圖形，以?對URL路徑連接，然後email這個XHTML文件給我，我便可以打開這個網頁並快速查看。 最後，謝謝購買本書的讀者。我希望它對你有佷大的幫助。

自行車路網App及介面偏好之研究

為了解決華康字型下載的問題，作者陳梓揚 這樣論述：

隨著現今科技快速的發展，行動軟體應用程式（Application，APP）已成為民眾生活中不可或缺的輔助品，對生活產生了重大影響。以自行車族而言，騎行的裝束以輕便為主，必備的攜帶品為手機，透過手機獲取及解決騎行中需求及問題。好的自行車APP能有效提高自行車族群的便捷性。本研究針對不同自行車族群對於自行車APP之功能及介面視覺的偏好，建立自行車APP架構，提供建置自行車APP系統之新策略。研究目的為一、探討不同自行車族群對於自行車APP功能之偏好程度，建立自行車APP之應用架構；二、探討不同自行車族群對於自行車APP介面視覺之偏好程度；三、依據功能及介面視覺之偏好結果模擬自行車APP之介面。本

研究透過40個自行車相關APP之統計，歸納自行車APP七大功能分別為騎行紀錄、騎行日記、路線搜索、訓練挑戰、活動資訊、健康紀錄及自行車租借及19項因子，並以此進行問卷調查，研究結果顯示不同自行車族群包含專業騎行者、自行車愛好者、休閒騎行者及通勤者對於自行車APP功能偏好具有差異。其中專業騎行者與自行車愛好者所需功能一致，騎行紀錄功能為最受喜愛之功能，皆不需自行車租借及活動資訊功能；休閒騎行者所需功能最多，騎行紀錄功能為最受喜愛之功能，僅不需活動資訊功能；通勤者所需功能最少，騎行日記為最受喜愛之功能，不需騎行記錄、訓練挑戰及活動資訊功能。本研究介面視覺偏好包含導覽模式、介面佈局及介面顏色。研究結

果顯示不同自行車族群對於自行車APP介面視覺皆無差異。以整體受測者而言，導覽模式分為持久性導覽模式及暫時性導覽模式，多數受測者選擇永久性導覽模式；介面佈局分為文字型、圖像型-圖示及圖像型-擬真圖像，多數受測者選擇圖像型-圖示；色彩分為三大色系分別為暖色系中色系及冷色系，多數受測者選擇暖色系為自行車APP介面色彩。關鍵詞：自行車、行動軟體應用程式、自行車族、使用者介面設計