網頁美編的救星！零基礎也能看得懂的 HTML & CSS 網頁設計

★★★★★日本暢銷 NO.1 的網頁設計書！
榮登日本亞馬遜、丸善、淳久堂、蔦屋書店「網頁設計書」銷售冠軍！

想學做網頁，可是完全不會寫程式，也不知道什麼叫 HTML 和 CSS，市面上的網頁設計書你都看不懂……，先不要放棄！來看看這本！

★本書是專為美術編輯 / 視覺設計師 / 零基礎素人打造的網頁教學書！

你是否有這樣的煩惱？身為公司的設計人員，難免需要做商品網頁，但是由於沒有程式基礎，只好用繪圖軟體依樣畫葫蘆，完成的網頁常常出問題，例如字體跑掉了、在手機上變形了、背景圖不見了……。
你也想學好網頁，但是去看市面上的網頁設計書，都是工程師寫的，劈頭就叫你開始寫語法，那些外星文誰看得懂啊？(哭)

本書作者 Mana 目前是資深的網頁設計師，其實她剛出社會時也是從事美編的工作，因此深知「美編學網頁」可能會遇到的種種挫折。Mana 多年來持續將研究網頁的心得整理在部落格，讓許多初學者因此受惠，她也因此榮獲日本「 Alpha Blogger」（ 最有影響力部落格）大獎。為了幫助更多想學習的人，她把珍貴的學習心得整理成這本書，就是想幫助零基礎又想學好網頁的你！

★本書不教高深的網頁技術，只想幫你打好基礎，學會必備的觀念和語法！

為了幫初學者進入狀況，本書的前三章會仔細地講解觀念，帶你學會必備的觀念和語法。第一章會說明網站是怎麼運作？設計網站的時候該做哪些事？接著再以兩章的篇幅，一個字一個字帶著你認識 HTML 和 CSS 原始碼。作者教的都是網站最常用的基本語法，並帶著你反覆練習，讓你慢慢熟悉寫法和規則、不再看到程式碼就恐懼。

★從零開始，帶你架設一個漂亮的咖啡店網站！

學了基礎當然要活用，本書的後半部，就以一個專業的【咖啡店網站】實例，帶著你從零開始做起。只要跟著練習，你就能慢慢做出這個簡單漂亮的網站，並在過程中學會製作各種常用的功能，例如：【全螢幕網頁】、【兩欄式網頁】、【磚牆式網頁】、【聯絡我們】、【載入 Google 地圖】…等。這些實用的技巧，未來都能活用在你自己做的網頁中喔！
本書特色:
★市面上第一本「設計師手把手教你做網頁」的製作秘笈！
★網頁美編的救星，網頁初學者的燈塔，日本鄉民一致推薦的網頁設計好書！

【讓你搞懂架設網站的基本知識】
網站裡需要那些網頁？網頁上面要放什麼？帶你了解架設網站的準備工作

【幫你建立 HTML 和 CSS 的基本知識】
HTML 是什麼？CSS 又是什麼？不用怕，本書從最簡單的標籤開始講解！

【帶你設計目前最流行的網頁 Layout】
每次看到別人的網站很炫，都覺得自己一定做不出來嗎？本書將從零開始，帶你做出各種流行的網頁版面，有充滿震撼力的全螢幕網頁、資訊豐富的兩欄式網頁、像 IG 一樣展示照片的磚牆式網頁，你都能跟著做出來！

【附錄整理常用的標籤和屬性】
為了怕你學一學就忘記，本書最後面整理了常用 HTML 標籤表和 CSS 屬性表，幫助你隨時翻閱、查詢用法，感覺超實用！

Mana
曾在日本擔任平面設計師二年，之後赴加拿大進修，畢業於溫哥華的某所網頁製作學校。曾在加拿大、澳洲、英國的企業擔任網頁設計師，現在於日本全國各地參與和網頁相關的研討會，以網頁製作講師的身份從事教育工作。部落格「Web CreatorBox」在 2010 年榮獲日本「 Alpha Blogger」（ 最有影響力部落格）大獎。

譯者簡介　
吳嘉芳　　
東吳大學日文系畢，曾任職知名日商，現為專職日文譯者。
譯有：《Excel Power Pivot：免VBA，也能讓Excel自動統計、分析資料》、《決心打底！Python 深度學習基礎養成》、《創造爆紅商品的企劃地圖：按圖索驥，排除盲點，精準擊中消費需求》、《Photoshop設計好入門(CC適用)》、《圖解Fintech的知識與技術》、《Photoshop & Illustrator設計超入門(CC/CS6適用)》、《秒懂PPT魅力簡報製作技巧》、《A-Life 使用Python實作人工生命模型》、《圖解LAYOUT：33 種版面設計圖解，新手也能學會！》... 等書。

CH01-想做網站必須先搞懂的重點！架設網站的基本知識
CH02-建立網站的基本結構！HTML 的基本知識
CH03-開始設計網站！CSS 的基本知識
CH04-製作全螢幕網頁
CH05-製作兩欄式網頁
CH06-製作磚牆式網頁
CH07-使用外部媒體

附錄 A 常用的 HTML 標籤
附錄 B 常用的 CSS 屬性