HTML 5新世代網頁建置：新手也可以快速設計出專業網站-FindBook 找書網 ISBN:9789572241776

﹝往事只能追憶﹞現在大家早就習慣利用電腦進行資料搜尋，輸入幾個簡單的字彙就可以很快找到我們想要的資訊，在智慧型手機上也可以辦到這件事；說要再回想還沒有網際網路的年代，真的很難！

網際網路從早先的學術研究實驗室發跡已經很長一段時間，現在成為世界眾所皆知的資訊寶庫。也就是因為如此，它蘊育了全球數不清的億萬富翁以及許多了不起的革新創舉，同時也讓教育和科學有了潛移默化的改變。英國聯邦政府甚至還曾經提議要將上網權立法成為基本人權。

HTML5 在網際網路歷史上是卓越的下一步，也是未來趨勢。透過HTML5 可以讓開發者比以前更聰明、更快速而且建構安全性更高的網站，更棒的是它是個開放式平臺架構，任何人都可以架設自己的網站；同時也讓人驚訝的是整體網路產業的學習曲線降低了許多，呈現出來的效果也很棒！

我私心地認為網際網路產業的環境是世界上最好的，當然這是個人偏見；但我真的相信！我不知道其他產業裡會不會有跟網際網路一樣的氛圍，大家會相互幫助推動整個產業往創新的方向前進。我每天醒來時，都會覺得自己身處這個產業很有優越感。現在就是你加入我們的最佳時機！

誰應該讀這本書？

這本書適合任何想學習如何建構網站，以及想要了解HTML5 這個全新網路科技的人。這本書並不要求讀者需具有任何程式語言基礎，HTML、CSS、JavaScript 等任何方面的新手都適合閱讀本書。不過如果你會這些技術的話，那會是項優勢。總之，你可以學會如何使用HTML5 來架設想要的網站。

這不是一本讓你憑藉著以往HTML舊有標準學習的書，所有的內容都是得從根

本紮起，好確保你可以學到最新的技術。坊間有很多是針對有經驗的開發者的書籍，裡頭有深入解說HTML5技術是為何發展至此的。本書跟它們稍有不同，有些部份會需要解釋，但通常我不會把那些煩人的細節提出來浪費大家時間。

如果你已經有一些網頁設計的知識，但畢竟HTML5發生了很多變化，你還是可以找到對你有助益的內容。在前面的幾章裡解釋地會比較繁鎖，若你認為不需要，可以任意地跳過那些已經瞭解的章節。

你會學到什麼？

HTML5 其實包含了非常多的新技術，超出一本書可以囊括的內容，所以我會挑出讓人最感興趣的技術提供給大家作學習。

本書的第一篇利用HTML5 產生網頁內容，會帶你了解產生網頁的基礎功夫，從從介紹工具列開始，引導你利用HTML5 產出第一份網頁內容；你會學到HTML的基礎以及如何建構網頁，同樣地也會學到如何串聯眾多網頁來產生一個網站。這一章裡你也會學到網路標準的重要性、如何審閱程式碼，以及在不同瀏覽器下測試網站內容的方法。

在第二篇資料處理中，你一下子就可以了解如何使用網頁表格來蒐集拜訪網站的訪客資料，也可以學習如何利用各種不同輸入格式來撰寫網頁表格內容，同時間你也會學會在訪客輸入過程中加入驗證流程，確保所蒐集來的資料是有效的。接下來你會知道微資料（microdata）的應用性，並且知道如何網頁內容中進行微資料的標示，這個動作可以讓搜尋引擎或者其它程式可以更容易地找到網頁內容中重要的訊息。

易用性是在撰寫網頁時重要的一環。但不幸的是，並非每一位網頁訪客都可以在拜訪網站時都會給你正面評價。在本章你也可以學習到如何在架構網頁時可以讓使用者覺得方便閱讀，以及如何產出供視覺或其他障礙的人方便閱讀的網頁內容。

第三篇，利用HTML5 & JavaScript 來強化網頁內容。終於有一些讓人真正感到興奮的技術要介紹給大家。在這章裡可以知道JavaScript 將影音視頻如何嵌入網頁內容中並且產出客製化的控制介面。同時間你也會了解到 LocalStorage以及 SessionStorage這兩個API 的使用方式，並且透過這兩個API 將資料儲存到你的電腦上。

第四篇，進階HTML5 技術，搭配GeoLocation 以及Canvas 這兩個API，會帶領你到更進階的技術領域裡。前者是目前最讓人興奮的網頁科技，透過GeoLocation API 的使用會讓你的網站產生更智慧化的使用經驗。

Canvas API 則可以讓在瀏覽器上繪製物件；你可以學習如何繪出各式形狀的圖

形以及路徑，並且知道該如何在你未來的專案裡使用這個元件。

書裡內容涵蓋很多技術；一旦讀完本書，你將可以輕易地利用這些新學的知識架構出一個真的可以上線使用的速食點餐網站。這會是個完全使用HTML5 建構而成的網站，網站上會播放促銷影片、還提供線上點餐，更有可以提供給訪客查詢到哪間分店離他們最近的介面！（是利用GeoLocation API 做出的成果）。

怎麼閱讀這本書？

並沒有規定大家該用什麼樣的順序來讀這本書，就我自己來講就很少是把電腦書是按頁次從頭翻到尾的，所以我不會建議你這麼作。針對自己感興趣的章節跳著閱讀會更有趣一些！你可以隨時翻閱之前的章節，來加強自己先前沒有完全了解透徹的部份。

就像先前說的，如果你完全沒有網頁設計的經驗，我會建議你先把第一章看熟，這章節裡有著往後開發技術的基礎，準備好了再繼續往下研讀。這本書架構非常清楚，你可以輕易地就找到你想要深入研讀的章節，在將來架設網站需要時可以隨時回頭參考。

對網站程式編寫有一定了解的讀者，會在前面的章節有關舊語法說明裡，發現許多HTML5 的新語法。所以請隨時保持清醒，你不會想要錯過任何一部份的。有些章節包涵了不少程式原始碼供你參考；如果不想要只是傻傻地把程式碼敲進電腦的話（就像菜鳥設計師），你可以到網站下載程式碼。把下載的壓縮檔解壓縮後，在相應子目錄裡你就會看到所有的程式範例都依章節擺放，方便你可以在閱讀過程中作練習使用。

讀完本書後，你可以架構一個給速食店業者使用的線上網站，我們先稱它作

Joe's Pizza Co. 好了；當然你也可以利用學到的這些技術來讓這個網站具備更多功能。如果決定要跳過某章節不閱讀，還是可以到網站上下載那章節的範例程

式，直接對這個程式碼作修改即可。

準備好了嗎? 讓我們開始往下看吧！

PART 1 利用HTML5 產生網頁內容
CHAPTER 1 開始
什麼是HTML
設定你的工具
打造你的第一個HTML5 網頁
建構網頁元件
驗證你的網頁
瀏覽器並不是一視同仁的
總結

CHAPTER 2 建構網頁
產出版面範本頁面
用元資料（metadata）延伸元件內容
利用CSS 加入版面設計
總結

CHAPTER 3 產出範本頁面
加入公司商標
加入導引連結
加入頁面內容
全域屬性
總結

CHAPTER 4 產出網頁
在首頁中加入內容
在「關於本店」頁面裡加入內容
產生「分店位置」頁面
產生「網站地圖」頁面
產生「本店菜單」頁面
產生「本店消息」頁面
後記

PART 2 資料處理
CHAPTER 5 使用表單
在「網路訂位」頁面加入元件
在「網路訂位」頁面裡加入和元件作為表單欄位
利用

元件加入訊息輸入框 <br />在「網路訂位」頁面裡加入『資料送出』按鈕<br />在「網路訂位」頁面裡加入下拉式選單<br />處理檔案 <br />利用<fieldset> 和<legend> 將網路預約頁面的輸入欄位群組化<br />更新網站鍊結以及網站地圖 <br />總結<br /><br />CHAPTER 6 利用HTML5 加強網路表單 <br />在「網路訂位」頁面裡加入HTML5 <br />HTML5 輸入格式<br />HTML5 輸入屬性 <br />資料列表（Datalists） <br />總結<br /><br />CHAPTER 7 利用HTML5 驗證表單資料 <br />在「網路訂位」頁面裡加入驗證流程<br />要求使用者輸入資料 <br />限制長度<br />限制範圍 <br />符合樣版格式 <br />基本正規表達式<br />總結<br /><br />CHAPTER 8 使用微資料 <br />有關 Schema.org<br />使用微資料（microdata）<br />常用基模<br />總結<br /><br />CHAPTER 9 確保無障礙<br />無障礙介面為何重要？<br />螢幕閱讀器 <br />讓網頁表單無障礙化<br />讓表格無障礙<br />讓圖像也變得無障礙化<br />讓鍊結無障礙化<br />測試無障礙程度<br />總結<br /><br />PART 3 利用HTML5 & JavaScript來強化網頁內容<br />CHAPTER 10 JavaScript 介紹  <br />什麼是JavaScript? <br /><script> 元件<br />基礎JavaScript<br />文件物件模型（DOM）<br />JavaScript 函式庫<br />總結<br /><br />CHAPTER 11 加入影音資料 <br />轉換影音檔案<br />使用<video> 元件新增影片檔案到「關於本店」頁面<br />透過JavaScript 產生客製化的控制介面<br />讓影片無閱讀障礙<br />總結<br /><br />CHAPTER 12 儲存資料 <br />為何要使用伺服端儲存？<br />LocalStorage<br />從「預約用餐」頁面上取得客戶資料<br />SessionStorage<br />在使用用戶端儲存時的額外考量<br />總結<br /><br />PART 4 進階HTML5 技術<br />CHAPTE 13 使用GeoLocation  <br />取得使用者位置<br />計算兩組GPS 座標間的距離<br />找出最近的餐廳<br />總結<br /><br />CHAPTER 14 使用Canvas 產生線上廣告<br />設定Canvas 功能<br />產生背景 <br />添加文字 <br />畫線 <br />繪製圓形<br />產生漸層<br />加上陰影<br />增加特價訊息 <br />儲存和回復狀態<br />加入影像 <br />總結<br /><br />APPENDIX A 文字的其他HTML 標記語言<br />APPENDIX B HTML 元件索引<br />APPENDIX C 讀完本書之後<br /></div>
<div class="content">PART 1 利用HTML5 產生網頁內容<br />CHAPTER 1 開始 <br />什麼是HTML<br />設定你的工具 <br />打造你的第一個HTML5 網頁<br />建構網頁元件 <br />驗證你的網頁<br />瀏覽器並不是一視同仁的 <br />總結<br /><br />CHAPTER 2 建構網頁<br />產出版面範本頁面 <br />用元資料（metadata）延伸 元件內容 <br />利用CSS 加入版面設計 <br />總結 <br /><br />CHAPTER 3 產出範本頁面<br />加入公司商標<br />加入導引連結 <br />加入頁面內容 <br />全域屬性 <br />總結<br /><br />CHAPTER 4 產出網頁<br />在首頁中加入內容<br />在「關於本店」頁面裡加入內容<br />產生「分店位置」頁面 <br />產生「網站地圖」頁面<br />產生「本店菜單」頁面<br />產生「本...</div>

</li></ul></div></div>
                <div id="divBookDescBottom" class="d_bottom">
                    <a href="#item_top">回上面</a>
                </div>
                
                <div id="divRatingCommentMoreWord" class="d_source">
                </div>
                
                
                
                <div id="lblRelateKey" style="margin: 10px 0px 0px 10px; line-height: 1.9em"></div>
            </td>
            <td rowspan="2" valign="top" align="right" style="width: 342px;">
                
                <table border="0" cellspacing="0" cellpadding="0">
                    
                    <tr>
                        <td style='padding-left: 8px; border-left: 1px solid #c9d7f1;'>
                            <table border="0" width="100%" cellpadding="0" cellspacing="0" style="margin-right: 0px;
                                padding-right: 0px">
                                
                                <tr>
                                    <td style="width: 336px;" align='center'>
                                        <table style='background-color: #fff;' width='336px' cellpadding="2" cellspacing="0">
                                            <tr>
                                                <td class='adtitle'>
                                                    贊助商廣告
                                                </td>
                                            </tr>
                                            <tr>
                                                <td height='3px'>
                                                </td>
                                            </tr>
                                        </table>
										<ins class="adsbygoogle"
											 style="display:block"
											 data-ad-client="ca-pub-6803873507993050"
											 data-ad-slot="6450084952"
											 data-ad-format="auto"></ins>
										<script>
											 (adsbygoogle = window.adsbygoogle || []).push({});
										</script>
                                    </td>
                                </tr>
                                <tr>
                                    <td style="width: 336px; height: 25px;" align='center'>
                                         
                                    </td>
                                </tr>
                                <tr> <td align='right' style='padding-bottom:20px;'>   <div style='position:relative; width:336px; height:100%;'>     <div id ='divBest66' style='z-index:1; width:100%; overflow:hidden ;margin:0;'> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 今日66折</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E4%B8%8A%E8%87%BA%E5%A5%BD%E5%A5%BD%E8%AA%AA(%E5%85%A82%E5%86%8A)%EF%BC%9A1%E6%8F%90%E5%8D%87%E8%87%AA%E4%BF%A1%E7%9A%84%E7%99%BC%E8%A1%A8%E5%8A%9B%EF%BC%8B2%E5%B8%B6%E9%A0%98%E8%A8%8E%E8%AB%96%E7%9A%84%E9%A0%98%E5%B0%8E%E5%8A%9B&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2025233214282%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=502' onclick="lc('/url.aspx?m=5184787&n=%E4%B8%8A%E8%87%BA%E5%A5%BD%E5%A5%BD%E8%AA%AA(%E5%85%A82%E5%86%8A)%EF%BC%9A1%E6%8F%90%E5%8D%87%E8%87%AA%E4%BF%A1%E7%9A%84%E7%99%BC%E8%A1%A8%E5%8A%9B%EF%BC%8B2%E5%B8%B6%E9%A0%98%E8%A8%8E%E8%AB%96%E7%9A%84%E9%A0%98%E5%B0%8E%E5%8A%9B&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2025233214282%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=502')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/book/images/product/20252/2025233214282/2025233214282m.jpg?Q=93eb7' alt='上臺好好說(全2冊)：1提升自信的發表力＋2帶領討論的領導力' title='上臺好好說(全2冊)：1提升自信的發表力＋2帶領討論的領導力' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E4%B8%8A%E8%87%BA%E5%A5%BD%E5%A5%BD%E8%AA%AA(%E5%85%A82%E5%86%8A)%EF%BC%9A1%E6%8F%90%E5%8D%87%E8%87%AA%E4%BF%A1%E7%9A%84%E7%99%BC%E8%A1%A8%E5%8A%9B%EF%BC%8B2%E5%B8%B6%E9%A0%98%E8%A8%8E%E8%AB%96%E7%9A%84%E9%A0%98%E5%B0%8E%E5%8A%9B&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2025233214282%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=502' onclick="lc('/url.aspx?m=5184787&n=%E4%B8%8A%E8%87%BA%E5%A5%BD%E5%A5%BD%E8%AA%AA(%E5%85%A82%E5%86%8A)%EF%BC%9A1%E6%8F%90%E5%8D%87%E8%87%AA%E4%BF%A1%E7%9A%84%E7%99%BC%E8%A1%A8%E5%8A%9B%EF%BC%8B2%E5%B8%B6%E9%A0%98%E8%A8%8E%E8%AB%96%E7%9A%84%E9%A0%98%E5%B0%8E%E5%8A%9B&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2025233214282%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=502')" title='上臺好好說(全2冊)：1提升自信的發表力＋2帶領討論的領導力' target='_blank' rel='nofollow'>上臺好好說(全2冊)：1提升自信的發表力＋2帶領討論的領導力</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：學研PLUS</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：小熊出版社</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-01-04</div>		</div>		<div  style='height:30px'>			<span style='font-size:18px;'>66折：</span>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>502</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 今日66折</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E6%9C%9D%E9%AE%AE%E4%B8%80%E5%A7%8A%E9%87%91%E8%88%87%E6%AD%A3%EF%BC%9A%E5%8C%97%E9%9F%93%E9%A0%98%E5%B0%8E%E4%BA%BA%E9%87%91%E6%AD%A3%E6%81%A9%E5%A6%B9%E5%A6%B9%EF%BC%8C%E5%8F%B2%E4%B8%8A%E9%A6%96%E6%8F%A1%E6%A0%B8%E5%BD%88%E6%8C%89%E9%88%95%E5%A5%B3%E5%AD%90%E7%9A%84%E6%8E%8C%E6%AC%8A%E4%B9%8B%E8%B7%AF%EF%BC%8C%E7%8E%8B%E6%9C%9D%E5%A6%82%E4%BD%95%E3%80%8C%E5%9F%B9%E9%A4%8A%E3%80%8D%E6%8E%A5%E7%8F%AD%E4%BA%BA%E3%80%82&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2017830221770%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=329' onclick="lc('/url.aspx?m=5184787&n=%E6%9C%9D%E9%AE%AE%E4%B8%80%E5%A7%8A%E9%87%91%E8%88%87%E6%AD%A3%EF%BC%9A%E5%8C%97%E9%9F%93%E9%A0%98%E5%B0%8E%E4%BA%BA%E9%87%91%E6%AD%A3%E6%81%A9%E5%A6%B9%E5%A6%B9%EF%BC%8C%E5%8F%B2%E4%B8%8A%E9%A6%96%E6%8F%A1%E6%A0%B8%E5%BD%88%E6%8C%89%E9%88%95%E5%A5%B3%E5%AD%90%E7%9A%84%E6%8E%8C%E6%AC%8A%E4%B9%8B%E8%B7%AF%EF%BC%8C%E7%8E%8B%E6%9C%9D%E5%A6%82%E4%BD%95%E3%80%8C%E5%9F%B9%E9%A4%8A%E3%80%8D%E6%8E%A5%E7%8F%AD%E4%BA%BA%E3%80%82&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2017830221770%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=329')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/book/images/product/20178/2017830221770/2017830221770m.jpg?Q=6a915' alt='朝鮮一姊金與正：北韓領導人金正恩妹妹，史上首握核彈按鈕女子的掌權之路，王朝如何「培養」接班人。' title='朝鮮一姊金與正：北韓領導人金正恩妹妹，史上首握核彈按鈕女子的掌權之路，王朝如何「培養」接班人。' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E6%9C%9D%E9%AE%AE%E4%B8%80%E5%A7%8A%E9%87%91%E8%88%87%E6%AD%A3%EF%BC%9A%E5%8C%97%E9%9F%93%E9%A0%98%E5%B0%8E%E4%BA%BA%E9%87%91%E6%AD%A3%E6%81%A9%E5%A6%B9%E5%A6%B9%EF%BC%8C%E5%8F%B2%E4%B8%8A%E9%A6%96%E6%8F%A1%E6%A0%B8%E5%BD%88%E6%8C%89%E9%88%95%E5%A5%B3%E5%AD%90%E7%9A%84%E6%8E%8C%E6%AC%8A%E4%B9%8B%E8%B7%AF%EF%BC%8C%E7%8E%8B%E6%9C%9D%E5%A6%82%E4%BD%95%E3%80%8C%E5%9F%B9%E9%A4%8A%E3%80%8D%E6%8E%A5%E7%8F%AD%E4%BA%BA%E3%80%82&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2017830221770%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=329' onclick="lc('/url.aspx?m=5184787&n=%E6%9C%9D%E9%AE%AE%E4%B8%80%E5%A7%8A%E9%87%91%E8%88%87%E6%AD%A3%EF%BC%9A%E5%8C%97%E9%9F%93%E9%A0%98%E5%B0%8E%E4%BA%BA%E9%87%91%E6%AD%A3%E6%81%A9%E5%A6%B9%E5%A6%B9%EF%BC%8C%E5%8F%B2%E4%B8%8A%E9%A6%96%E6%8F%A1%E6%A0%B8%E5%BD%88%E6%8C%89%E9%88%95%E5%A5%B3%E5%AD%90%E7%9A%84%E6%8E%8C%E6%AC%8A%E4%B9%8B%E8%B7%AF%EF%BC%8C%E7%8E%8B%E6%9C%9D%E5%A6%82%E4%BD%95%E3%80%8C%E5%9F%B9%E9%A4%8A%E3%80%8D%E6%8E%A5%E7%8F%AD%E4%BA%BA%E3%80%82&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2017830221770%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=329')" title='朝鮮一姊金與正：北韓領導人金正恩妹妹，史上首握核彈按鈕女子的掌權之路，王朝如何「培養」接班人。' target='_blank' rel='nofollow'>朝鮮一姊金與正：北韓領導人金正恩妹妹，史上首握核彈按鈕女子的掌權之路，王朝如何「培養」接班人。</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：李晟允</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：大是文化有限公司</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-04-29</div>		</div>		<div  style='height:30px'>			<span style='font-size:18px;'>66折：</span>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>329</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 今日66折</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E5%91%A8%E5%A7%9A%E8%90%8D%E7%9A%84%E5%B0%8F%E4%BD%9C%E5%AE%B6%E6%9B%B8%E6%88%BF1%EF%BC%9A%E6%98%AF%E8%AA%B0%E6%83%A1%E4%BD%9C%E5%8A%87&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2018630221687%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=165' onclick="lc('/url.aspx?m=5184787&n=%E5%91%A8%E5%A7%9A%E8%90%8D%E7%9A%84%E5%B0%8F%E4%BD%9C%E5%AE%B6%E6%9B%B8%E6%88%BF1%EF%BC%9A%E6%98%AF%E8%AA%B0%E6%83%A1%E4%BD%9C%E5%8A%87&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2018630221687%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=165')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/book/images/product/20186/2018630221687/2018630221687m.jpg' alt='周姚萍的小作家書房1：是誰惡作劇' title='周姚萍的小作家書房1：是誰惡作劇' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E5%91%A8%E5%A7%9A%E8%90%8D%E7%9A%84%E5%B0%8F%E4%BD%9C%E5%AE%B6%E6%9B%B8%E6%88%BF1%EF%BC%9A%E6%98%AF%E8%AA%B0%E6%83%A1%E4%BD%9C%E5%8A%87&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2018630221687%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=165' onclick="lc('/url.aspx?m=5184787&n=%E5%91%A8%E5%A7%9A%E8%90%8D%E7%9A%84%E5%B0%8F%E4%BD%9C%E5%AE%B6%E6%9B%B8%E6%88%BF1%EF%BC%9A%E6%98%AF%E8%AA%B0%E6%83%A1%E4%BD%9C%E5%8A%87&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2018630221687%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=165')" title='周姚萍的小作家書房1：是誰惡作劇' target='_blank' rel='nofollow'>周姚萍的小作家書房1：是誰惡作劇</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：周姚萍</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：五南圖書出版股份有限公司</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2020-10-28</div>		</div>		<div  style='height:30px'>			<span style='font-size:18px;'>66折：</span>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>165</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 今日66折</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E9%9D%9E%E8%89%AF%E5%BF%83%E8%B1%AC%E8%82%89%EF%BC%9A%E5%8A%A0%E5%B7%A5%E8%82%89%E5%93%81%E5%A6%82%E4%BD%95%E8%AE%8A%E6%88%90%E7%BE%8E%E5%91%B3%E6%AF%92%E8%97%A5&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014630064989%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=251' onclick="lc('/url.aspx?m=5184787&n=%E9%9D%9E%E8%89%AF%E5%BF%83%E8%B1%AC%E8%82%89%EF%BC%9A%E5%8A%A0%E5%B7%A5%E8%82%89%E5%93%81%E5%A6%82%E4%BD%95%E8%AE%8A%E6%88%90%E7%BE%8E%E5%91%B3%E6%AF%92%E8%97%A5&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014630064989%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=251')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/book/images/product/20146/2014630064989/2014630064989m.jpg' alt='非良心豬肉：加工肉品如何變成美味毒藥' title='非良心豬肉：加工肉品如何變成美味毒藥' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E9%9D%9E%E8%89%AF%E5%BF%83%E8%B1%AC%E8%82%89%EF%BC%9A%E5%8A%A0%E5%B7%A5%E8%82%89%E5%93%81%E5%A6%82%E4%BD%95%E8%AE%8A%E6%88%90%E7%BE%8E%E5%91%B3%E6%AF%92%E8%97%A5&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014630064989%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=251' onclick="lc('/url.aspx?m=5184787&n=%E9%9D%9E%E8%89%AF%E5%BF%83%E8%B1%AC%E8%82%89%EF%BC%9A%E5%8A%A0%E5%B7%A5%E8%82%89%E5%93%81%E5%A6%82%E4%BD%95%E8%AE%8A%E6%88%90%E7%BE%8E%E5%91%B3%E6%AF%92%E8%97%A5&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014630064989%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=251')" title='非良心豬肉：加工肉品如何變成美味毒藥' target='_blank' rel='nofollow'>非良心豬肉：加工肉品如何變成美味毒藥</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：紀雍．庫德黑</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：木馬文化事業有限公司</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2021-06-09</div>		</div>		<div  style='height:30px'>			<span style='font-size:18px;'>66折：</span>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>251</span> 		</div>		</td>   </tr>   </table> </div>   </div>	<div style='position: absolute; z-index:2;width:75px;height:25px;line-height:25px;text-align:center; vertical-align:middle; background-color:red; top:185px; left:258px; opacity:0.75'>		<a href='/best66.aspx' style='color:white; text-decoration:none'>更多66折</a>	</div> </div></td></tr>
                                <tr>
                                    <td style="width: 336px; height: 25px;" align='center'>
                                         
                                    </td>
                                </tr>
                                
                                <tr> <td align='right' style='padding-bottom:20px;'>   <div style='position:relative; width:336px; height:100%;'>     <div id ='divBestHot' style='z-index:1; width:100%; overflow:hidden ;margin:0;'> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 暢銷排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E5%A4%B1%E6%99%BA%E7%97%87%E7%85%A7%E8%AD%B7%E6%8C%87%E5%8D%97%5B%E7%B6%93%E5%85%B8%E6%9A%A2%E9%8A%B7%E5%A2%9E%E8%A8%82%E7%89%88%5D&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014150562736%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=338' onclick="lc('/url.aspx?m=5184787&n=%E5%A4%B1%E6%99%BA%E7%97%87%E7%85%A7%E8%AD%B7%E6%8C%87%E5%8D%97%5B%E7%B6%93%E5%85%B8%E6%9A%A2%E9%8A%B7%E5%A2%9E%E8%A8%82%E7%89%88%5D&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014150562736%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=338')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/book/images/product/20141/2014150562736/2014150562736m.jpg?Q=e3fc9' alt='失智症照護指南[經典暢銷增訂版]' title='失智症照護指南[經典暢銷增訂版]' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E5%A4%B1%E6%99%BA%E7%97%87%E7%85%A7%E8%AD%B7%E6%8C%87%E5%8D%97%5B%E7%B6%93%E5%85%B8%E6%9A%A2%E9%8A%B7%E5%A2%9E%E8%A8%82%E7%89%88%5D&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014150562736%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=338' onclick="lc('/url.aspx?m=5184787&n=%E5%A4%B1%E6%99%BA%E7%97%87%E7%85%A7%E8%AD%B7%E6%8C%87%E5%8D%97%5B%E7%B6%93%E5%85%B8%E6%9A%A2%E9%8A%B7%E5%A2%9E%E8%A8%82%E7%89%88%5D&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2014150562736%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=338')" title='失智症照護指南[經典暢銷增訂版]' target='_blank' rel='nofollow'>失智症照護指南[經典暢銷增訂版]</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：邱銘章、湯麗玉</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：原水文化事業股份有限公司</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-02-02</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>338</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>博客來 - 暢銷排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=1001&n=%E8%94%A1%E5%BA%B7%E6%B0%B8%E7%9A%84%E6%83%85%E5%95%86%E8%AA%B22%EF%BC%9A%E5%9B%A0%E7%82%BA%E9%80%99%E6%98%AF%E4%BD%A0%E7%9A%84%E4%BA%BA%E7%94%9F&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0010836474%3Floc%3DP_0003_013&t=3&k=9789572241776&g=276' onclick="lc('/url.aspx?m=1001&n=%E8%94%A1%E5%BA%B7%E6%B0%B8%E7%9A%84%E6%83%85%E5%95%86%E8%AA%B22%EF%BC%9A%E5%9B%A0%E7%82%BA%E9%80%99%E6%98%AF%E4%BD%A0%E7%9A%84%E4%BA%BA%E7%94%9F&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0010836474%3Floc%3DP_0003_013&t=3&k=9789572241776&g=276')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://www.books.com.tw/img/001/083/64/0010836474.jpg' alt='蔡康永的情商課2：因為這是你的人生' title='蔡康永的情商課2：因為這是你的人生' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=1001&n=%E8%94%A1%E5%BA%B7%E6%B0%B8%E7%9A%84%E6%83%85%E5%95%86%E8%AA%B22%EF%BC%9A%E5%9B%A0%E7%82%BA%E9%80%99%E6%98%AF%E4%BD%A0%E7%9A%84%E4%BA%BA%E7%94%9F&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0010836474%3Floc%3DP_0003_013&t=3&k=9789572241776&g=276' onclick="lc('/url.aspx?m=1001&n=%E8%94%A1%E5%BA%B7%E6%B0%B8%E7%9A%84%E6%83%85%E5%95%86%E8%AA%B22%EF%BC%9A%E5%9B%A0%E7%82%BA%E9%80%99%E6%98%AF%E4%BD%A0%E7%9A%84%E4%BA%BA%E7%94%9F&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0010836474%3Floc%3DP_0003_013&t=3&k=9789572241776&g=276')" title='蔡康永的情商課2：因為這是你的人生' target='_blank' rel='nofollow'>蔡康永的情商課2：因為這是你的人生</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：蔡康永</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：如何</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2019-10-17</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>276</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 暢銷排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E6%88%91%E4%B8%8D%E6%9C%83%E5%85%8D%E8%B2%BB%E8%B7%9F%E5%A6%B3%E4%B8%8A%E5%BA%8A(%EF%BC%94)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461337516%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=111' onclick="lc('/url.aspx?m=5184787&n=%E6%88%91%E4%B8%8D%E6%9C%83%E5%85%8D%E8%B2%BB%E8%B7%9F%E5%A6%B3%E4%B8%8A%E5%BA%8A(%EF%BC%94)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461337516%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=111')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/images/restricted.jpg' alt='我不會免費跟妳上床(４)' title='我不會免費跟妳上床(４)' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E6%88%91%E4%B8%8D%E6%9C%83%E5%85%8D%E8%B2%BB%E8%B7%9F%E5%A6%B3%E4%B8%8A%E5%BA%8A(%EF%BC%94)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461337516%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=111' onclick="lc('/url.aspx?m=5184787&n=%E6%88%91%E4%B8%8D%E6%9C%83%E5%85%8D%E8%B2%BB%E8%B7%9F%E5%A6%B3%E4%B8%8A%E5%BA%8A(%EF%BC%94)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461337516%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=111')" title='我不會免費跟妳上床(４)' target='_blank' rel='nofollow'>我不會免費跟妳上床(４)</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：檜原フキ</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：台灣角川股份有限公司</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-11-14</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>111</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>Taaze 讀冊生活 - 暢銷排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=1003&n=Word%E3%80%81Excel%E3%80%81PowerPoint%20%E5%BC%B7%E6%95%88%E7%B2%BE%E6%94%BB500%E6%8B%9B&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F11101004262.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=157' onclick="lc('/url.aspx?m=1003&n=Word%E3%80%81Excel%E3%80%81PowerPoint%20%E5%BC%B7%E6%95%88%E7%B2%BE%E6%94%BB500%E6%8B%9B&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F11101004262.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=157')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://media.taaze.tw/showLargeImage.html?sc=11101004262' alt='Word、Excel、PowerPoint 強效精攻500招' title='Word、Excel、PowerPoint 強效精攻500招' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=1003&n=Word%E3%80%81Excel%E3%80%81PowerPoint%20%E5%BC%B7%E6%95%88%E7%B2%BE%E6%94%BB500%E6%8B%9B&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F11101004262.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=157' onclick="lc('/url.aspx?m=1003&n=Word%E3%80%81Excel%E3%80%81PowerPoint%20%E5%BC%B7%E6%95%88%E7%B2%BE%E6%94%BB500%E6%8B%9B&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F11101004262.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=157')" title='Word、Excel、PowerPoint 強效精攻500招' target='_blank' rel='nofollow'>Word、Excel、PowerPoint 強效精攻500招</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：PCuSER研究室</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：PCuSER電腦人文化</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2023-03-04</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>157</span> 		</div>		</td>   </tr>   </table> </div>   </div>	<div style='position: absolute; z-index:2;width:75px;height:25px;line-height:25px;text-align:center; vertical-align:middle; background-color:red; top:185px; left:258px; opacity:0.75'>		<a href='/besthot.aspx' style='color:white; text-decoration:none'>更多暢銷書</a>	</div>   </div></td></tr>
                                <tr>
                                    <td style="width: 336px; height: 25px;" align='center'>
                                         
                                    </td>
                                </tr>
                                
                                <tr> <td align='right' style='padding-bottom:20px;'>   <div style='position:relative; width:336px; height:100%;'>     <div id ='divBestNew' style='z-index:1; width:100%; overflow:hidden ;margin:0;'> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>Taaze 讀冊生活 - 新書排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=1003&n=%E3%80%90%E4%BA%AC%E9%83%BD%E4%B8%89%E9%83%A8%E6%9B%B21%E3%80%91%E5%8D%83%E5%B9%B4%E7%B9%81%E8%8F%AF%EF%BC%9A%E4%BA%AC%E9%83%BD%E7%9A%84%E8%A1%97%E5%B7%B7%E4%BA%BA%E7%94%9F%EF%BC%88%E5%A3%BD%E5%B2%B3%E7%AB%A0%E5%AD%90X%E6%BE%A4%E7%94%B0%E9%87%8D%E9%9A%86%E6%94%9C%E6%89%8B%E7%B6%93%E5%85%B8%E4%BD%9C%EF%BC%8C%E5%9C%A8%E5%8F%B0%E7%99%BC%E8%A1%8C22%E5%91%A8%E5%B9%B4%E9%87%91%E5%85%B8%E7%8F%8D%E8%97%8F%EF%BC%89&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F14100118523.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=280' onclick="lc('/url.aspx?m=1003&n=%E3%80%90%E4%BA%AC%E9%83%BD%E4%B8%89%E9%83%A8%E6%9B%B21%E3%80%91%E5%8D%83%E5%B9%B4%E7%B9%81%E8%8F%AF%EF%BC%9A%E4%BA%AC%E9%83%BD%E7%9A%84%E8%A1%97%E5%B7%B7%E4%BA%BA%E7%94%9F%EF%BC%88%E5%A3%BD%E5%B2%B3%E7%AB%A0%E5%AD%90X%E6%BE%A4%E7%94%B0%E9%87%8D%E9%9A%86%E6%94%9C%E6%89%8B%E7%B6%93%E5%85%B8%E4%BD%9C%EF%BC%8C%E5%9C%A8%E5%8F%B0%E7%99%BC%E8%A1%8C22%E5%91%A8%E5%B9%B4%E9%87%91%E5%85%B8%E7%8F%8D%E8%97%8F%EF%BC%89&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F14100118523.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=280')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://media.taaze.tw/showLargeImage.html?sc=14100118523' alt='【京都三部曲1】千年繁華：京都的街巷人生（壽岳章子X澤田重隆攜手經典作，在台發行22周年金典珍藏）' title='【京都三部曲1】千年繁華：京都的街巷人生（壽岳章子X澤田重隆攜手經典作，在台發行22周年金典珍藏）' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=1003&n=%E3%80%90%E4%BA%AC%E9%83%BD%E4%B8%89%E9%83%A8%E6%9B%B21%E3%80%91%E5%8D%83%E5%B9%B4%E7%B9%81%E8%8F%AF%EF%BC%9A%E4%BA%AC%E9%83%BD%E7%9A%84%E8%A1%97%E5%B7%B7%E4%BA%BA%E7%94%9F%EF%BC%88%E5%A3%BD%E5%B2%B3%E7%AB%A0%E5%AD%90X%E6%BE%A4%E7%94%B0%E9%87%8D%E9%9A%86%E6%94%9C%E6%89%8B%E7%B6%93%E5%85%B8%E4%BD%9C%EF%BC%8C%E5%9C%A8%E5%8F%B0%E7%99%BC%E8%A1%8C22%E5%91%A8%E5%B9%B4%E9%87%91%E5%85%B8%E7%8F%8D%E8%97%8F%EF%BC%89&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F14100118523.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=280' onclick="lc('/url.aspx?m=1003&n=%E3%80%90%E4%BA%AC%E9%83%BD%E4%B8%89%E9%83%A8%E6%9B%B21%E3%80%91%E5%8D%83%E5%B9%B4%E7%B9%81%E8%8F%AF%EF%BC%9A%E4%BA%AC%E9%83%BD%E7%9A%84%E8%A1%97%E5%B7%B7%E4%BA%BA%E7%94%9F%EF%BC%88%E5%A3%BD%E5%B2%B3%E7%AB%A0%E5%AD%90X%E6%BE%A4%E7%94%B0%E9%87%8D%E9%9A%86%E6%94%9C%E6%89%8B%E7%B6%93%E5%85%B8%E4%BD%9C%EF%BC%8C%E5%9C%A8%E5%8F%B0%E7%99%BC%E8%A1%8C22%E5%91%A8%E5%B9%B4%E9%87%91%E5%85%B8%E7%8F%8D%E8%97%8F%EF%BC%89&u=https%3A%2F%2Fwww.taaze.tw%2Fapredir.html%3F127086824%2Fhttps%3A%2F%2Fwww.taaze.tw%2Fproducts%2F14100118523.html%3Futm_source%3Dfindbook%26utm_medium%3Dreferral%26utm_campaign%3Dap&t=3&k=9789572241776&g=280')" title='【京都三部曲1】千年繁華：京都的街巷人生（壽岳章子X澤田重隆攜手經典作，在台發行22周年金典珍藏）' target='_blank' rel='nofollow'>【京都三部曲1】千年繁華：京都的街巷人生（壽岳章子X澤田重隆攜手經典作，在台發行22周年金典珍藏）</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：壽岳章子</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：馬可孛羅</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-11-07</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>280</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 新書排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E6%9C%83%E9%8C%AF%E6%84%8F%E7%9A%84%E5%B0%8F%E9%B9%BF%E4%BA%82%E6%92%9E%E4%B9%8B%E6%88%80(%E5%85%A8)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461365823%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=119' onclick="lc('/url.aspx?m=5184787&n=%E6%9C%83%E9%8C%AF%E6%84%8F%E7%9A%84%E5%B0%8F%E9%B9%BF%E4%BA%82%E6%92%9E%E4%B9%8B%E6%88%80(%E5%85%A8)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461365823%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=119')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/images/restricted.jpg' alt='會錯意的小鹿亂撞之戀(全)' title='會錯意的小鹿亂撞之戀(全)' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E6%9C%83%E9%8C%AF%E6%84%8F%E7%9A%84%E5%B0%8F%E9%B9%BF%E4%BA%82%E6%92%9E%E4%B9%8B%E6%88%80(%E5%85%A8)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461365823%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=119' onclick="lc('/url.aspx?m=5184787&n=%E6%9C%83%E9%8C%AF%E6%84%8F%E7%9A%84%E5%B0%8F%E9%B9%BF%E4%BA%82%E6%92%9E%E4%B9%8B%E6%88%80(%E5%85%A8)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461365823%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=119')" title='會錯意的小鹿亂撞之戀(全)' target='_blank' rel='nofollow'>會錯意的小鹿亂撞之戀(全)</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：文川じみ</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：尖端漫畫</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-11-22</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>119</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>博客來 - 新書排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=1001&n=%E6%B4%BB%E7%94%A8%E6%8A%80%E8%A1%93%E5%88%86%E6%9E%90%E5%AF%B6%E5%85%B8%EF%BC%9A%E9%A3%86%E8%82%A1%E4%B8%8A%E6%A0%A1%E6%9C%B1%E5%AE%B6%E6%B3%9340%E5%B9%B4%E5%AF%A6%E6%88%B0%E7%B2%BE%E8%8F%AF%20%E5%BE%9EK%E7%B7%9A%E3%80%81%E5%9D%87%E7%B7%9A%E5%88%B0%E4%BA%A4%E6%98%93%E9%AB%98%E6%89%8B%E7%9A%84%E9%A4%8A%E6%88%90%E7%A5%95%E7%AC%88%20(%E4%B8%8A%E3%80%81%E4%B8%8B%E5%86%8A)&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0011004039%3Floc%3DP_0003_024&t=3&k=9789572241776&g=948' onclick="lc('/url.aspx?m=1001&n=%E6%B4%BB%E7%94%A8%E6%8A%80%E8%A1%93%E5%88%86%E6%9E%90%E5%AF%B6%E5%85%B8%EF%BC%9A%E9%A3%86%E8%82%A1%E4%B8%8A%E6%A0%A1%E6%9C%B1%E5%AE%B6%E6%B3%9340%E5%B9%B4%E5%AF%A6%E6%88%B0%E7%B2%BE%E8%8F%AF%20%E5%BE%9EK%E7%B7%9A%E3%80%81%E5%9D%87%E7%B7%9A%E5%88%B0%E4%BA%A4%E6%98%93%E9%AB%98%E6%89%8B%E7%9A%84%E9%A4%8A%E6%88%90%E7%A5%95%E7%AC%88%20(%E4%B8%8A%E3%80%81%E4%B8%8B%E5%86%8A)&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0011004039%3Floc%3DP_0003_024&t=3&k=9789572241776&g=948')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://www.books.com.tw/img/001/100/40/0011004039.jpg' alt='活用技術分析寶典：飆股上校朱家泓40年實戰精華 從K線、均線到交易高手的養成祕笈 (上、下冊)' title='活用技術分析寶典：飆股上校朱家泓40年實戰精華 從K線、均線到交易高手的養成祕笈 (上、下冊)' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=1001&n=%E6%B4%BB%E7%94%A8%E6%8A%80%E8%A1%93%E5%88%86%E6%9E%90%E5%AF%B6%E5%85%B8%EF%BC%9A%E9%A3%86%E8%82%A1%E4%B8%8A%E6%A0%A1%E6%9C%B1%E5%AE%B6%E6%B3%9340%E5%B9%B4%E5%AF%A6%E6%88%B0%E7%B2%BE%E8%8F%AF%20%E5%BE%9EK%E7%B7%9A%E3%80%81%E5%9D%87%E7%B7%9A%E5%88%B0%E4%BA%A4%E6%98%93%E9%AB%98%E6%89%8B%E7%9A%84%E9%A4%8A%E6%88%90%E7%A5%95%E7%AC%88%20(%E4%B8%8A%E3%80%81%E4%B8%8B%E5%86%8A)&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0011004039%3Floc%3DP_0003_024&t=3&k=9789572241776&g=948' onclick="lc('/url.aspx?m=1001&n=%E6%B4%BB%E7%94%A8%E6%8A%80%E8%A1%93%E5%88%86%E6%9E%90%E5%AF%B6%E5%85%B8%EF%BC%9A%E9%A3%86%E8%82%A1%E4%B8%8A%E6%A0%A1%E6%9C%B1%E5%AE%B6%E6%B3%9340%E5%B9%B4%E5%AF%A6%E6%88%B0%E7%B2%BE%E8%8F%AF%20%E5%BE%9EK%E7%B7%9A%E3%80%81%E5%9D%87%E7%B7%9A%E5%88%B0%E4%BA%A4%E6%98%93%E9%AB%98%E6%89%8B%E7%9A%84%E9%A4%8A%E6%88%90%E7%A5%95%E7%AC%88%20(%E4%B8%8A%E3%80%81%E4%B8%8B%E5%86%8A)&u=https%3A%2F%2Fwww.books.com.tw%2Fexep%2Fassp.php%2Ffindprice%2Fproducts%2F0011004039%3Floc%3DP_0003_024&t=3&k=9789572241776&g=948')" title='活用技術分析寶典：飆股上校朱家泓40年實戰精華 從K線、均線到交易高手的養成祕笈 (上、下冊)' target='_blank' rel='nofollow'>活用技術分析寶典：飆股上校朱家泓40年實戰精華 從K線、均線到交易高手的養成祕笈 (上、下冊)</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：朱家泓</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：金尉</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-11-21</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>948</span> 		</div>		</td>   </tr>   </table> </div> <div > <table style='background-color: #fff;' width='336px' cellpadding=2 cellspacing=0>  <tr>	<td class='adtitle'>金石堂 - 新書排行榜</td>  </tr>  <tr><td height='1px'></td></tr> </table> 	<table class='tsale' border='0' cellpadding='0' cellspacing='0' width='336px'> 	<tr> 		<td align='center'> 			<a href='/url.aspx?m=5184787&n=%E6%BB%BF%E6%B4%B2%E9%B4%89%E7%89%87%E5%B0%8F%E9%9A%8A(04)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461367537%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=170' onclick="lc('/url.aspx?m=5184787&n=%E6%BB%BF%E6%B4%B2%E9%B4%89%E7%89%87%E5%B0%8F%E9%9A%8A(04)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461367537%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=170')" target='_blank' style='margin:0' rel='nofollow'> 				<img src='https://cdn.kingstone.com.tw/book/images/product/20194/2019461367537/2019461367537m.jpg?v=6af4b' alt='滿洲鴉片小隊(04)' title='滿洲鴉片小隊(04)' style='margin:0;border-width:0' width='120px' height='160px' > 			</a>		</td> 		<td align='left' valign='top' style='padding:5px 0px 0px 5px'>        <div class='buyname'><a style='line-height:20px;font-size:15px' href='/url.aspx?m=5184787&n=%E6%BB%BF%E6%B4%B2%E9%B4%89%E7%89%87%E5%B0%8F%E9%9A%8A(04)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461367537%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=170' onclick="lc('/url.aspx?m=5184787&n=%E6%BB%BF%E6%B4%B2%E9%B4%89%E7%89%87%E5%B0%8F%E9%9A%8A(04)&u=https%3A%2F%2Fwww.kingstone.com.tw%2Fbasic%2F2019461367537%3Fpartner%3Dfib%26utm_medium%3Dpricecompare%26utm_source%3Dfib%26utm_campaign%3Dfib&t=3&k=9789572241776&g=170')" title='滿洲鴉片小隊(04)' target='_blank' rel='nofollow'>滿洲鴉片小隊(04)</a></div>        <div style='height:60px;line-height:20px;margin-top:7px'><div class='tailw' style='height:20px;overflow:hidden'>作者：門馬司</div><div class='tailw' style='height:20px;overflow:hidden'>出版社：尖端漫畫</div><div class='tailw' style='height:20px;overflow:hidden'>出版日期：2024-11-20</div>		</div>		<div  style='height:30px;text-align:right;padding-right:60px;'>			<span style='font-size:18px; color:red;'>$</span>			<span style='font-size:30px; color:red; font-weight:bold; font-family:verdana; letter-spacing:-1px'>170</span> 		</div>		</td>   </tr>   </table> </div>   </div>	<div style='position: absolute; z-index:2;width:75px;height:25px;line-height:25px;text-align:center; vertical-align:middle; background-color:red; top:185px; left:258px; opacity:0.75'>		<a href='/bestnew.aspx' style='color:white; text-decoration:none'>更多新書</a>	</div>   </div></td></tr>
                                <tr>
                                    <td style="width: 336px; height: 25px;" align='center'>
                                         
                                    </td>
                                </tr>
								<tr>
									<td style="width: 336px;" align='center'>
										<ins class="adsbygoogle"
											 style="display:inline-block;width:330px;height:600px"
											 data-ad-client="ca-pub-6803873507993050"
											 data-ad-slot="6174726530"></ins>
										<script>
											 (adsbygoogle = window.adsbygoogle || []).push({});
										</script>
									</td>
								</tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        </table>
        <br />
        <center>
            <div style="height: 30">
            </div>
            <div style='font-size: 10px; font-family: verdana; clear:both; margin-top:10px;'>©2024 <a style='text-decoration: none; color: #ce0000; font-weight: bold; font-size: 10px;font-family: verdana;' href='https://findbook.com.tw/' title='FindBook首頁'>FindBook.com.tw</a> -   <a href='https://www.findprice.com.tw/' style='font-size: 8pt;' class='da_b' title='FindPrice 價格網'>購物比價</a>  <a href='/' style='font-size: 8pt;' class='da_b' title='FindBook'>找書網</a>  <a href='https://www.findcar.com.tw/' style='font-size: 8pt;' class='da_b' title='FindCar'>找車網</a>  <a href='/tos.aspx' style='font-size: 8pt;' class='da_b'>服務條款</a>  <a href='/Privacy.aspx' style='font-size: 8pt;' class='da_b'>隱私權政策</a> </div>
            <p>
            </p>
        </center>
        <img id="imgCookie" src="" alt="0" style="border-width:0px;display: none" />
        <img id="imgFact" src="imgFact.aspx?q=9789572241776" alt="0" style="border-width:0px;display: none" />
        </form>
        <script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Book",
  "@id": "https://findbook.com.tw/9789572241776",
  "isbn": "9789572241776",
  "url": "https://findbook.com.tw/9789572241776",
  "image": "https://img.findprice.com.tw/book/9789572241776.jpg",
  "name": "HTML 5新世代網頁建置：新手也可以快速設計出專業網站"
,  "datePublished": "2013-07-10"
,  "inLanguage": "繁體書"
,
          "author": {
            "@type": "Person",
            "name": "Matt West"
          }
,
  "publisher": {
    "@type": "Organization",
    "name": "松崗圖書"}
,  "offers": [
      {
      "@type": "Offer",
		"name": "TAAZE 讀冊生活",
		"priceCurrency": "TWD",
		"price": "45",
        "url": "https://www.taaze.tw/apredir.html?127086824/https://www.taaze.tw/usedList.html?oid=11100662408&utm_source=findbook&utm_medium=referral&utm_campaign=ap"
      },      {
      "@type": "Offer",
		"name": "蝦皮商城",
		"priceCurrency": "TWD",
		"price": "250",
        "url": "https://invol.co/aff_m?offer_id=101655&aff_id=211121&source=deeplink_generator_v2&url=https%3a%2f%2fshopee.tw%2fproduct%2f159834670%2f10082161856"
      },      {
      "@type": "Offer",
		"name": "myBook 電子書館",
		"priceCurrency": "TWD",
		"price": "432",
        "url": "https://mybook.taiwanmobile.com/profile/SUN06001000041202?utm_source=findprice&utm_medium=bookdata&utm_campaign=findprice_book"
      },      {
      "@type": "Offer",
		"name": "TAAZE 讀冊生活",
		"priceCurrency": "TWD",
		"price": "446",
        "url": "https://www.taaze.tw/apredir.html?127086824/https://www.taaze.tw/products/11100662408.html?utm_source=findbook&utm_medium=referral&utm_campaign=ap"
      },      {
      "@type": "Offer",
		"name": "iRead灰熊愛讀書",
		"priceCurrency": "TWD",
		"price": "446",
        "url": "https://www.iread.com.tw/Detail/Index?ProdId=B000251495&utm_source=findprice&utm_medium=bookdata&utm_campaign=findprice_book"
      }]
, "description": "這不是一本在討論HTML5有哪些新功能的概念書！本書顧及到初學者與有心自學的讀者，利用完整案例，從網頁語法的基礎開始，讓您可以跟著逐步建立網頁，循序漸進的學習與增強HTML5的技巧。若您已有HTML基礎，也可以直接跳到所需章節進行學習。看完本書，讀者就可以打造出功能及完整度高的速食網站。或是您也可以發揮創意，改造成具個人風格的網站。除了基本的HTML5基礎知識之外，您還可以學到：‧建立頁面模板與網頁 ‧建立良好的網站架構‧嵌入音訊與視訊 ‧善用microdata‧透過HTML5與JavaScript強化網站 ‧資料存儲 ‧利用CSS維持樣式的一致性 ‧使用geolocation進行定位本書特色:完整範例導引，新手也能快速上手14章徹底學會網頁建置，增強設計技巧！可搭配網站影片，進行延伸學習作者簡介：Matt West 身兼程式設計師與創業家，熱衷於探索科技能怎麼讓人們的生活更便利。在閒暇時間參與多項開放原始碼的專案後，便投入到網路開發的領域。目前居住於英國北安普頓。Matt先前曾經營Developer City，一間小型網頁開發商。專門替全球顧客建立創新的網路應用程式。個人部落格為Coding Skyscrapers（http://cofingskyscrapers.com），你也能在推特上與他互動（Twitter帳號 @MattAntWest）。 作者序﹝往事只能追憶﹞現在大家早就習慣利用電腦進行資料搜尋，輸入幾個簡單的字彙就可以很快找到我們想要的資訊，在智慧型手機上也可以辦到這件事；說要再回想還沒有網際網路的年代，真的很難！網際網路從早先的學術研究實驗室發跡已經很長一段時間，現在成為世界眾所皆知的資訊寶庫。也就是因為如此，它蘊育了全球數不清的億萬富翁以及許多了不起的革新創舉，同時也讓教育和科學有了潛移默化的改變。英國聯邦政府甚至還曾經提議要將上網權立法成為基本人權。HTML5 在網際網路歷史上是卓越的下一步，也是未來趨勢。透過HTML5 可以讓開發者比以前更聰明、更快速而且建構安全性更高的網站，更棒的是它是個開放式平臺架構，任何人都可以架設自己的網站；同時也讓人驚訝的是整體網路產業的學習曲線降低了許多，呈現出來的效果也很棒！我私心地認為網際網路產業的環境是世界上最好的，當然這是個人偏見；但我真的相信！我不知道其他產業裡會不會有跟網際網路一樣的氛圍，大家會相互幫助推動整個產業往創新的方向前進。我每天醒來時，都會覺得自己身處這個產業很有優越感。現在就是你加入我們的最佳時機！誰應該讀這本書？這本書適合任何想學習如何建構網站，以及想要了解HTML5 這個全新網路科技的人。這本書並不要求讀者需具有任何程式語言基礎，HTML、CSS、JavaScript 等任何方面的新手都適合閱讀本書。不過如果你會這些技術的話，那會是項優勢。總之，你可以學會如何使用HTML5 來架設想要的網站。這不是一本讓你憑藉著以往HTML舊有標準學習的書，所有的內容都是得從根本紮起，好確保你可以學到最新的技術。坊間有很多是針對有經驗的開發者的書籍，裡頭有深入解說HTML5技術是為何發展至此的。本書跟它們稍有不同，有些部份會需要解釋，但通常我不會把那些煩人的細節提出來浪費大家時間。如果你已經有一些網頁設計的知識，但畢竟HTML5發生了很多變化，你還是可以找到對你有助益的內容。在前面的幾章裡解釋地會比較繁鎖，若你認為不需要，可以任意地跳過那些已經瞭解的章節。你會學到什麼？HTML5 其實包含了非常多的新技術，超出一本書可以囊括的內容，所以我會挑出讓人最感興趣的技術提供給大家作學習。本書的第一篇利用HTML5 產生網頁內容，會帶你了解產生網頁的基礎功夫，從從介紹工具列開始，引導你利用HTML5 產出第一份網頁內容；你會學到HTML的基礎以及如何建構網頁，同樣地也會學到如何串聯眾多網頁來產生一個網站。這一章裡你也會學到網路標準的重要性、如何審閱程式碼，以及在不同瀏覽器下測試網站內容的方法。在第二篇資料處理中，你一下子就可以了解如何使用網頁表格來蒐集拜訪網站的訪客資料，也可以學習如何利用各種不同輸入格式來撰寫網頁表格內容，同時間你也會學會在訪客輸入過程中加入驗證流程，確保所蒐集來的資料是有效的。接下來你會知道微資料（microdata）的應用性，並且知道如何網頁內容中進行微資料的標示，這個動作可以讓搜尋引擎或者其它程式可以更容易地找到網頁內容中重要的訊息。易用性是在撰寫網頁時重要的一環。但不幸的是，並非每一位網頁訪客都可以在拜訪網站時都會給你正面評價。在本章你也可以學習到如何在架構網頁時可以讓使用者覺得方便閱讀，以及如何產出供視覺或其他障礙的人方便閱讀的網頁內容。第三篇，利用HTML5 & JavaScript 來強化網頁內容。終於有一些讓人真正感到興奮的技術要介紹給大家。在這章裡可以知道JavaScript 將影音視頻如何嵌入網頁內容中並且產出客製化的控制介面。同時間你也會了解到 LocalStorage以及 SessionStorage這兩個API 的使用方式，並且透過這兩個API 將資料儲存到你的電腦上。第四篇， 進階HTML5 技術， 搭配GeoLocation 以及Canvas 這兩個API，會帶領你到更進階的技術領域裡。前者是目前最讓人興奮的網頁科技， 透過GeoLocation API 的使用會讓你的網站產生更智慧化的使用經驗。Canvas API 則可以讓在瀏覽器上繪製物件；你可以學習如何繪出各式形狀的圖形以及路徑，並且知道該如何在你未來的專案裡使用這個元件。書裡內容涵蓋很多技術；一旦讀完本書，你將可以輕易地利用這些新學的知識架構出一個真的可以上線使用的速食點餐網站。這會是個完全使用HTML5 建構而成的網站，網站上會播放促銷影片、還提供線上點餐，更有可以提供給訪客查詢到哪間分店離他們最近的介面！（是利用GeoLocation API 做出的成果）。怎麼閱讀這本書？並沒有規定大家該用什麼樣的順序來讀這本書，就我自己來講就很少是把電腦書是按頁次從頭翻到尾的，所以我不會建議你這麼作。針對自己感興趣的章節跳著閱讀會更有趣一些！你可以隨時翻閱之前的章節，來加強自己先前沒有完全了解透徹的部份。就像先前說的，如果你完全沒有網頁設計的經驗，我會建議你先把第一章看熟，這章節裡有著往後開發技術的基礎，準備好了再繼續往下研讀。這本書架構非常清楚，你可以輕易地就找到你想要深入研讀的章節，在將來架設網站需要時可以隨時回頭參考。對網站程式編寫有一定了解的讀者，會在前面的章節有關舊語法說明裡，發現許多HTML5 的新語法。所以請隨時保持清醒，你不會想要錯過任何一部份的。有些章節包涵了不少程式原始碼供你參考；如果不想要只是傻傻地把程式碼敲進電腦的話（ 就像菜鳥設計師）， 你可以到網站下載程式碼。把下載的壓縮檔解壓縮後，在相應子目錄裡你就會看到所有的程式範例都依章節擺放，方便你可以在閱讀過程中作練習使用。讀完本書後， 你可以架構一個給速食店業者使用的線上網站，我們先稱它作Joe's Pizza Co. 好了；當然你也可以利用學到的這些技術來讓這個網站具備更多功能。如果決定要跳過某章節不閱讀，還是可以到網站上下載那章節的範例程式，直接對這個程式碼作修改即可。準備好了嗎? 讓我們開始往下看吧！﹝往事只能追憶﹞現在大家早就習慣利用電腦進行資料搜尋，輸入幾個簡單的字彙就可以很快找到我們想要的資訊，在智慧型手機上也可以辦到這件事；說要再回想還沒有網際網路的年代，真的很難！網際網路從早先的學術研究實驗室發跡已經很長一段時間，現在成為世界眾所皆知的資訊寶庫。也就是因為如此，它蘊育了全球數不清的億萬富翁以及許多了不起的革新創舉，同時也讓教育和科學有了潛移默化的改變。英國聯邦政府甚至還曾經提議要將上網權立法成為基本人權。HTML5 在網際網路歷史上是卓越的下一步，也是未來趨勢。透過HTML5 可以讓開發者...»看全部 目錄PART 1 利用HTML5 產生網頁內容CHAPTER 1 開始 什麼是HTML設定你的工具 打造你的第一個HTML5 網頁建構網頁元件 驗證你的網頁瀏覽器並不是一視同仁的 總結CHAPTER 2 建構網頁產出版面範本頁面 用元資料（metadata）延伸 元件內容 利用CSS 加入版面設計 總結 CHAPTER 3 產出範本頁面加入公司商標加入導引連結 加入頁面內容 全域屬性 總結CHAPTER 4 產出網頁在首頁中加入內容在「關於本店」頁面裡加入內容產生「分店位置」頁面 產生「網站地圖」頁面產生「本店菜單」頁面產生「本店消息」頁面後記PART 2 資料處理CHAPTER 5 使用表單在「網路訂位」頁面加入 元件 在「網路訂位」頁面裡加入 和 元件作為表單欄位 利用 元件加入訊息輸入框 在「網路訂位」頁面裡加入『資料送出』按鈕在「網路訂位」頁面裡加入下拉式選單處理檔案 利用 和 將網路預約頁面的輸入欄位群組化更新網站鍊結以及網站地圖 總結CHAPTER 6 利用HTML5 加強網路表單 在「網路訂位」頁面裡加入HTML5 HTML5 輸入格式HTML5 輸入屬性 資料列表（Datalists） 總結CHAPTER 7 利用HTML5 驗證表單資料 在「網路訂位」頁面裡加入驗證流程要求使用者輸入資料 限制長度限制範圍 符合樣版格式 基本正規表達式總結CHAPTER 8 使用微資料 有關 Schema.org使用微資料（microdata）常用基模總結CHAPTER 9 確保無障礙無障礙介面為何重要？螢幕閱讀器 讓網頁表單無障礙化讓表格無障礙讓圖像也變得無障礙化讓鍊結無障礙化測試無障礙程度總結PART 3 利用HTML5 & JavaScript來強化網頁內容CHAPTER 10 JavaScript 介紹 什麼是JavaScript? 元件基礎JavaScript文件物件模型（DO..."
        }
}
</script>
    </div>
    <script type="text/javascript" language="javascript" src="/js/filesearchhover.js?20181026"></script>
</body>
</html>