【 BOOK 步客二書 BOOK 】
★賣場非以營業為目的，無論是全新或是二手商品都請再三考慮在訂購，請不要造成彼此間困擾，謝謝
書籍出貨都是以pvc膜包覆在使用紙板，若多本會使用紙箱裝
pvc膜是為防水用，預防運送中外包裝被撕破若剛好下雨就有可能滲入，
紙板夾住是為固定書籍碰撞，紙板非全新紙板，但至少是乾淨的，請放心。
雖然您拆封時會覺得麻煩點，但小編是很用心地希望書籍都能安全的運送到您手上喔~
注 意 事 項 :
★ 考量包材成本，訂單金額滿百(不含運費)才會出貨
★ 賣場不會在依個人需求另外拍攝圖片
★ 書籍若有明顯瑕疵會拍攝圖片若有書寫會備註(若沒注意有畫記，敬請見諒)
★ 書籍書況大約檢測，外觀會擦拭，內頁無法每本每頁都確認是否有泛黃、書寫
★ 商品皆為實拍圖，如有色差敬請見諒，請以收到實品為主
★ 標明為二手書籍必定不可能書況如全新，難免有泛黃或髒汙等情況，可接受者再訂購
★ 書籍為自有或託售(賣場不收書)，部份書籍若有書套則不拆隨貨寄出
★ 部份書籍都維持良好書況，包含未翻閱、少數翻閱久放等等
★ 購賣二手書籍請謹慎考量是否符合所需再訂購喔
★ 因超商材積重量限制，若一次訂購較多本時請先詢問
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－簡 易 內 容－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
出版日：2022/11/28
簡易內容 :
．曾經學過HTML與CSS的基礎，想要進一步學習的人
．一路以來都是自學，想參考別人的程式碼的人
．想讓自己的程式碼變得更簡潔的人
．想知道常見的某個網頁設計該如何撰寫的人
有以上情況的人都可以在書中找到答案。
光是看到網頁設計
就知道該使用哪些HTML標籤與CSS語法
超直覺網頁設計書！
本書除了囊括能於網頁設計第一線應用的內容外，
也以「發想的轉換力」為題撰寫，幫助大家轉換創意與想法。
創意人員總是會思考眼前的東西是否有一些別出心裁的優點。
有些乍看之下無用的東西，只要「去除這個部分」或是「追加某個部分」，
就能轉換成最優質的資訊，這對製作網頁是不可或缺的技巧。
如果能將「因為圖示是利用圖片製作，所以沒辦法使用這段程式碼」
轉換成「就算是利用圖片製作的圖示，還是能使用其他更簡潔的程式碼」，
這些內容就有可能成為你最實用的資訊。
應用方面以網頁設計常見的類別分為：
「背景、圖片、照片裝飾」、
「標題與文字的裝飾」、
「版面編排」與「按鈕設計」，
也包含「聯絡我們表單」的介面該如何撰寫，
以及藏在Google搜尋結果頁面背後的結構化資料語法，
另外還會介紹一些方便網頁設計、網頁程式撰寫的網路服務。
如果大家掌握了這些技巧，就請試著尋找你心目中最棒的程式碼，
如此一來，你的創意也可能會無限放大。
目錄
Chapter 1 背景、圖片、照片裝飾
1 在照片下方鋪一層錯位的背景色
2 利用錯位的斜線背景裝飾照片
3 利用錯位的點狀背景裝飾照片
4 讓拍攝主體的陰影位移，藉此突顯拍攝主題
5 在照片套用斜線外框
6 在角落裝飾三角形
7 裁切邊角
8 讓標誌的白背景變成透明色
9 照片濾鏡
照片濾鏡 斜線
照片濾鏡 圓點
照片濾鏡
10 改變圖片的形狀
11 利用文字的形狀裁切圖片
Chapter 2 標題與文字的裝飾
1 標題
疊合雙色線的標題－偽元素
疊合雙色線的標題－linear-gradient
在左右兩側配置線條的標題
對話框式的標題
製作以手寫英文字母為背景的標題
搭配英文字母與線條的標題
搭配數字與線條的標題
裝飾簡單的標題
2 文字裝飾
像是螢光筆描繪的底線
強調每個文字
波浪線
背景色（box-decoration-break）
如同筆記本般的分割線
Chapter 3 按鈕設計
1 彼此錯開的斜線背景與背景色
2 彼此位移的框線與背景色
3 斜線框與背景色
4 漸層
5 背景色與線條
6 背景色、點與線條
7 背景色與簡潔有力的箭頭
8 在圓角矩形背景套用背景色與植入簡易版箭頭
9 背景色與箭頭
背景色與箭頭（外部連結）
10 背景色與新增視窗
11 在背景色與邊角加上三角箭頭
13 扭曲的圓形與簡易版箭頭
14 壓在圓形上面的文字與簡易版箭頭
15 圓與線
Chapter 4 版面編排
1 Flexbox版面編排
水平並列的版面
跨行水平並列的版面
全域導覽列
標頭編排
麵包屑列表
分頁導覽列版面
水平排列的內容的垂直居中對齊
讓水平並列的第偶數個內容採用不同的格式
表單版面
定義列表版面
只有卡片版面的按鈕靠下對齊
2 只有照片是滿版配置
3 Pinterest風格的卡片版面
4 時髦的上下左右置中配置
5 陽春版輪播版面
6 陽春版折疊式選單
Chapter 5 聯絡我們表單
1 限定聯絡之際的必要項目
2 讓輸入欄位的數量減至最低
3 根據內容拆解輸入欄位
姓名
地址
4 讓標籤與輸入欄位垂直排列
5 依照方便輸入的順序排列與分類欄位
6 根據郵遞區號自動輸入地址
7 表單自動填寫功能
8 依照輸入的內容指定type屬性
9 打造在智慧型手機顯示也容易點擊的設計
10 讓必填項目更容易辨識
11 在表單之外撰寫標籤、例句與補充內容
12 在每個項目配置錯誤訊息
13 利用HTML撰寫陽春版表單驗證功能
14 注意「送出」「修正」按鈕的設計與位置
15 增加聯絡方式
16 在感謝頁面刊載內容
Chapter 6 可於第一線使用的網頁工具以及素材網站
1 網頁工具
Beautiful CSS 3D Transform Examples
Generate Blobs
wordmark
Frontend Toolkit
Neumorphism.io
Griddy
2 照片
Pexels
Free Stock Photos – BURST
GIRLY DROP
O-DAN
3 插圖
soco-st
Loose Drawing
恰到好處的插圖
shigureni free illust
插圖導覽
Linustock
Open Peeps
Chapter 7 Google搜尋結果頁面的對策
1 在維護網站之際
2 報導資訊
3 麵包屑列表
4 常見問題
5 我的商家
ISBN：9786263296091
此商品暫時沒有評價