登入
｜
註冊
｜
會員中心
｜
結帳
｜
培訓課程
魔法弟子
｜
自資出版
｜
電子書
｜
客服中心
｜
智慧型立体會員
書名
出版社
作者
isbn
編號
5050魔法眾籌
|
NG書城
|
國際級品牌課程
|
優惠通知
|
霹靂英雄音樂精選
|
jQuery網頁設計範例教學
此作者無相關書籍
文學小說
文學
｜
小說
商管創投
財經投資
｜
行銷企管
人文藝坊
宗教、哲學
社會、人文、史地
藝術、美學
｜
電影戲劇
勵志養生
醫療、保健
料理、生活百科
教育、心理、勵志
進修學習
電腦與網路
｜
語言工具
雜誌、期刊
｜
軍政、法律
參考、考試、教科用書
科學工程
科學、自然
｜
工業、工程
家庭親子
家庭、親子、人際
青少年、童書
玩樂天地
旅遊、地圖
｜
休閒娛樂
漫畫、插圖
｜
限制級
零基礎也能快速上手！超直覺HTML＆CSS網頁設計
作者：
小林Masayuki（小林マサユキ ）
譯者：
許郁文
分類：
電腦與網路
／
網頁應用
出版社：
台灣東販
出版日期：2022/11/28
ISBN：9786263296091
書籍編號：kk0559141
頁數：288
定價：
600
元
優惠價：
79
折
474
元
書價若有異動，以出版社實際定價為準
訂購後立即為您進貨
訂購後立即為您進貨：目前無庫存量,讀者下訂後,開始進入調書程序,一般天數約為2-10工作日(不含例假日)。
團購數最低為 20 本以上
評價數：
(請將滑鼠移至星星處進行評價)
目前平均評價：
文字連結
複製語法
<a href='https://www.silkbook.com/book_detail.asp?goods_ser=kk0559141'>零基礎也能快速上手！超直覺HTML＆CSS網頁設計</a>
圖片連結
複製語法
<a href='https://www.silkbook.com/book_detail.asp?goods_ser=kk0559141'><img src='https://www.silkbook.com/mall_image/bk/kk0559141.jpg' ALT='零基礎也能快速上手！超直覺HTML＆CSS網頁設計' height='120' width='90'></a>
分
享
內容簡介
作者介紹
書籍目錄
同類推薦
．曾經學過HTML與CSS的基礎，想要進一步學習的人 ．一路以來都是自學，想參考別人的程式碼的人 ．想讓自己的程式碼變得更簡潔的人 ．想知道常見的某個網頁設計該如何撰寫的人 有以上情況的人都可以在書中找到答案。 光是看到網頁設計 就知道該使用哪些HTML標籤與CSS語法 超直覺網頁設計書！ 本書整理了許多能於網頁設計第一線應用的內容， 主要包含網頁設計常見的四大設計類別： 「背景、圖片、照片裝飾」、「標題與文字的裝飾」 「版面編排」與「按鈕設計」， 也包含「聯絡我們表單」的介面該如何撰寫， 以及藏在Google搜尋結果頁面背後的結構化資料語法， 另外還會介紹一些方便網頁設計、網頁程式撰寫的網路服務。 還會透過圖片說明網頁設計靈感。
小林masayuki（網頁設計師） 目前是自由工作者的網頁設計師，提供網頁設計、程式設計的一條龍服務。擅長簡單易懂的設計，主要負責建置中小型企業的官方網站。一直以來都透過Twitter（@pulpxstyle）分享自己的經驗以及可在網頁設計第一線應用的小祕訣與靈感。
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 我的商家
快速學會Python
Kubernetes
最速網頁開發：用Go
Vue.js設計實戰
p5.js演算創作
PHP8/MySQL
前進元宇宙！區塊鏈輕
HTML5、CSS3
Arduino自造趣
HTML/CSS/J
為了保障您的權益，新絲路網路書店所購買的商品均享有到貨七天的鑑賞期（含例假日）。退回之商品必須於鑑賞期內寄回（以郵戳或收執聯為憑），且商品必須是全新狀態與完整包裝(商品、附件、內外包裝、隨貨文件、贈品等)，否則恕不接受退貨。
