★★★★★日本暢銷突破 3 萬冊！史上最可愛的網頁設計書來啦！

怎樣都學不會 HTML 和 CSS？別放棄，跟著可愛的水豚君一起學習吧！

現在人人都需要在網路上自我宣傳和賣東西，做個網站來推銷自己或產品，似乎是必備的技能。

如果想學做網頁，大家都說一定要學 HTML 和 CSS，但我們不是資訊背景出身，看那些程式碼好像看外星文，怎麼學都記不起來，學了一堆標籤最後只會寫 「p」 和 「br」......。

如果你也是這樣，這本可愛的書應該可以讓你重拾學習的興趣！

【小水豚的故事】

本書的主角是一隻小水豚，他叫做阿藏（全名：水豚藏）。

阿藏平常在農場工作，有一天在超市遇到了女主角「水豚子」，令他心動不已！

貿然告白好像會嚇到人家，那不如來做個網站自我介紹吧？

水豚藏：可是我不會做網站啊啊啊！

於是小水豚決定拜託自己的好朋友：擔任前端工程師與網頁設計師的竹内夫婦，也就是本書的兩位作者。

本書就這樣，讓你跟著小水豚一起從零開始，走上網頁設計的學習之路。

第一個範例，是水豚的個人網站，把自己的 IG 和推特帳號集結成一頁，看起來好潮喔！

第二個範例，是水豚的農場部落格，透過文章讓對方更了解水豚的工作日常。

第三個範例，是水豚的婚禮邀請表單，因為水豚藏終於追到水豚子了！

第四個範例，是水豚餐廳網站，因為水豚夫婦決定開個美食餐廳。

做完這些範例，不只水豚得到美滿人生，身為讀者的我們也學到了超實用的網頁技術呢！

本書特色

★超可愛小水豚榮登日本各大書店排行榜！

★眾多初學者淚推：「真希望早點遇見這麼可愛的網頁設計書！」

【插畫風格輕鬆可愛，內容也是乾貨滿滿！】

★排版技巧最齊全：單欄式、兩欄式、彈性版面、格線佈局，各種版面都難不倒你

★手機電腦全適用：手機版、電腦版、RWD，不必煩惱該做哪一種，作者教你切換的秘訣

★圖解概念最好懂：初學者學到頭昏的 Box Model、margin、padding 概念，看圖就能懂

★最新技術你也會：實做 Flexbox、CSS 動畫、CSS 格線佈局等進階技巧，讓你跟上最新的網頁設計潮流

　【五大特色，拯救怎樣都學不會做網頁的你】

★最白話！跟你講人話，不講艱深術語，零基礎也能搞懂為什麼要這樣寫

★最漂亮！跟著書就能做出 4 個超美的範例網站

★最好懂！逐行逐字拆解程式碼給你看，原來 HTML 根本不困難

★最實務！帶你做出四大常見範例：個人網站、部落格、一頁式網站、多頁式網站，符合市場需求

★最可愛！全書穿插可愛的水豚吉祥物與趣味漫畫，讓你閱讀輕鬆無壓力

【四種超實用範例網站，看完這本書就能做出來】

★社群媒體入口網站

IG 簡介常見的個人 Link 網站，整合你的所有社群帳號，沒用過就落伍囉

★兩欄式網站：水豚農場部落格

想要架設部落格來寫文章，原來一點也不難

★一頁式網站：水豚的婚禮邀請

網路上最常見的一頁式網站，可以做表單也可以做購物網頁，用途超廣泛

★多頁式網站：水豚餐廳官網

想要架設具備豐富圖文的網站來展示商品？這個你一定要學會

【還有四大超值附錄免費下載】

★附錄 1 讓網站上線的方法（電子書）

★附錄 2 網頁設計備忘錄（CSS 格線佈局圖解、Flexbox 排版圖解、CSS 快速鍵對照表、CSS 簡寫速查表）

★附錄 3 實用網站大全（電子書）

★附錄 4 本書範例網站設計檔案（本書四大範例網站設計原始檔、Adobe XD 下載方式說明）