[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課
鄭苑鳳 著、ZCT 策劃
買這商品的人也買了...
-
C++ Primer Plus, 6/e (中文版) (C++ Primer Plus, 6/e (Developer's Library))$780$616 -
精通 PHP & MySQL 網頁開發, 5/e (PHP and MySQL Web Development, 5/e)$680$537 -
$359HTML5+CSS3+JavaScrip t從入門到精通 (微課精編版) -
網頁美編的救星!零基礎也能看得懂的 HTML & CSS 網頁設計$550$435 -
JavaScript 大全, 7/e (Javascript: The Definitive Guide: Master the World's Most-Used Programming Language, 7/e)$1,200$948 -
前端三十:從 HTML 到瀏覽器渲染的前端開發者必備心法(iT邦幫忙鐵人賽系列書)$550$429 -
C++ 全方位學習, 4/e (適用 Dev C++ 與 Visual C++)$580$458 -
圖解 SQL 查詢的基礎知識|以 MySQL 為例$520$411 -
最完整跨平台網頁設計:HTML + CSS + JavaScript + jQuery + Bootstrap + Google Maps 王者歸來, 2/e (全彩印刷)$1,080$853 -
新觀念 PHP8 + MySQL + AJAX 網頁程式範例教本, 6/e$630$498 -
PHP、MySQL與 JavaScript 學習手冊, 6/e (Learning PHP, MySQL & JavaScript, 6/e)$980$774 -
網頁程式設計 ASP.NET MVC 5.x 範例完美演繹, 4/e (適用Visual C# 2022/2019)$660$521 -
$352Python Web 數據分析可視化 — 基於 Django 框架的開發實戰 -
$356HTML5 + CSS3 + JavaScript Web 開發案例教程 -
MySQL 新手入門超級手冊, 3/e (適用 MySQL 8.x 與 MariaDB 10.x)$540$427 -
C 最強入門邁向頂尖高手之路王者歸來 (單色印刷)$620$490 -
Figma UI/UX 設計技巧實戰:打造擬真介面原型$600$468 -
Test-Driven Development 學習手冊$580$458 -
HTML / CSS / JavaScript 與前端框架的完美結合:使用 Bootstrap 與 PWA 技術,新手從這開始!$690$538 -
App Inventor 應用程式設計寶典 (舊名: App Inventor 2 應用程式設計)$580$493 -
零基礎也能快速上手!超直覺 HTML&CSS 網頁設計$600$510 -
$407HTML+CSS+JavaScript完全自學教程 -
PHP8 / MySQL 網頁程式設計自學聖經 (附範例/影音)$680$537 -
MySQL / MariaDB 資料庫設計與開發實務$600$474 -
徹底研究 C語言指標 (經典修復版) (Pointers on C)$980$764
商品描述
正確運用HTML標籤及CSS屬性表格樣式,
零程式基礎美編人員,照樣輕鬆掌握網頁設計技巧
本書是以HTML和CSS為主體,將網頁設計必備知識由淺入深分成12章節來做介紹,每一章中談到的HTML或CSS語法都會搭配完整實例,輕易看出不同語法執行結果的差異,書中介紹風格盡量以簡潔、清楚的方式呈現,方便讀者學習正確語法,輕鬆掌握網頁設計技巧。精彩篇幅包括:
|
目錄大綱
- CHAPTER 01網站設計必備知識
1-1 網站基礎知識
1-2 網站設計要領
1-3 版面布局、動線規劃與響應式網頁
1-4 網站建構流程與準備工作
1-5 網頁檔案及命名原則
1-6 設計前的準備工作
CHAPTER 02HTML入門標籤
2-1 HTML網頁結構
2-2 標題與內文的編排
2-3 條列式清單設定
2-4 字元格式設定
2-5 文字特殊用法
2-6 插入圖片
2-7 建立超連結
CHAPTER 03表格/表單與多媒體素材
3-1 表格製作
3-2 表格的編輯技巧
3-3 表格綜合範例應用─賞心悅目的旅遊行程表
3-4 建立表單
3-5 加入音樂audio
3-6 加入視訊Video
CHAPTER 04CSS樣式基礎語法
4-1 CSS基本寫法
4-2 CSS添加方式
4-3 CSS選擇器入門
4-4 使用CSS美化文字
4-5 使用CSS設定背景
4-6 設定背景漸層
CHAPTER 05超夯的網頁區塊規劃
5-1 div標記與span標記
5-2 編排網頁區塊的常用標籤
CHAPTER 06必學的吸睛網頁工作術
6-1 區塊的留白與美化
6-2 定位網頁元件
6-3 項目清單的美化
6-4 彈性版面(Flexible Layout)編排
6-5 重置網頁CSS設定
CHAPTER 07輕鬆搞定網站圖像與色彩
7-1 一次搞定網頁圖像
7-2 必學的圖像編修技巧
7-3 玩轉網頁色彩
CHAPTER 08實作─全螢幕HTML5+CSS3網頁設計
8-1 實作網頁內容
8-2 使用語意標記排版
8-3 文字重疊交錯效果的標題
8-4 網頁背景和滑鼠游標
8-5 超連結特效
8-6 設定主內容區
CHAPTER 09實作─兩欄式網頁設計
9-1 認識多欄式版面
9-2 完整網頁內容外觀預覽
9-3 製作網頁的標題區塊
9-4 製作網頁的兩欄式版面
9-5 製作網頁的主要內容區塊
9-6 製作右側的邊欄
9-7 製作網頁的頁尾區塊
9-8 實戰RWD響應式網頁
CHAPTER 10實作─格狀式版面網頁設計
10-1 認識格狀式版面
10-2 網格版面編排
10-3 完整網頁內容外觀預覽
10-4 製作網頁的標題背景圖
10-5 製作網頁的網格狀版面
10-6 製作網頁的頁尾區塊
CHAPTER 11表單綜合範例應用─線上購物表單
11-1 程式說明
11-2 完整程式碼
CHAPTER 12HTML網頁的SEO視角
12-1 搜尋引擎最佳化
12-2 搜尋引擎的演算邏輯
12-3 HTML標籤SEO相關常識
APPENDIX A JavaScript快速入門
A-1 JavaScript執行環境
A-2 選擇程式的文字編輯器
A-3 基本資料處理
A-4 變數宣告與資料型別轉換
A-5 輸出指令
A-6 運算子與運算式
A-7 流程控制
A-8 陣列宣告與實作
A-9 函式定義與呼叫
A-10 物件的屬性與方法
APPENDIX B NotePad++文字編輯器
B-1 偏好設定
B-2 開啟空白文件
B-3 快捷鍵
B-4 尋找與取代
B-5 儲存檔案
APPENDIX C 內嵌YouTube影音
APPENDIX D 常用的HTML標籤
APPENDIX E 常用的CSS屬性
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課](https://cf-assets2.tenlong.com.tw/products/images/000/184/123/medium/9786263333116_bc.jpg?1668664915)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-1](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/880/pjpeg/9786263333116_bc.jpg?1668664994)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-2](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/881/pjpeg/9786263333116_b1.jpg?1668664995)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-3](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/882/pjpeg/9786263333116_b2.jpg?1668664995)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-4](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/883/pjpeg/9786263333116_b3.jpg?1668664996)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-5](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/884/pjpeg/9786263333116_b4.jpg?1668664997)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-6](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/885/pjpeg/9786263333116_b5.jpg?1668664997)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-7](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/886/pjpeg/9786263333116_b6.jpg?1668664997)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-8](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/887/pjpeg/9786263333116_b7.jpg?1668664998)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-9](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/888/pjpeg/9786263333116_b8.jpg?1668664999)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-10](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/889/pjpeg/9786263333116_b9.jpg?1668664999)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-11](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/890/pjpeg/9786263333116_b10.jpg?1668665000)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-12](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/891/pjpeg/9786263333116_b11.jpg?1668665000)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-13](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/892/pjpeg/9786263333116_b12.jpg?1668665001)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-14](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/893/pjpeg/9786263333116_b13.jpg?1668665001)
![[零程式基礎超入門] HTML + CSS 網頁設計的 12堂特訓課-preview-15](https://cf-assets2.tenlong.com.tw/product_images/images/000/042/894/pjpeg/9786263333116_b14.jpg?1668665002)