網頁美編的救星!零基礎也能看得懂的 HTML & CSS 網頁設計
內容描述
內容介紹:
★★★★★日本暢銷 NO.1 的網頁設計書!
榮登日本亞馬遜、丸善、淳久堂、蔦屋書店「網頁設計書」銷售冠軍!
想學做網頁,可是完全不會寫程式,也不知道什麼叫 HTML 和 CSS,市面上的網頁設計書你都看不懂……,先不要放棄!來看看這本!
★本書是專為美術編輯 / 視覺設計師 / 零基礎素人打造的網頁教學書!
你是否有這樣的煩惱?身為公司的設計人員,難免需要做商品網頁,但是由於沒有程式基礎,只好用繪圖軟體依樣畫葫蘆,完成的網頁常常出問題,例如字體跑掉了、在手機上變形了、背景圖不見了……。
你也想學好網頁,但是去看市面上的網頁設計書,都是工程師寫的,劈頭就叫你開始寫語法,那些外星文誰看得懂啊?(哭)
本書作者 Mana 目前是資深的網頁設計師,其實她剛出社會時也是從事美編的工作,因此深知「美編學網頁」可能會遇到的種種挫折。Mana 多年來持續將研究網頁的心得整理在部落格,讓許多初學者因此受惠,她也因此榮獲日本「 Alpha Blogger」( 最有影響力部落格)大獎。為了幫助更多想學習的人,她把珍貴的學習心得整理成這本書,就是想幫助零基礎又想學好網頁的你!
★本書不教高深的網頁技術,只想幫你打好基礎,學會必備的觀念和語法!
為了幫初學者進入狀況,本書的前三章會仔細地講解觀念,帶你學會必備的觀念和語法。第一章會說明網站是怎麼運作?設計網站的時候該做哪些事?接著再以兩章的篇幅,一個字一個字帶著你認識 HTML 和 CSS 原始碼。作者教的都是網站最常用的基本語法,並帶著你反覆練習,讓你慢慢熟悉寫法和規則、不再看到程式碼就恐懼。
★從零開始,帶你架設一個漂亮的咖啡店網站!
學了基礎當然要活用,本書的後半部,就以一個專業的【咖啡店網站】實例,帶著你從零開始做起。只要跟著練習,你就能慢慢做出這個簡單漂亮的網站,並在過程中學會製作各種常用的功能,例如:【全螢幕網頁】、【兩欄式網頁】、【磚牆式網頁】、【聯絡我們】、【載入 Google 地圖】…等。這些實用的技巧,未來都能活用在你自己做的網頁中喔!
本書特色:
★市面上第一本「設計師手把手教你做網頁」的製作秘笈!
★網頁美編的救星,網頁初學者的燈塔,日本鄉民一致推薦的網頁設計好書!
【讓你搞懂架設網站的基本知識】
網站裡需要那些網頁?網頁上面要放什麼?帶你了解架設網站的準備工作
【幫你建立 HTML 和 CSS 的基本知識】
HTML 是什麼?CSS 又是什麼?不用怕,本書從最簡單的標籤開始講解!
【帶你設計目前最流行的網頁 Layout】
每次看到別人的網站很炫,都覺得自己一定做不出來嗎?本書將從零開始,帶你做出各種流行的網頁版面,有充滿震撼力的全螢幕網頁、資訊豐富的兩欄式網頁、像 IG 一樣展示照片的磚牆式網頁,你都能跟著做出來!
【附錄整理常用的標籤和屬性】
為了怕你學一學就忘記,本書最後面整理了常用 HTML 標籤表和 CSS 屬性表,幫助你隨時翻閱、查詢用法,感覺超實用!
目錄大綱
目錄:
CH01-想做網站必須先搞懂的重點!架設網站的基本知識
CH02-建立網站的基本結構!HTML 的基本知識
CH03-開始設計網站!CSS 的基本知識
CH04-製作全螢幕網頁
CH05-製作兩欄式網頁
CH06-製作磚牆式網頁
CH07-使用外部媒體
附錄 A 常用的 HTML 標籤
附錄 B 常用的 CSS 屬性
作者介紹
Mana
曾在日本擔任平面設計師二年,之後赴加拿大進修,畢業於溫哥華的某所網頁製作學校。曾在加拿大、澳洲、英國的企業擔任網頁設計師,現在於日本全國各地參與和網頁相關的研討會,以網頁製作講師的身份從事教育工作。部落格「Web CreatorBox」在 2010 年榮獲日本「 Alpha Blogger」( 最有影響力部落格)大獎。
相關網站
Mana's Portfolio Website … http://www.webcreatormana.com
Web Creator Box … https://www.webcreatorbox.com
SNS
Facebook(Web Creator Box) … https://www.facebook.com/webcreatorbox.fb
Twitter (Web Creator Box) … https://twitter.com/webcreatorbox
Twitter (個人)...... https://twitter.com/chibimana
■ 譯者簡介
吳嘉芳
東吳大學日文系畢,曾任職知名日商,現為專職日文譯者。
譯有:《Excel Power Pivot:免VBA,也能讓Excel自動統計、分析資料》、《決心打底!Python 深度學習基礎養成》、《創造爆紅商品的企劃地圖:按圖索驥,排除盲點,精準擊中消費需求》、《Photoshop設計好入門(CC適用)》、《圖解Fintech的知識與技術》、《Photoshop & Illustrator設計超入門(CC/CS6適用)》、《秒懂PPT魅力簡報製作技巧》、《A-Life 使用Python實作人工生命模型》、《圖解LAYOUT:33 種版面設計圖解,新手也能學會!》... 等書。