-
排序
- 圖片
- 條列
HTML&CSS：網站設計建置優化之道
"你可以用更快更好的方式了解HTML和CSS" 這麼多介紹 HTML 和 CSS 的書，為什麼要選擇這本？ 因為...本書以最深入淺出的方式引導讀者學習HTML5 及 CSS應用, 即使是從未學習過的讀者都能藉由此書快速了解那看似艱難的程式碼. 因為...本書以簡短的範例單元說明每個主題的實作, 不但可當作初學者的入門用書, 即使是進階使用者也能從中快速查找所需功能. 無論你想從頭開始設計建置網站，或希望能將現有的網站管理的更好，本書將幫助你創造出別具風格、獨創吸引力，以及容易使用的網站。 我們知道很多人會把程式碼想的很難，但只要你翻開本書，你會發現本書內容與傳統教學的書籍有多麼大的不同，因為我們把 HTML 及 CSS 變的更簡單更容易懂了。 每一頁面都以簡單的視覺性引導方式，搭配直接明瞭的說明以及簡潔易懂的原始碼範例來介紹一個新主題。即使是沒有經驗的你都能找到實際有效的工作指引，讓你能快速應用在改良組織和設計您目前的的網站頁面，讓你的網站更吸引人更易於使用。 . 網頁設計人員及程式設計師 . 線上編輯維護內容者 . 行銷及電子商務管理者 . 部落客及社群愛好者 . 編寫HTML和CSS . 如何建構網頁及網站 . 準備影像、視訊和音訊 . 控制文字設計和版面
The Dark Pattern 暗黑模式|欺騙使用者心理與行為的設計
這樣的設計不會失去顧客的信任嗎？ 在歐美嚴格控管的狀態下，暗黑設計模式的實際情況與出路為何？ 「退會方法難以理解」 「被擅自訂閱電子報」 「刺激消費者的倒數計時器」 「沒有期限的清倉庫存大拍賣」…… 這種特意引發使用者需求的設計就是暗黑模式，而濫用此模式的情況越來越多。 本書將從何謂「暗黑模式」開始， 介紹全球嚴格控管暗黑模式的實際情況，具體列出暗黑模式的代表性例子， 同時彙整說明企業和設計師陷入暗黑模式的背景與其預防對策。
超完美CSS設計風格指南
★一口氣搞懂Web開發現場應該要懂的CSS相關知識 ★解決您在開發時遇到的困難 ★解決團隊協作開發的溝通問題 隨著前端開發的複雜度增加，出現各種以React、Vue.js 等處理CSS的方法，HTML套用樣式的手法也是五花八門。因此，開發人員肯定會對CSS感到頭大，該怎麼應用CSS？該使用哪種工具才好？ 本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引，您可藉由本書學到最新的觀念與CSS方法論，做出符合專案需求的最佳CSS設計。
【電子書】超完美CSS設計風格指南
★一口氣搞懂Web開發現場應該要懂的CSS相關知識 ★解決您在開發時遇到的困難 ★解決團隊協作開發的溝通問題 隨著前端開發的複雜度增加，出現各種以React、Vue.js 等處理CSS的方法，HTML套用樣式的手法也是五花八門。因此，開發人員肯定會對CSS感到頭大，該怎麼應用CSS？該使用哪種工具才好？ 本書為網站製作和前端開發領域的設計師與開發人員提供了易於理解的CSS設計指引，您可藉由本書學到最新的觀念與CSS方法論，做出符合專案需求的最佳CSS設計。
讓響應式(RWD)網頁設計變簡單：Bootstrap開發速成(第三版) (附554分鐘實作影音/範例檔)
以4個整合性實例一探業界極為流行的Bootstrap響應式網頁框架 從「遊戲活動網頁」、「部落格」、「活動報名網頁」，到「企業型購物網站」， 依Bootstrap 5改版，一次搞懂主流的RWD設計！ Bootstrap早已成為全世界許多企業在徵求網頁設計師時列為必備的技能條件，其採用了模組化設計，簡易到只要懂得如何套用，就可以快速設計出頗具美感的響應式(RWD)網頁。 對於許多不擅長視覺設計的網頁工程師來說，省去了許多美化的時間與困擾；而對於視覺設計師來說，也能依著自己設計的版型建置網頁，同時支援市面上大部份的主流瀏覽器，而對於想踏入響應式網頁領域的初學者來說，則可以在短時間學好RWD設計技能。 網頁設計師與網頁工程師必備技 Bootstrap響應式網頁的快速設計力 書中從認識響應式網頁與網站開發流程開始，詳細解說響應式網頁設計思維，並導入視覺設計與網頁製作兩個不同領域的專業知識與技巧，最終以4個案例製作響應式網頁以具備實戰技能。 ‧完整的響應式網頁概念解說與Bootstrap運用方式，迅速跨入響應式設計領域。 ‧以淺顯易懂的網頁範例，融入佈局、HTML5、CSS3、元件與JavaScript的使用技巧。 ‧4種不同類型的整合性範例，一次掌握主流RWD版面設計，展現Bootstrap的強大效果。 【超值學習資源】554分鐘(CH10~CH25實作)影音教學/活動報名版型與部落格版型PDF/範例檔
【電子書】讓響應式（RWD）網頁設計變簡單：Bootstrap開發速成
以4個整合性實例一探業界極為流行的Bootstrap響應式網頁框架 從「遊戲活動網頁」、「部落格」、「活動報名網頁」，到「企業型購物網站」， 依Bootstrap 5改版，一次搞懂主流的RWD設計！ Bootstrap早已成為全世界許多企業在徵求網頁設計師時列為必備的技能條件，其採用了模組化設計，簡易到只要懂得如何套用，就可以快速設計出頗具美感的響應式(RWD)網頁。 對於許多不擅長視覺設計的網頁工程師來說，省去了許多美化的時間與困擾；而對於視覺設計師來說，也能依著自己設計的版型建置網頁，同時支援市面上大部份的主流瀏覽器，而對於想踏入響應式網頁領域的初學者來說，則可以在短時間學好RWD設計技能。 網頁設計師與網頁工程師必備技 Bootstrap響應式網頁的快速設計力 書中從認識響應式網頁與網站開發流程開始，詳細解說響應式網頁設計思維，並導入視覺設計與網頁製作兩個不同領域的專業知識與技巧，最終以4個案例製作響應式網頁以具備實戰技能。 ‧完整的響應式網頁概念解說與Bootstrap運用方式，迅速跨入響應式設計領域。 ‧以淺顯易懂的網頁範例，融入佈局、HTML5、CSS3、元件與JavaScript的使用技巧。 ‧4種不同類型的整合性範例，一次掌握主流RWD版面設計，展現Bootstrap的強大效果。 【超值學習資源】554分鐘(CH10~CH25實作)影音教學/活動報名版型與部落格版型PDF/範例檔
實戰UX工作現場|創造更有價值的產品與服務
可以隨時翻閱參考的UX研究入門書 這是一本實踐使用者經驗（UX）研究的入門書。「聽說過『UX研究』這個詞，但不太清楚具體內容⋯⋯」、「我想嘗試一下UX研究，應該從何處開始好呢⋯⋯」除了腦中出現這類想法的人以外，還有一些人的煩惱是：「雖然已經開始進行UX研究了，但說真的，我對實作方法沒有自信⋯⋯」。筆者希望能為這些人提供助力，因此將實務工作中獲得的UX知識與洞察統整成一本書。當讀者準備踏出第一步，或是持續進行UX研究時，都能將這本書當作如同導師的存在，放在身邊隨時翻閱參考。 用科學的方式做設計 使用者經驗（UX）研究在產品與服務開發上越來越重要，因為它能夠讓決策建立在證據而非開發者的假設之上，並在開發的早期階段反映出產品與服務所能提供使用者的價值，因此，不管是產品經理或是設計師，都越來越重視UX研究。 本書將告訴你如何將UX落實在工作上 本書涵蓋了使用者經驗研究的基礎知識，已經如何將UX應用於現有工作的方法，以及如何在組織內推廣UX的觀念。另外，透過七個實際的案例分享，幫助你了解如何將UX研究落實於實際的工作。
【電子書】實戰UX工作現場：創造更有價值的產品與服務
可以隨時翻閱參考的UX研究入門書 這是一本實踐使用者經驗（UX）研究的入門書。「聽說過『UX研究』這個詞，但不太清楚具體內容⋯⋯」、「我想嘗試一下UX研究，應該從何處開始好呢⋯⋯」除了腦中出現這類想法的人以外，還有一些人的煩惱是：「雖然已經開始進行UX研究了，但說真的，我對實作方法沒有自信⋯⋯」。筆者希望能為這些人提供助力，因此將實務工作中獲得的UX知識與洞察統整成一本書。當讀者準備踏出第一步，或是持續進行UX研究時，都能將這本書當作如同導師的存在，放在身邊隨時翻閱參考。 用科學的方式做設計 使用者經驗（UX）研究在產品與服務開發上越來越重要，因為它能夠讓決策建立在證據而非開發者的假設之上，並在開發的早期階段反映出產品與服務所能提供使用者的價值，因此，不管是產品經理或是設計師，都越來越重視UX研究。 本書將告訴你如何將UX落實在工作上 本書涵蓋了使用者經驗研究的基礎知識，已經如何將UX應用於現有工作的方法，以及如何在組織內推廣UX的觀念。另外，透過七個實際的案例分享，幫助你了解如何將UX研究落實於實際的工作。
如何設計好網站之UX與美學基礎
本書將告訴您網頁設計的基本原則，快速上手的方法以及如何解決新手常見的問題，您可以藉由本書學到設計的基礎知識，快速上手。 藉由本書，您可以學到： ．改善設計的快速技巧 ．基礎配色理論與實用技巧 ．如何利用工具來確保網頁文字的可讀性 ．排版的基礎觀念與重要原則 ．如何有效率的挑選字體 ．使用「留白」的技巧 ．如何改善內容的呈現方式提高轉換率 ．提升用戶體驗的快速技巧 ．網頁的設計流程與如何訓練設計眼
【電子書】如何設計好網站之UX與美學基礎
本書將告訴您網頁設計的基本原則，快速上手的方法以及如何解決新手常見的問題，您可以藉由本書學到設計的基礎知識，快速上手。 藉由本書，您可以學到： ．改善設計的快速技巧 ．基礎配色理論與實用技巧 ．如何利用工具來確保網頁文字的可讀性 ．排版的基礎觀念與重要原則 ．如何有效率的挑選字體 ．使用「留白」的技巧 ．如何改善內容的呈現方式提高轉換率 ．提升用戶體驗的快速技巧 ．網頁的設計流程與如何訓練設計眼
Dreamweaver設計好入門
★日本熱銷 系列累計突破 30萬冊★ (初學者沒問題！) (想重新徹底學習的人也超歡迎！) (值得一再參考的工具書！) 從基礎徹底學會網頁製作！ 立刻實現想像中的設計作品！ 完全能派上用場的即戰力技巧 需要本書的人： ‧準備利用Dreamweaver設計網頁的人 ‧想製作支援跨裝置網站的人 ‧負責更新與維護網站的人 ‧想成為網頁設計師的人 網站製作技術日新月異，必須隨時支援智慧手機與其他新型設備， 所以製作易於維護的網站是非常重要的事， 而靈活使用新版Dreamweaver CC就成為更有效率設計網頁的關鍵。 書中以Dreamweaver CC 2019示範實作，提供範例檔， 可透過範例掌握Dreamweaver的實務技巧， 以及網站製作的基本能力。 但是，只學會Dreamweaver的操作方法，是無法真正的學會網頁設計， 還必須學會HTML或CSS的基本知識，書中也逐一的講解。 另外，還介紹許多與Dreamweaver或網頁製作相關的Tips， 這些小訣竅可以增進網站設計的能力， 最後再運用最熱門的Bootstrap挑戰響應式網頁的製作， 並將網站上傳至遠端伺服器， 同時提供多人共管網站的方法。
使用者經驗的要素：跨屏時代的使用者導向設計 第二版
「Jesse James Garrett的書精煉探討了形塑使用者經驗的概念，因此成為不墜的經典。它不僅能幫助設計初學者實作時更有信心，也能給予資深設計師邁向卓越的探討架構。」 Giles Colborne Simple and Usable Web, Mobile and Interaction Design作者 「仍然貨真價實、拳拳到位，這是現在對於使用者經驗最有用的書籍。」 Louis Rosenfeld Rosenfeld Media出版人及Information Architecture for the World Wide Web合著者 「Jesse James Garrett清楚解析了使用者經驗設計這淌混水。因為他絕佳的聰明才智，僅用短短篇幅就達成，因此頁頁珠璣。」 Steve Krug Don’t Make Me Think以及Rocket Surgery Made Easy作者 「Garrett從組織和概念角度解構和建模，揭露了通常被厚重技術障礙掩蓋的問題本質。」 Alan Cooper About Face以及The Inmates Are Running the Asylum作者 始自十年前本書出版，《使用者經驗的要素》已成為世界各地網頁和互動設計師的重要參考文獻，並定義了業界的核心原則。在現今這個更新擴編的全彩版本中，Jesse James Garrett已精煉了他對網際網路的想法，超脫桌面軟體(desktop)層面，涵括能應用至當今大幅增加的移動設備(mobile devices)應用程式的資訊。 成功的互動設計所需的遠遠不只是乾淨的程式碼和鮮明的圖像。你必須在滿足使用者需求的同時，亦達成策略目標。若無一致契合的使用者經驗來支撐，那麼即使有最好的內容(content)和最尖端的科技也無法幫助平衡這些目標。 因為牽連了這麼多的議題：使用性(usability)、品牌識別(brand identity)、資訊架構(information architecture)、互動設計(interaction design)，創造使用者經驗因此可說是錯綜複雜。新版本的《使用者經驗的要素》以清晰的解釋和生動的插圖專注分析概念本身的內涵、而非工具或技術。Garrett提供了讀者關於使用者經驗發展歷程的整體脈絡，從策略和需求層面出發，一路探討到資訊架構和視覺設計。
學會PhotoImpact X3、Flash CS6、Dreamweaver CS6(附光碟)
書附光碟DVD*1為三合一的多媒體網頁設計書籍，先學習網頁設計時需具備的PhotoImpact影像處理技巧與範例，緊接著學習網頁的Flash多媒體與動畫設計技能與範例，最後學習建置網站，完成網站製作與網頁設計。 以PhotoImpact X3（影像處理）、Flash CS6（網頁動畫製作）與Dreamweaver CS6（網頁編排設計）等三套軟體為核心，範例實作為導向，搭配精彩圖解，以及簡潔的步驟說明，引導您學習如何利用PhotoImpact X3進行影像編輯、合成與網頁元件製作；體驗逐影格動畫、運動補間動畫、導引線動畫與遮色片動畫的基本Flash動畫製作原理，進而發揮創意，設計互動式Flash影片，最終結合Dreamweaver軟體建構出專業級多媒體網站。 附贈範例素材、影音教學、試用版
Dreamweaver × Photoshop × Flash網頁動感玩美必修技(第三版)(附教學/範例/試用版)
書附DVD*2眾多讀者與教師選用的一本網頁設計好書，升級改版‧迷人登場! 個人爆紅網頁設計‧網拍照片去背修片‧超炫動態特效‧部落格版式美化的基礎必修技 學網頁設計，不是只要學會Dreamweaver而已! 從文字變化、背景圖片、按鈕設計、影像處理、動畫製作、互動效果、網頁特效、網頁版面到網站設計，一次學會做出有聲有色有影的個人專屬網頁與專業網站。 很多人都有這樣的問題! 想要製作個人專屬網頁，但是卻不會影像處理，也不會動畫設計，更不知從何開始下手。 現在，就讓這本書來幫您解決這些疑難雜症。不用學會Photoshop及Flash的所有招式，只要掌握關鍵技巧，你也可以替網拍照片去背修片、幫部落格版式美化，更可以簡單的做出專業網站。 本書以網頁設計時，常用到的三套Adobe軟體Dreamweaver/Photoshop/Flash進行實務的網頁設計與網站製作。從網站製作前應具備的基礎技巧，到開始建立網頁，再到網站的發佈。範例以CS6版編寫，但多數範例也適用CS5版。 書中以Dreamweaver為中心，運用Photoshop及Flash設計網頁所需的素材。Photoshop是網頁影像的基礎，不論是潤飾影像、圖片去背、特效文字、背景、按鈕及簡單的 GIF 動畫…等，都可完美產生；Flash是網頁動畫的靈魂，使網頁更加的活潑生動，創造出令人驚豔的動態效果；Dreamweaver是網頁的總工程師，可利用Photoshop及Flash所產生的影像與動畫來強化網頁內容。 全書共分成四篇：「網頁的影像處理篇」、「網頁的多媒體動畫篇」、「網頁設計篇」、「整合篇」。逐步學習，不僅可學會Photoshop的影像特效、Flash的動畫製作，以及Dreamweaver的網頁設計；更重要的是，整體的綜合應用，能更精準、有效率的製作出美麗網頁。 書中以最熱門的攝影題材作為網站設計的主題範例，運用Dreamweaver、Photoshop、Flash一次就打造出專業與實用兼具的迷人網站。附贈超值雙DVD： DVD1：Photoshop、Flash、Dreamweaver CS6試用版 DVD2：近8小時超值影音教學檔、範例檔、延伸練習素材檔、範例網站原始檔 範例網站完成檔(已套用範本)、範例網站完成檔(未套用範本)
【電子書】Dreamweaver CS6網頁點子實戰課
跨平台時代，HTML5/CSS3勢力崛起，開創網頁設計需有新格局! ‧網頁創意點子‧絕妙版面設計‧動態聲光效果‧人氣特效應用 ‧超讚擴充功能‧質感網頁美化‧風格網頁最佳製作化 跨平台網頁設計秘訣，全面實戰大集結! HTML5和CSS3是網頁技術的一大躍進，支援音樂、影片和繪圖，不需安裝任何外掛程式，輕鬆製作出內容與視覺效果兼具的網頁作品。另外，流變格線版面解決了許多網頁設計師的困擾，一次完成智慧手機、平板電腦和PC網頁的製作，跨平台網頁設計，不再是難題。 ‧認識網頁設計（我的第一個網頁） ‧文字遇上影像（旅遊全記錄） ‧連結世界的捷徑（滑鼠變換影像展示） ‧多媒體網頁設計（嵌入YouTube影片） ‧表格與AP元素（以Div標籤設計網頁相簿） ‧頁框與範本（使用範本建立網頁） ‧HTML5與CSS3（跨手機/平板與PC的流變格線版面） ‧擴充功能應用（加入Facebook按鈕） ‧Spry組件（Spry架構的相片展示） ‧伺服器與上傳網頁（網頁上傳與跨裝置網頁測試）
Dreamweaver CS6網頁製作比你想的簡單：Html 5 x CSS3 x Mobile x Facebook 超強全應用
書附光碟DVD*1網頁技術全面翻新，輕鬆操控HTML5、CSS3、jQuery的新應用，讓您的網站晉升到不同的層次。身為網頁設計師，面對客戶不同的需求，您可以有更快更好的解決辦法，本書不只是教你製作網站，更要提供專業創新的設計概念！超值加贈：全書影音教學＋完整範例檔＋獨家擴充應用程式如果你有以下問題，請立即翻開本書： •製作網站前千頭萬緒的資料要如何整理？ •想做出有設計感專業的網站到底要從何著手？ •如何在網站中加入吸引人的圖片展示、影片串流、音樂播放的特效？ •想要在網站中加入影音平台、社群互動卻一籌莫展？ •要怎麼製作出符合不同螢幕尺寸、跨平台的網頁？ •面對層出不窮的新技術，要用什麼軟體進行一次性的開發與維護？ Dreamweaver CS6能做的比你想得更多！絕不能錯過的精彩內容： •直上 HTML5 網頁開發不用學習程式碼 •CSS3 動人特效立刻套用不必等 •流變格線版面、媒體查詢應用解決不同螢幕尺寸的開發問題 •jQuery Mobile 無痛上手行動裝置網頁開發 •Facebook社群工具、GoogleMap網路地圖、Youtube 影音平台一次搞定 只學功能操作是無法獨立完成一個網站，本書將以一個完整的網站為範例架構，帶你從無到有打造出專業又實用的網站。不但要認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能，並能引導應用進階程式來完成更多網頁的特效。讓您在練習的過程中不僅學會軟體的功能，並可藉由範例引導昇華網頁製作的技巧。 1.雙效合一的影音教學：完整解說從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟，搭配書本內容及實例練習，依自己的學習節奏，不受時間地點的限制，讓學習的效果更加倍。 2.省時好用的擴充程式：將繁雜的程入碼輸入過程化為對話方塊的選項，輕鬆設定即可完成許多實用的功能：社群推文按鈕、隨機顯示照片、加入Youtube線上影片。 3.HTML5、CSS3全範例導引：不用艱深的程式碼去說明新技術，做就對了！利用範例帶您領略HTML5與CSS3的全新魅力，製作出CP值超高的新網頁。 4.Widget Browser應用：將過去複雜的程式設定化繁為簡，在網頁上加入 GoogleMap 與天氣預報模組。 5.Facebook 社群工具的導入：走出網站經營的寂寞，用力的擁抱您的粉絲。加入Facebook的社群工具，讓網站增添滿滿的人氣！ 6.跨平台的網頁開發：不再只有桌面瀏覽，帶領您開發出能在平板電腦與智慧型手機上使用的網站，全面進入行動式裝置的應用。 7.自我練習檢視學習進度：提供全書範例檔及習作檔讓你跟著書籍步驟建置完整網站並可檢視學習進度。
【電子書】Dreamweaver CS6網頁製作比你想的簡單：Html 5╳CSS3╳Mobile╳Facebook 超強全應用
書附光碟DVD*1網頁技術全面翻新，輕鬆操控HTML5、CSS3、jQuery的新應用，讓您的網站晉升到不同的層次。身為網頁設計師，面對客戶不同的需求，您可以有更快更好的解決辦法，本書不只是教你製作網站，更要提供專業創新的設計概念！超值加贈：全書影音教學＋完整範例檔＋獨家擴充應用程式如果你有以下問題，請立即翻開本書： •製作網站前千頭萬緒的資料要如何整理？ •想做出有設計感專業的網站到底要從何著手？ •如何在網站中加入吸引人的圖片展示、影片串流、音樂播放的特效？ •想要在網站中加入影音平台、社群互動卻一籌莫展？ •要怎麼製作出符合不同螢幕尺寸、跨平台的網頁？ •面對層出不窮的新技術，要用什麼軟體進行一次性的開發與維護？ Dreamweaver CS6能做的比你想得更多！絕不能錯過的精彩內容： •直上 HTML5 網頁開發不用學習程式碼 •CSS3 動人特效立刻套用不必等 •流變格線版面、媒體查詢應用解決不同螢幕尺寸的開發問題 •jQuery Mobile 無痛上手行動裝置網頁開發 •Facebook社群工具、GoogleMap網路地圖、Youtube 影音平台一次搞定 只學功能操作是無法獨立完成一個網站，本書將以一個完整的網站為範例架構，帶你從無到有打造出專業又實用的網站。不但要認識網頁設計觀念、網站開發流程及規劃、軟體的使用與全新功能，並能引導應用進階程式來完成更多網頁的特效。讓您在練習的過程中不僅學會軟體的功能，並可藉由範例引導昇華網頁製作的技巧。 1.雙效合一的影音教學：完整解說從專案規劃、資料收集、網頁製作、網站上傳與推廣維護各個重要階段步驟，搭配書本內容及實例練習，依自己的學習節奏，不受時間地點的限制，讓學習的效果更加倍。 2.省時好用的擴充程式：將繁雜的程入碼輸入過程化為對話方塊的選項，輕鬆設定即可完成許多實用的功能：社群推文按鈕、隨機顯示照片、加入Youtube線上影片。 3.HTML5、CSS3全範例導引：不用艱深的程式碼去說明新技術，做就對了！利用範例帶您領略HTML5與CSS3的全新魅力，製作出CP值超高的新網頁。 4.Widget Browser應用：將過去複雜的程式設定化繁為簡，在網頁上加入 GoogleMap 與天氣預報模組。 5.Facebook 社群工具的導入：走出網站經營的寂寞，用力的擁抱您的粉絲。加入Facebook的社群工具，讓網站增添滿滿的人氣！ 6.跨平台的網頁開發：不再只有桌面瀏覽，帶領您開發出能在平板電腦與智慧型手機上使用的網站，全面進入行動式裝置的應用。 7.自我練習檢視學習進度：提供全書範例檔及習作檔讓你跟著書籍步驟建置完整網站並可檢視學習進度。
