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

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

  • 定價:550
  • 優惠價:79434
  • 優惠期限:2024年04月09日止
  • 運送方式:
  • 臺灣與離島
  • 海外
  • 可配送點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 可取貨點:台灣、蘭嶼、綠島、澎湖、金門、馬祖
  • 台北、新北、基隆宅配快速到貨(除外地區)
載入中...
  • 分享
 

內容簡介

★★★★★日本暢銷 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 …www.webcreatormana.com
  Web Creator Box … www.webcreatorbox.com
  SNS
  Facebook(Web Creator Box) … www.facebook.com/webcreatorbox.fb
  Twitter (Web Creator Box) … twitter.com/webcreatorbox
  Twitter (個人)...... 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 屬性
 
 

詳細資料

  • ISBN:9789863126287
  • 規格:平裝 / 288頁 / 17 x 23 x 1.7 cm / 普通級 / 全彩印刷 / 初版
  • 出版地:台灣

會員評鑑

4.5
5人評分
|
5則書評
|
立即評分
user-img
5
|
2022/07/08
這本書真的很適合初學者,步驟詳細,範例程式碼完整,只要跟著步驟可以做出一個範例網頁,很有成就感
非常推薦
展開
user-img
4
|
2022/05/03
適合非本科、剛入門新手 閱讀,內容整理的比較好理解
HTML和CSS程式碼 也整理好,並解釋含意
排版 很好閱讀
推薦給想入門 寫網頁製作新手
展開
user-img
5
|
2021/08/30
這本就是從HTML開始講 重點式的講說一些構出漂亮網頁的語法有哪些。
然後有講到CSS再加上去的變化,一樣講實用的語法這樣。
並在後頭放幾個他寫很漂亮的demo,並一一帶領讀者把這些demo寫出來。

這本書最難得的地方就是非常適合新手閱讀的編排,以往教學書都是寫整堆的語法並列出功能輸出結果而已,在這本的後面完美的使用前面基礎語法並很好組合出很漂亮美觀的網頁。
原本我在閱讀其他HTML書籍會有一種,我寫出來的網頁跟網路上現有網頁差超多,書本超落伍的那種想法,在這本中完全不會有。

原文是日文可是在這本上中文化的非常完美,demo都有專程轉成中文字且美觀。如果不是少許介紹有截圖到日文街道圖案,我還真的沒看出是日文書籍翻譯而來。

優點:
範例很漂亮、教的東西都很實用、從最基礎的網頁夠出漂亮的網頁的流程比較容易了解那些功能是重要好用的。
內容還有講到整個網頁的設計流程,哪樣的網頁設計比較吸引人。

缺點:
語法功能沒有介紹的那麼齊,甚至是後面demo才突然講到的方法,需要其他工具書來補齊。
展開
user-img
5
|
2021/04/26
如書名
這本書一步一步教讀者從最基本的HTML和CSS的知識到後面的網頁實作
就算是零基礎的初學者也能很快得到成就感並且從中獲得興趣
對想自己製作網站或對前端工作有興趣的人是很推薦的一本入門書
展開
user-img
5
|
2021/02/28
這本書真的如副標題「零基礎也能看得懂的」的入門書。
彩色書圖文並茂,內容安排深入淺出,說明清淅沒有多餘廢話,都是進入實務的重要基礎,非常好閱讀。
我是預購,就是想學習第四章後全螢幕、兩欄式及網格式網頁的設計實務。也按例子全部實作完成,果然不負所望。
推薦給想入門網頁設計,又能按書循序設計出網頁實務的人。
展開

最近瀏覽商品

 

相關活動

  • 以學術為錨,定位深度思考邏輯。文學│史地│社科 精選3本72折
 

購物說明

若您具有法人身份為常態性且大量購書者,或有特殊作業需求,建議您可洽詢「企業採購」。 

退換貨說明 

會員所購買的商品均享有到貨十天的猶豫期(含例假日)。退回之商品必須於猶豫期內寄回。 

辦理退換貨時,商品必須是全新狀態與完整包裝(請注意保持商品本體、配件、贈品、保證書、原廠包裝及所有附隨文件或資料的完整性,切勿缺漏任何配件或損毀原廠外盒)。退回商品無法回復原狀者,恐將影響退貨權益或需負擔部分費用。 

訂購本商品前請務必詳閱商品退換貨原則 

  • 共和國截止加碼
  • 天下雜誌
  • 時報全書系