HTML+CSS網頁版面設計-輕鬆寫語法‧快速修版型 - 深石數位科技
文章推薦指數: 80 %
商品特色. ◇ 逐步圖解教學,讓完全不會語法的人逐步跟做. ◇ 認識HTML5的多種排版技巧. ◇ 不再用表格來排版,快速變版語法,節省日後修改時間.
圖書總覽
首頁
圖書總覽HTML+CSS網頁版面設計-輕鬆寫語法‧快速修版型
回上一頁
友善列印
字級:
小字級
中字級
大字級
分享:
分享到我的Facebook
分享到我的Twitter
分享到我的GooglePlus
HTML+CSS網頁版面設計-輕鬆寫語法‧快速修版型
作者:郭嘉雯出版日期:2021/06/25語言:繁體中文書號:X3L2102ISBN:9789865005283裝訂:平裝頁數:504定價:580元相關檔案:X3L2102_書附檔案商品特色◆逐步圖解教學,讓完全不會語法的人逐步跟做
◆認識HTML5的多種排版技巧
◆不再用表格來排版,快速變版語法,節省日後修改時間
◆字型、影音、動畫基本概念,通通一次學會
◆範本的應用,快速建好一個多頁網站內容簡介坊間有關HTML+CSS的書籍,多不計數,但通常都是片段式的講解CSS語法,或者如同指令查詢手冊般,而少有涉及網頁版型編排部份,或雖有提及,但總是蜻蜓點水般帶過,鮮少有一本完整的範例製作過程及解析;從網頁的版型規劃與編排、圖片的種類、字型的應用、動畫的設定、影音的嵌入、最後到整個網站的建置與超連結設定,讓您同時學到HTML語法、CSS語法、版面編排觀念以及網路資源的應用。
這是一本利用HTML與CSS語法來設計網頁版型的中文入門書籍。
內容撰寫主要是針對沒有任何網頁設計基礎的初學者或對網頁編修有興趣之讀者所設計。
或許,你已是箇中老手,或者你對語法已有基本的認識,但你也是可以參考本書所提供的範例實作,了解更多的排版方式及技巧。
※本書使用HTML5版本及CSS3版本進行編寫。
【關於本書】
這是一本利用HTML與CSS語法來設計網頁版型的中文入門書籍。
內容撰寫主要是針對沒有任何網頁設計基礎的初學者或對網頁編修有興趣之讀者所設計。
或許,你已是箇中老手,或者你對語法已有基本的認識,但你也是可以參考本書所提供的範例實作,了解更多的排版方式及技巧。
●本書包含下列幾個重點:
1.先了解HTML與CSS為何物。
2.利用小範例來熟悉CSS指令。
3.認識常見版型。
4.排版方式介紹。
5.不同版型範例實作。
6.網頁資源應用。
7.基本的SEO概念入門。
●本書聲明:
由於教學範例中,有使用到網路下載的資源(如:字型檔),請依照本書內容之步驟,自行上網取得合法授權。
由於本書「書附檔案」中的完成檔,因不附檔於其中,所以無法觀看最終結果,故僅提供讀者瀏覽語法撰寫之完整性。
作者簡介郭嘉雯
【經歷】
北基宜花金馬分署電腦講師
台北職能發展學院電腦講師
教育部Bootstrap網頁自適應研習講師
資策會電腦多媒體講師
中華職業訓練中心電腦多媒體講師
大同大學進修推廣部電腦講師
文化大學進修推廣部電腦講師
東南科大數媒系兼任講師
NET服飾專案講師
聖洋科技數位媒體經銷專案講師
台北市立體育學院電腦講師
僑務委員會電腦講師
中國多媒體協會電腦講師
伊甸社會福利基金會電腦講師
連江縣教育局教師研習專案講師
中華電信專案講師
中山女高教師研習專案講師
南山高中教師研習專案講師
中美通電腦顧問公司電腦講師
大亞電腦電腦講師
中國時報紅孩兒電腦奇兵夏令營
富邦銀行專案講師
天下趨勢專案講師
北區扶輪社美術設計
天仁茗茶美術設計目錄第一篇 基礎概念篇
CHAPTER01HTML與CSS介紹
1-1有個概念
1-2HTML語法
1-3CSS語法介紹
CHAPTER02利用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影音嵌入
CHAPTER03內容結構化與HTML公式應用
3-1內容結構化
3-2虛文產生器
3-3快打公式
CHAPTER04版型分割與解析
4-1版型介紹
4-2版型分割與架構解析
4-3建站步驟與流程
第二篇 佈局實現篇
CHAPTER05單欄式版型:travelPlus旅遊網
5-1前置作業
5-2設定版型架構的標籤
5-3輸入網頁內容並且結構化
5-4設定外部連結CSS
5-5設定CSS美化網頁
5-6標題區設定
5-7選單區設定
5-8內容區設定
5-9優惠套餐區設定
5-10版權宣告區設定
CHAPTER06雙欄式版型: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右下廣告區設定
CHAPTER07靈活的盒模型:FlexBox
CHAPTER08雙欄式版型:GreenBody有機蔬菓網
8-1前置作業
8-2設定版型架構的標籤
8-3輸入網頁內容並且結構化
8-4設定外部連結CSS
8-5利用flex實現網頁置中及雙欄式版型
8-6標題區設定(含選單)
8-7內容區設定
8-8訊息區設定
8-9版權宣告區設定
CHAPTER09三欄式版型:PenguinTree美式餐廳
9-1前置作業
9-2設定版型架構的標籤
9-3輸入網頁內容並且結構化
9-4設定外部連結CSS
9-5設定CSS美化網頁
9-6標題區設定
9-7利用flex實現三欄式版型
9-8左右兩側欄區設定
9-9內容區設定
9-10版權宣告區設定
CHAPTER10格線系統:GridLayout
CHAPTER11特殊版型:路人甲部落格
11-1前置作業
11-2設定版型架構的標籤
11-3輸入網頁內容並且結構化
11-4設定外部連結CSS
11-5設定CSS美化網頁
11-6利用gird實現跨欄合併
第三篇 網站建置篇
CHAPTER12範本套用:小約翰歡樂莊園
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
第四篇 實用技巧篇
CHAPTER13網路資源
13-1假文產生器/虛文產生器
13-2圖片產生器
13-3漸層產生器
13-4背景圖產生器
13-5版型產生器
13-6線上配色網
CHAPTER14搜尋引擎最佳化(SEO)
14-1繁體中文碼(big5)/萬國碼(utf-8)
14-2標題(Title)設定
14-3描述設定
14-4檔案命名
14-5圖片alt、title屬性
14-6HTML5新標籤
14-7標籤結構化
附錄:HTML標籤預設值
TOP
TheBestValue-AddedServiceNetworkinAsia
上奇集團版權所有©2022AllRightsReserved.
關鍵字
首頁
關於我們公司簡介
各區業務
圖書總覽
目錄下載
隱私權聲明
法律聲明
聯絡我們
關係企業上奇集團
台灣上奇科技
碩泰網通
昕奇雲端
高盛應用
高傑信
香港上奇香港
昕奇雲端香港
信港電腦
東南亞上奇新加坡
上奇馬來西亞
DPI
上奇印尼
中國大陸奇率數碼
關於我們公司簡介
各區業務
圖書總覽
目錄下載
聯絡我們
關閉
延伸文章資訊
- 1HTML+CSS網頁版面設計-輕鬆寫語法‧快速修版型 - 深石數位科技
商品特色. ◇ 逐步圖解教學,讓完全不會語法的人逐步跟做. ◇ 認識HTML5的多種排版技巧. ◇ 不再用表格來排版,快速變版語法,節省日後修改時間.
- 215個常用的HTML標籤與屬性基本介紹 - 自學成功道
div是division這個單字取前面三個字母來表示,division是區分的意思,<div>標籤主要的功能就是在形成一個個的區塊,方便網頁排版美化,如果還不懂CSS ...
- 3排版對齊
原因很簡單,因為html語法具有它特定的排版標籤,並不像word一樣,只要按下enter就可以讓文字換行。接下來就要介紹如何利用標籤來編排網頁。 PS.
- 4Day8 - 那些有關網頁排版的大小事(入門篇)
CSS 語法: display: block · 例子:h1, p, li, div · 特性:. 區塊元素的標籤下下去,預設會佔滿整個網頁寬度。因此當有另外一個標籤存在時,會被擠壓到 ...
- 5提供HTML語法整理表