★★★★★日本暢銷突破 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 下載方式說明)
Amazon 讀者好評節錄
★「就算你已經買過兩三本 HTML 書,也可以再看看這本」
我已經學過 HTML/CSS了,但我實在太不熟了,以至於我在用不到的時候就會馬上忘光,需要的時候又跑去買書,這是我第三次買書了。這本書很適合我這樣的初學者,它寫得非常仔細,我在看其他書時都有些反覆看仍無法理解的地方,這本書可以幫助我理解。另外它有針對 Flexbox 和 CSS 格線佈局的練習,我也覺得很實用,讀了有幫助我理解。
全書穿插著可愛的水豚插畫,我覺得這讓我輕鬆多了,讀起來比較不會痛苦。因此我對本書非常滿意。
★「我被可愛的圖片騙進來了……不過結果是好的方面啦」
我讀過很多網頁語法的書了,但我實在無法擺脫討厭和不想學的感覺。但如果是這本書我就會想買。
我買這本書是因為它在 SNS 上的評價很好,讀了以後的感覺是,可以學到如何把 PC 網站變成一個手機版網站,反之亦然。我從來沒有寫過以手機瀏覽為優先的語法,這是個體驗的好機會。另外,全書穿插可愛的水豚圖片,讀起來感覺很輕鬆。這本書雖然有輕鬆可愛的插圖,內容可是很紮實的喔!
怎樣都學不會 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 下載方式說明)
Amazon 讀者好評節錄
★「就算你已經買過兩三本 HTML 書,也可以再看看這本」
我已經學過 HTML/CSS了,但我實在太不熟了,以至於我在用不到的時候就會馬上忘光,需要的時候又跑去買書,這是我第三次買書了。這本書很適合我這樣的初學者,它寫得非常仔細,我在看其他書時都有些反覆看仍無法理解的地方,這本書可以幫助我理解。另外它有針對 Flexbox 和 CSS 格線佈局的練習,我也覺得很實用,讀了有幫助我理解。
全書穿插著可愛的水豚插畫,我覺得這讓我輕鬆多了,讀起來比較不會痛苦。因此我對本書非常滿意。
★「我被可愛的圖片騙進來了……不過結果是好的方面啦」
我讀過很多網頁語法的書了,但我實在無法擺脫討厭和不想學的感覺。但如果是這本書我就會想買。
我買這本書是因為它在 SNS 上的評價很好,讀了以後的感覺是,可以學到如何把 PC 網站變成一個手機版網站,反之亦然。我從來沒有寫過以手機瀏覽為優先的語法,這是個體驗的好機會。另外,全書穿插可愛的水豚圖片,讀起來感覺很輕鬆。這本書雖然有輕鬆可愛的插圖,內容可是很紮實的喔!
