HTML + CSS 網頁版面設計 -- 輕鬆寫語法 ‧ 快速修版型

郭嘉雯

  • 出版商: 上奇資訊
  • 出版日期: 2021-06-30
  • 定價: $580
  • 售價: 9.0$522
  • 語言: 繁體中文
  • 頁數: 504
  • 裝訂: 平裝
  • ISBN: 986500528X
  • ISBN-13: 9789865005283
  • 相關分類: CSSHTML
  • 已絕版

買這商品的人也買了...

商品描述

坊間有關HTML+CSS的書籍,多不計數,但通常都是片段式的講解CSS語法,或者如同指令查詢手冊般,而少有涉及網頁版型編排部份,或雖有提及,但總是蜻蜓點水般帶過,鮮少有一本完整的範例製作過程及解析;從網頁的版型規劃與編排、圖片的種類、字型的應用、動畫的設定、影音的嵌入、最後到整個網站的建置與超連結設定,讓您同時學到HTML語法、CSS語法、版面編排觀念以及網路資源的應用。

這是一本利用HTML與CSS語法來設計網頁版型的中文入門書籍。內容撰寫主要是針對沒有任何網頁設計基礎的初學者或對網頁編修有興趣之讀者所設計。或許,你已是箇中老手,或者你對語法已有基本的認識,但你也是可以參考本書所提供的範例實作,了解更多的排版方式及技巧。

目錄大綱

第一篇 基礎概念篇

CHAPTER 01 HTML與CSS介紹
1-1 有個概念
1-2 HTML語法
1-3 CSS語法介紹

CHAPTER 02 利用CSS美化HTML
2-1 事前準備工具
2-2 文字效果
2-3 圖片效果
2-4 背景效果
2-5 表格樣式設定
2-6 超連結設定
2-7 項目清單與編號清單
2-8 字型設定
2-9 變形效果
2-10 過渡效果
2-11 動畫設定
2-12 影音嵌入

CHAPTER 03 內容結構化與HTML公式應用
3-1 內容結構化
3-2 虛文產生器
3-3 快打公式

CHAPTER 04 版型分割與解析
4-1 版型介紹
4-2 版型分割與架構解析
4-3 建站步驟與流程

 

第二篇 佈局實現篇

CHAPTER 05 單欄式版型:travelPlus旅遊網
5-1 前置作業
5-2 設定版型架構的標籤
5-3 輸入網頁內容並且結構化
5-4 設定外部連結CSS
5-5 設定CSS美化網頁
5-6 標題區設定
5-7 選單區設定
5-8 內容區設定
5-9 優惠套餐區設定
5-10 版權宣告區設定

CHAPTER 06 雙欄式版型:NightCafe咖啡館
6-1 前置作業
6-2 設定版型架構的標籤
6-3 輸入網頁內容並且結構化
6-4 設定外部連結CSS
6-5 設定CSS美化網頁
6-6 標題區設定
6-7 雙欄式版型的設定
6-8 選單區設定
6-9 內容區設定
6-10 版權宣告區設定
6-11 右下廣告區設定

CHAPTER 07 靈活的盒模型:FlexBox

CHAPTER 08 雙欄式版型:GreenBody有機蔬菓網
8-1 前置作業
8-2 設定版型架構的標籤
8-3 輸入網頁內容並且結構化
8-4 設定外部連結CSS
8-5 利用flex實現網頁置中及雙欄式版型
8-6 標題區設定(含選單)
8-7 內容區設定
8-8 訊息區設定
8-9 版權宣告區設定

CHAPTER 09 三欄式版型:PenguinTree美式餐廳
9-1 前置作業
9-2 設定版型架構的標籤
9-3 輸入網頁內容並且結構化
9-4 設定外部連結CSS
9-5 設定CSS美化網頁
9-6 標題區設定
9-7 利用flex實現三欄式版型
9-8 左右兩側欄區設定
9-9 內容區設定
9-10 版權宣告區設定

CHAPTER 10 格線系統:Grid Layout

CHAPTER 11 特殊版型:路人甲部落格
11-1 前置作業
11-2 設定版型架構的標籤
11-3 輸入網頁內容並且結構化
11-4 設定外部連結CSS
11-5 設定CSS美化網頁
11-6 利用gird實現跨欄合併

 

第三篇 網站建置篇

CHAPTER 12 範本套用:小約翰歡樂莊園
12-1 前置作業
12-2 設定版型架構的標籤
12-3 輸入網頁內容並且結構化
12-4 設定外部連結CSS
12-5 設定CSS美化網頁
12-6 標題區設定
12-7 雙欄式版型的設定
12-8 選單區設定
12-9 版權宣告區設定
12-10 製作成範本
12-11 建立網站所需網頁及檔案管理
12-12 套用範本
12-13 替範本設定可編輯區域及超連結
12-14 輸入網頁內容及結構化
12-15 共同設定與個別設定
12-16 莊園介紹頁的版型結構與編排
12-17 嵌入Google地圖
12-18 區別child與type

 

第四篇 實用技巧篇

CHAPTER 13 網路資源
13-1 假文產生器/虛文產生器
13-2 圖片產生器
13-3 漸層產生器
13-4 背景圖產生器
13-5 版型產生器
13-6 線上配色網

CHAPTER 14 搜尋引擎最佳化(SEO)
14-1 繁體中文碼(big5)/萬國碼(utf-8)
14-2 標題(Title)設定
14-3 描述設定
14-4 檔案命名
14-5 圖片alt、title屬性
14-6 HTML5 新標籤
14-7 標籤結構化
附錄:HTML標籤預設值