





網頁美編的救星! 零基礎也能看得懂的HTML & CSS網頁設計
1冊ですべて身につくHTML & CSSとWebデザイン入門講座
79
550434
查詢門市庫存
★市面上第一本「設計師手把手教你做網頁」的製作秘笈!
★網頁美編的救星,網頁初學者的燈塔,日本鄉民一致推薦的網頁設計好書!
★網頁美編的救星,網頁初學者的燈塔,日本鄉民一致推薦的網頁設計好書!
內容簡介
★★★★★日本暢銷 NO.1 的網頁設計書!
榮登日本亞馬遜、丸善、淳久堂、蔦屋書店「網頁設計書」銷售冠軍!
想學做網頁,可是完全不會寫程式,也不知道什麼叫 HTML 和 CSS,市面上的網頁設計書你都看不懂……,先不要放棄!來看看這本!
★本書是專為美術編輯 / 視覺設計師 / 零基礎素人打造的網頁教學書!
你是否有這樣的煩惱?身為公司的設計人員,難免需要做商品網頁,但是由於沒有程式基礎,只好用繪圖軟體依樣畫葫蘆,完成的網頁常常出問題,例如字體跑掉了、在手機上變形了、背景圖不見了……。
你也想學好網頁,但是去看市面上的網頁設計書,都是工程師寫的,劈頭就叫你開始寫語法,那些外星文誰看得懂啊?(哭)
本書作者 Mana 目前是資深的網頁設計師,其實她剛出社會時也是從事美編的工作,因此深知「美編學網頁」可能會遇到的種種挫折。Mana 多年來持續將研究網頁的心得整理在部落格,讓許多初學者因此受惠,她也因此榮獲日本「 Alpha Blogger」( 最有影響力部落格)大獎。為了幫助更多想學習的人,她把珍貴的學習心得整理成這本書,就是想幫助零基礎又想學好網頁的你!
★本書不教高深的網頁技術,只想幫你打好基礎,學會必備的觀念和語法!
為了幫初學者進入狀況,本書的前三章會仔細地講解觀念,帶你學會必備的觀念和語法。第一章會說明網站是怎麼運作?設計網站的時候該做哪些事?接著再以兩章的篇幅,一個字一個字帶著你認識 HTML 和 CSS 原始碼。作者教的都是網站最常用的基本語法,並帶著你反覆練習,讓你慢慢熟悉寫法和規則、不再看到程式碼就恐懼。
★從零開始,帶你架設一個漂亮的咖啡店網站!
學了基礎當然要活用,本書的後半部,就以一個專業的【咖啡店網站】實例,帶著你從零開始做起。只要跟著練習,你就能慢慢做出這個簡單漂亮的網站,並在過程中學會製作各種常用的功能,例如:【全螢幕網頁】、【兩欄式網頁】、【磚牆式網頁】、【聯絡我們】、【載入 Google 地圖】…等。這些實用的技巧,未來都能活用在你自己做的網頁中喔!
本書特色:
★市面上第一本「設計師手把手教你做網頁」的製作秘笈!
★網頁美編的救星,網頁初學者的燈塔,日本鄉民一致推薦的網頁設計好書!
【讓你搞懂架設網站的基本知識】
網站裡需要那些網頁?網頁上面要放什麼?帶你了解架設網站的準備工作
【幫你建立 HTML 和 CSS 的基本知識】
HTML 是什麼?CSS 又是什麼?不用怕,本書從最簡單的標籤開始講解!
【帶你設計目前最流行的網頁 Layout】
每次看到別人的網站很炫,都覺得自己一定做不出來嗎?本書將從零開始,帶你做出各種流行的網頁版面,有充滿震撼力的全螢幕網頁、資訊豐富的兩欄式網頁、像 IG 一樣展示照片的磚牆式網頁,你都能跟著做出來!
【附錄整理常用的標籤和屬性】
為了怕你學一學就忘記,本書最後面整理了常用 HTML 標籤表和 CSS 屬性表,幫助你隨時翻閱、查詢用法,感覺超實用!
榮登日本亞馬遜、丸善、淳久堂、蔦屋書店「網頁設計書」銷售冠軍!
想學做網頁,可是完全不會寫程式,也不知道什麼叫 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 屬性
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 種版面設計圖解,新手也能學會!》... 等書。
曾在日本擔任平面設計師二年,之後赴加拿大進修,畢業於溫哥華的某所網頁製作學校。曾在加拿大、澳洲、英國的企業擔任網頁設計師,現在於日本全國各地參與和網頁相關的研討會,以網頁製作講師的身份從事教育工作。部落格「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 種版面設計圖解,新手也能學會!》... 等書。
規格
誠品貨碼 / 2681975399009
ISBN13 / 9789863126287
ISBN10 / 9863126284
EAN貨碼 / 9789863126287
頁數 / 288
開數 / 18K
注音版 / 否
裝訂 / P:平裝
語言 / 1:中文/繁體
尺寸 / 23X17X1.7CM
級別 / N:無
退貨說明
退貨須知:
- 依照消費者保護法的規定,您享有商品貨到次日起七天猶豫期(含例假日)的權益(請注意!猶豫期非試用期),辦理退貨之商品必須是全新狀態(不得有刮傷、破損、受潮)且需完整(包含全部商品、配件、原廠內外包裝、贈品及所有附隨文件或資料的完整性等)。
- 請您以送貨廠商使用之包裝紙箱將退貨商品包裝妥當,若原紙箱已遺失,請另使用其他紙箱包覆於商品原廠包裝之外,切勿直接於原廠包裝上黏貼紙張或書寫文字。若原廠包裝損毀將可能被認定為已逾越檢查商品之必要程度,本公司得依毀損程度扣除回復原狀必要費用(整新費)後退費;請您先確認商品正確、外觀可接受,再行拆封,以免影響您的權利;若為產品瑕疵,本公司接受退貨。
依「通訊交易解除權合理例外情事適用準則」,下列商品不適用七日猶豫期,除產品本身有瑕疵外,不接受退貨:
- 易於腐敗、保存期限較短或解約時即將逾期。(如:生鮮蔬果、乳製品、冷凍冷藏食材、蛋糕)
- 依消費者要求所為之客製化給付。(如:客製印章、鋼筆刻字)
- 報紙、期刊或雜誌。
- 經消費者拆封之影音商品或電腦軟體。
- 非以有形媒介提供之數位內容或一經提供即為完成之線上服務,經消費者事先同意始提供。(如:電子書)
- 已拆封之個人衛生用品。(如:內衣褲、襪類、褲襪、刮鬍刀、除毛刀等貼身用品)
- 國際航空客運服務。
若您退貨時有下列情形,可能被認定已逾越檢查商品之必要程度而須負擔為回復原狀必要費用(整新費),或影響您的退貨權利,請您在拆封前決定是否要退貨:
- 以數位或電磁紀錄形式儲存或著作權相關之商品(包含但不限於CD、VCD、DVD、電腦軟體等) 包裝已拆封者(除運送用之包裝以外)。
- 耗材(包含但不限於墨水匣、碳粉匣、紙張、筆類墨水、清潔劑補充包等)之商品包裝已拆封者(除運送用之包裝以外)。
- 衣飾鞋類/寢具/織品(包含但不限於衣褲、鞋子、襪子、泳裝、床單、被套、填充玩具)或之商品缺件(含購買商品、附件、內外包裝、贈品等)或經剪標或下水或商品有不可回復之髒污或磨損痕跡。
- 食品、美容/保養用品、內衣褲等消耗性或個人衛生用品、商品銷售頁面上特別載明之商品已拆封者(除運送用之包裝外一切包裝、包括但不限於瓶蓋、封口、封膜等接觸商品內容之包裝部分)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 家電、3C、畫作、電子閱讀器等商品,除商品本身有瑕疵外,退回之商品已拆封(除運送用之包裝外一切包裝、包括但不限於封膜等接觸商品內容之包裝部分、移除封條、拆除吊牌、拆除貼膠或標籤等情形)或已非全新狀態(外觀有刮傷、破損、受潮等)與包裝不完整(缺少商品、附件、原廠外盒、保護袋、配件紙箱、保麗龍、隨貨文件、贈品等)。
- 退貨程序請參閱【客服專區→常見問題→誠品線上退貨退款】之說明。
付款/配送



