HTML與CSS網(wǎng)站設(shè)計實踐之旅目錄

時間：2023-02-19 20:42:01 | 來源：營銷百科

時間：2023-02-19 20:42:01 來源：營銷百科

HTML與CSS網(wǎng)站設(shè)計實踐之旅目錄：第1章 準備工具
1.1 使用工具
1.2 所需的基本工具
1.2.1 Windows中的基本工具
1.2.2 Mac OS X中的基本工具

1.3 超越基本工具
1.3.1 Windows中的工具
1.3.2 Mac OS X中的工具

1.4 圖像編輯工具
1.4.1 Windows中的工具
1.4.2 Mac OS X中的工具

1.5 設(shè)置網(wǎng)站文件存放的位置
1.5.1 Windows平臺
1.5.2 Mac OS X平臺
1.6 獲取幫助
1.7 小結(jié)

第2章 第一個網(wǎng)頁
2.1 XHTML
2.1.1 剖析網(wǎng)頁
2.1.2 查看源代碼
2.1.3 網(wǎng)頁的基本要素
2.1.4 doctype聲明
2.1.5 html元素
2.1.6 head元素
2.1.7 title元素
2.1.8 meta元素
2.1.9 其他head元素
2.1.10 body元素
2.1.11 最基本的網(wǎng)頁
2.1.12 標題行與文檔層次
2.1.13 段落
2.1.14 列表
2.1.15 對網(wǎng)頁進行注釋
2.1.16 符號

2.2 網(wǎng)站示例
2.2.1 主頁：所有網(wǎng)站的起點
2.2.2 拆分頁面
2.2.3 實現(xiàn)新頁面間的鏈接
2.2.4 blockquote元素
2.2.5 cite元素
2.2.6 strong和em元素
2.2.7 加個分隔符（暫停一下）
2.3 小結(jié)

第3章 添加樣式
3.1 CSS
3.2 內(nèi)聯(lián)樣式
3.2.1 添加內(nèi)聯(lián)樣式
3.2.2 span元素

3.3 嵌入式樣式
3.3.1 專業(yè)術(shù)語
3.3.2 嵌入式樣式優(yōu)于內(nèi)聯(lián)樣式的原因

3.4 外部樣式表
3.4.1 外部樣式表優(yōu)于嵌入式樣式的原因
3.4.2 創(chuàng)建外部樣式文件
3.4.3 將CSS鏈接到一個頁面

3.5 構(gòu)建自己的樣式表
3.5.1 時髦的標題行
3.5.2 組合使用新樣式
3.5.3 瞬間面貌一新
3.5.4 初學(xué)者的樣式工具箱
3.5.5 回顧：樣式
3.5.6 在上下文中選擇元素
3.5.7 上下文選擇器
3.5.8 樣式編組
3.5.9 哪個規(guī)則更有效
3.5.10 進程回顧
3.5.11 為鏈接設(shè)定樣式
3.5.12 類選擇器
3.5.13 用span為部分文字設(shè)定樣式
3.6 小結(jié)

第4章 用CSS設(shè)置外觀
4.1 塊元素與內(nèi)聯(lián)元素
4.1.1 塊元素
4.1.2 內(nèi)聯(lián)元素
4.1.3 嵌套的內(nèi)聯(lián)元素
4.1.4 內(nèi)聯(lián)元素不能包含塊元素
4.1.5 回顧：塊元素和內(nèi)聯(lián)元素
4.1.6 設(shè)置內(nèi)聯(lián)元素和塊元素的樣式

4.2 設(shè)置內(nèi)容塊的大小
4.2.1 設(shè)置寬度
4.2.2 設(shè)置高度

4.3 為塊元素添加邊框
4.3.1 邊框示例
4.3.2 設(shè)置元素各個邊的樣式
4.3.3 邊框樣式設(shè)置的縮寫法
4.3.4 可以使用的邊框樣式
4.4 回顧

4.5 設(shè)置潛水網(wǎng)站的外形和大小
4.5.1 添加填充
4.5.2 在項目網(wǎng)站中引入填充
4.5.3 邊距
4.5.4 盒子

4.6 根據(jù)需要定位元素
4.6.1 展示頁面結(jié)構(gòu)
4.6.2 絕對定位
4.7 實現(xiàn)完整的CSS布局

4.8 其他布局選項
4.8.1 絕對定位進階
4.8.2 相對定位
4.8.3 浮動定位
4.9 設(shè)置列表的樣式
4.10 小結(jié)

第5章 在網(wǎng)站上使用圖像
5.1 內(nèi)嵌圖像
5.1.1 剖析圖像元素
5.1.2 Web可訪問性
5.2 GIF、JPG與PNG格式比較
5.3 透明度

5.4 為網(wǎng)站添加圖庫功能
5.4.1 更新導(dǎo)航區(qū)域
5.4.2 添加新圖庫頁面
5.4.3 添加第一張圖像
5.4.4 用CSS設(shè)置圖片的格式
5.4.5 為圖片添加說明

5.5 基本圖像編輯
5.5.1 圖片剪切
5.5.2 圖像特效
5.5.3 調(diào)整大圖像的大小
5.5.4 其他軟件
5.6 充實圖庫
5.7 網(wǎng)站圖片的來源

5.8 CSS中的背景圖像
5.8.1 重復(fù)模式
5.8.2 非重復(fù)圖像
5.8.3 背景設(shè)置的縮寫法
5.8.4 固定高度和寬度
5.8.5 為導(dǎo)航區(qū)域添加背景
5.9 小結(jié)

第6章 表格：組織數(shù)據(jù)的工具
6.1 表格
6.2 表格結(jié)構(gòu)剖析
6.3 設(shè)置表格樣式
6.4 提高表格的可訪問性
6.4.1 線性化
6.4.2 概要
6.4.3 為表格添加標題
6.4.4 回顧
6.4.5 添加事件表格
6.4.6 為單元格設(shè)置樣式

6.5 高級表格
6.5.1 合并單元格
6.5.2 可訪問性進階
6.6 小結(jié)

第7章 表單：和用戶交互
7.1 表單結(jié)構(gòu)剖析
7.2 一個簡單的表單
7.3 表單的構(gòu)造塊
7.3.1 form元素
7.3.2 fieldset和legend元素
7.3.3 input元素
7.3.4 select元素
7.3.5 textarea元素
7.3.6 提交按鈕
7.3.7 控件默認外觀

7.4 構(gòu)建一個聯(lián)系頁面
7.4.1 編輯'聯(lián)系我們'頁面
7.4.2 添加form和fieldset元素
7.4.3 用CSS設(shè)置fieldset和legend元素的樣式
7.4.4 添加文本輸入框控件
7.4.5 用CSS整理label元素
7.4.6 添加select元素
7.4.7 添加textarea元素
7.4.8 添加單選按鈕和復(fù)選框
7.4.9 完成表單：提交按鈕
7.5 我們要實現(xiàn)什么

7.6 表單處理
7.6.1 注冊表單服務(wù)
7.6.2 插入表單代碼
7.6.3 通過電子郵件反饋
7.7 小結(jié)

第8章 完成網(wǎng)站上線工作
8.1 客戶端/服務(wù)器模型
8.2 主機托管術(shù)語101
8.3 托管網(wǎng)站——尋找服務(wù)器空間
8.3.1 免費托管——有附加條件
8.3.2 免費托管——以原價獲得域名
8.4 Web轉(zhuǎn)向
8.5 為托管付費

8.6 基本的托管服務(wù)
8.6.1 通過FTP訪問服務(wù)器
8.6.2 足夠的存儲空間
8.6.3 合理的帶寬額度

8.7 最好包含的托管服務(wù)
8.7.1 電子郵件賬戶
8.7.2 服務(wù)端引用（SSI）
8.7.3 腳本語言和數(shù)據(jù)庫支持

8.8 上線前檢查——在不同的瀏覽器中頁面顯示是否不同
8.9 將文件上傳到服務(wù)器
8.9.1 FTP配置
8.9.2 用FileZilla上傳文件——Windows平臺
8.9.3 用Cyberduck上傳文件——Mac OS X平臺
8.9.4 其他文件上傳工具

8.10 要點概述：網(wǎng)站在哪里
8.10.1 鏈接檢查
8.10.2 網(wǎng)頁的有效性檢查

8.11 推廣網(wǎng)站
8.11.1 向搜索引擎提交自己網(wǎng)站的信息
8.11.2 告訴朋友和同事
8.11.3 修改電子郵件簽名，使其包含網(wǎng)站信息
8.11.4 發(fā)布到論壇上
8.11.5 鏈接交換
8.12 小結(jié)

第9章 為網(wǎng)站添加博客
9.1 構(gòu)建博客
9.2 注冊博客
9.3 利用Blogger創(chuàng)建頁面
9.4 制作Blogger的模板
9.5 整理Blogger的模板
9.5.1 博客中的評論功能
9.5.2 驗證博客
9.6 管理博客中的帖子
9.7 讓其他人來支持你的博客
9.8 小結(jié)

第10章 裝飾網(wǎng)站：添加超酷的免費素材
10.1 獲取訪問者的內(nèi)幕信息
10.1.1 選擇一項統(tǒng)計服務(wù)
10.1.2 注冊StatCounter賬號
10.1.3 將統(tǒng)計代碼添加到網(wǎng)頁中
10.2 添加站內(nèi)搜索工具
10.3 使用其他類型的搜索

10.4 為網(wǎng)站添加blogroll
10.4.1 注冊一個blogroll
10.4.2 將blogroll整合到網(wǎng)站中
10.5 論壇
10.6 小結(jié)

第11章 走得更遠
11.1 XHTML進階
11.1.1 官方文檔
11.1.2 其他實用的XHTML資源

11.2 CSS進階
11.2.1 官方文檔
11.2.2 W3Schools/HTML Dog
11.2.3 CSS討論組
11.2.4 其他CSS資源
11.2.5 CSS-Discuss討論組的配套網(wǎng)站
11.3 JavaScript
11.4 服務(wù)器端編程語言
11.5 PHP
11.6 小結(jié)

附錄A XHTML參考手冊
A.1 公共屬性
A.2 國際化屬性
A.3 XHTML標簽