網頁美編的救星!零基礎也能看得懂的 HTML & CSS 網頁設計
Mana 著 吳嘉芳 譯
買這商品的人也買了...
-
CSS Secrets 中文版|解決網頁設計問題的有效秘訣 (CSS Secrets: Better Solutions to Everyday Web Design Problems)$680$537 -
最潮 HTML5 + CSS3 網頁版型設計 Standard Layout‧Grid Layout‧Single Page Layout$450$383 -
0 陷阱!0 誤解!8 天重新認識 JavaScript!(iT邦幫忙鐵人賽系列書)$550$468 -
$469Spark 實戰 -
設計師一定要學的 HTML5 ‧ CSS3 網頁設計手冊 - 零基礎也能看得懂、學得會$580$493 -
金魚都能懂的 CSS 選取器:金魚都能懂了你還怕學不會嗎(iT邦幫忙鐵人賽系列書)$560$437 -
最完整跨平台網頁設計:HTML + CSS + JavaScript + jQuery + Bootstrap + Google Maps (全彩印刷)$1,000$790 -
HTML5 ‧ CSS3 最強圖解實戰講座 【第二版】$620$490 -
WEB 網站的華麗冒險 -- HTML5 + CSS3 + jQuery -- 斜槓青年的網頁設計起手式$380$323 -
重新認識 Vue.js:008天絕對看不完的 Vue.js 3 指南$600$468 -
圖解 TCP/IP 網路通訊協定 (涵蓋IPv6)(2021修訂版)$620$490 -
Web 開發者一定要懂的駭客攻防術 (Web Security for Developers: Real Threats, Practical Defense)$420$332 -
前端三十:從 HTML 到瀏覽器渲染的前端開發者必備心法(iT邦幫忙鐵人賽系列書)$550$429 -
JavaScript 概念三明治:基礎觀念、語法原理一次帶走!(iT邦幫忙鐵人賽系列書)$600$468 -
圖解 SQL 查詢的基礎知識|以 MySQL 為例$520$411 -
設計師一定要學的 Bootstrap 5 RWD 響應式網頁設計 -- 行動優先的前端技術$580$458 -
完全自學!Go 語言 (Golang) 實戰聖經 (The Go Workshop: Learn to write clean, efficient code and build high-performance applications with Go)$880$695 -
HTML + CSS 網頁版面設計 -- 輕鬆寫語法 ‧ 快速修版型$580$493 -
CSS 視覺辭典 (CSS Visual Dictionary)$520$390 -
多元裝置時代的 UI/UX 設計法則:打造出讓使用者完美體驗的好用介面, 2/e$450$351 -
最完整跨平台網頁設計:HTML + CSS + JavaScript + jQuery + Bootstrap + Google Maps 王者歸來, 2/e (全彩印刷)$1,080$853 -
新觀念 PHP8 + MySQL + AJAX 網頁程式範例教本, 6/e$630$498 -
你所不知道的必學前端 Debug 技巧:即學即用!讓你 Debug 不求人 (iT邦幫忙鐵人賽系列書)$620$484 -
金魚都能懂的 CSS 必學屬性:網頁設計必備寶典(iT邦幫忙鐵人賽系列書)$720$562 -
小水豚教你做網站! 輕鬆學好 HTML / CSS 網頁設計$580$458
相關主題
商品描述
內容介紹:
★★★★★日本暢銷 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」( 最有影響力部落格)大獎。
相關網站
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 種版面設計圖解,新手也能學會!》... 等書。
目錄大綱
目錄:
CH01-想做網站必須先搞懂的重點!架設網站的基本知識
CH02-建立網站的基本結構!HTML 的基本知識
CH03-開始設計網站!CSS 的基本知識
CH04-製作全螢幕網頁
CH05-製作兩欄式網頁
CH06-製作磚牆式網頁
CH07-使用外部媒體
附錄 A 常用的 HTML 標籤
附錄 B 常用的 CSS 屬性






