一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
訂閱我們
一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
訂閱我們
沒有結果
檢視所有結果
一塊設計 | apo design - 設計共筆部落格
沒有結果
檢視所有結果
Home 設計生活提案 設計選書

前端入門選書:HTML&CSS 網站設計建置優化之道

in 設計選書
by Shuan Wen
1 月 27,2021
2 min read

內容目錄

  • 特色1:從 0 起步,沒基礎也能上手
  • 特色2:活潑的編排,讓 coding 變有趣
  • 特色3:仔細說明每個 code 的用意,並即時演示
  • 特色4:每單元最後都有重點整理,確認觀念吸收

今天來推薦一本帶我初探前端的書籍:HTML&CSS 網站設計建置優化之道
雖然這本書已出版 8 年了,對於初學者還是非常適合且友善的!


它能帶你:

  • 建構網頁程式基本邏輯
  • 了解 HTML 和 CSS,並做簡單的運用
  • 讓你從不排斥程式語言開始,對它有個好印象

適合對象:

  • 對網頁程式 0 基礎的初學者
  • 需要圖文並茂才能閱讀的讀者
  • 對程式語言感到恐懼,卻想嘗試看看的設計師

本書的前半部講解 HTML,後半部講解 CSS,以建構基礎觀念和邏輯開始,並帶入實際運用。這邊不會說明太多那書中的內容,會以設計師的角度出發,介紹書籍特色,很適合像我一樣,剛開始非常害怕程式語言的人看看,它就像本故事書,沒有艱深的文字說明,不知不覺就會讀完~



特色1:從 0 起步,沒基礎也能上手

我自己也是在完全沒基礎的狀態下開始閱讀的,必須說,對設計師來說,挑對程式語言的第一本書籍或課程,真的很!重!要!這會決定你接下來對它的好感度,如果一開始挑了一本艱澀難懂的書就可以先跟它說掰掰了~(之後會再寫一篇線上課程推薦)

書中會先幫助你建立網站基礎架構,延伸到 HTML 和 CSS 之於網站的意義及必要性,再加上實作呈現,學習效果不輸給動態的線上課程。

特色2:活潑的編排,讓 coding 變有趣

Coding 最有趣之處,是能用一行行的文字創造各種視覺特效,不過許多設計師們在還沒看到成果前,就先被這堆程式碼淹沒了 QQ

書裡運用了很多視覺化的排版來解說,搭配著圖片,讓程式語言變得不這麼嚴肅。也將程式邏輯用圖像式呈現,能像閱讀故事一樣的去理解。

特色3:仔細說明每個 code 的用意,並即時演示

這對於稍微有點基礎的學習者來說可能有點多餘,畢竟寫程式都是邊寫邊查,不太會從頭學習每個 CSS 屬性或 HTML 標籤,不過初學者如果能先都讀過一遍(記不起來也沒關係),之後進入實作階段會容易上手很多!不會覺得每行 code 怎麼都這麼陌生。

書中貼心的將 CSS、HTML 和實際畫面用不同區塊呈現,並拆開來講解,能清楚理解 HTML 與 CSS 如何搭配應用,創造不同效果。

特色4:每單元最後都有重點整理,確認觀念吸收

重點回顧對於我這種常常讀完就忘的人來說太重要了!尤其在初學階段,對程式語言的熟悉度低,很容易只是讀完不是讀懂。

小缺點:缺少 RWD 觀念

RWD 的觀念在設計和程式上都息息相關,雖然已普遍了許多年,當時 0 基礎的我還是不知道 RWD 觀念的重要性,變成前端學到一半插入新觀念,才發現,疑~怎麼不一開始就一起學呢!
身邊不管是學習程式語言或 UI/UX 設計的朋友,我都會建議從起步就開始建立 RWD 觀念,會省力很多。
書籍中比較注重在說明 HTML 和 CSS 本身的運用,沒有太多 RWD 觀念。

總結

我從大四開始自學前端,閱讀這本書時我也沒有開始「寫」,是先單純閱讀。
讀者可以輕鬆的閱讀,如果這本書讀起來也覺得吃力,那就建議找實體課程或上網找老師手把手教學,才能即時回答各種疑惑囉~

Tags: 設計選書
ShareShareShare
Shuan Wen

Shuan Wen

身兼網頁設計師與前端工程師,但熱愛設計多一點。

上一篇文章

5 個靈感滿滿的介面設計參考網站分享

下一篇文章

讓我們善用 Illustrator 段落設定小技巧

相關文章

一塊讀書 – 設計的心理學 | 第 1 章 日常事物的精神病理學

一塊讀書 – 設計的心理學 | 第 1 章 日常事物的精神病理學

by Niki
8 月 10,2021

由商業周刊評選爲世界最具影響力設計師之一 - Donald A. Norman 所撰寫的設計的心理,一直是我們團隊的待看書單,這次非常開心 Debby 發啟了這...

Back to List

一塊特別企劃

一塊特別企劃|設計師問與答 Part2

一塊特別企劃|設計師問與答
連結至一塊設計 facebook 專頁

標籤

Adobe Xd (3) B2B (1) COVID19 (1) designer (2) design tool (3) Figma (4) functional map (1) HTML (2) illustrator (1) UI (27) UX (19) web design (1) Wordpress (2) 一塊特別企劃 (3) 字體 (7) 無障礙網站 (5) 產品設計 (2) 筆記 (4) 經驗分享 (27) 網頁設計 (21) 設計問答Part2 (3) 設計師問答 (1) 設計選書 (2) 課程心得 (1) 講座 (2) 購物流程 (1) 週年企劃 (5) 遠端工作 (2) 電子報 (1) 靈感 (6)
一塊設計 a piece of design

聯絡我們

任何合作或問題請洽:
info@apodesign.tw

  • 服務條款
  • 隱私權政策

Follow us

Copyright © 2020 apodesign.tw All Rights Reserved.

沒有結果
檢視所有結果
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書