HTML與CSS網(wǎng)站設(shè)計(jì)實(shí)踐之旅內(nèi)容簡(jiǎn)介
時(shí)間:2023-02-19 20:38:01 | 來(lái)源:營(yíng)銷(xiāo)百科
時(shí)間:2023-02-19 20:38:01 來(lái)源:營(yíng)銷(xiāo)百科
HTML與CSS網(wǎng)站設(shè)計(jì)實(shí)踐之旅內(nèi)容簡(jiǎn)介:本書(shū)從基礎(chǔ)的網(wǎng)頁(yè)知識(shí)開(kāi)始詳細(xì)講解創(chuàng)建網(wǎng)站的全過(guò)程,內(nèi)容涉及網(wǎng)站開(kāi)發(fā)工具的選擇、網(wǎng)頁(yè)基本元素的介紹、通過(guò)CSS改善網(wǎng)頁(yè)外觀的方法、圖像的應(yīng)用、通過(guò)表格組織數(shù)據(jù)、利用表單實(shí)現(xiàn)交互等。同時(shí)書(shū)中還介紹了如何將網(wǎng)站發(fā)布到Internet,如何添加博客、站內(nèi)搜索、訪問(wèn)統(tǒng)計(jì)等實(shí)用功能,并為讀者下一步的學(xué)習(xí)指出了方向。本書(shū)嚴(yán)格遵守Web規(guī)范,確保讀者學(xué)會(huì)正確的網(wǎng)站構(gòu)建方法,使所創(chuàng)建的網(wǎng)站能夠在大多數(shù)瀏覽器中保持一致的效果。
n本書(shū)適合網(wǎng)站設(shè)計(jì)初學(xué)者閱讀,讀者不需要熟知HTML、CSS或者Web開(kāi)發(fā)技術(shù),通過(guò)閱讀本書(shū)就能夠獨(dú)立完成網(wǎng)站的設(shè)計(jì)任務(wù)。對(duì)于有一些網(wǎng)站設(shè)計(jì)經(jīng)驗(yàn)的讀者來(lái)說(shuō),也可以通過(guò)閱讀本書(shū)發(fā)現(xiàn)自己的一些'不良習(xí)慣',從而形成良好的設(shè)計(jì)風(fēng)格,創(chuàng)建基于Web標(biāo)準(zhǔn)的新型網(wǎng)站。
n目錄
n第1章 準(zhǔn)備工具 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平臺(tái) 1.5.2 Mac OS X平臺(tái) 1.6 獲取幫助第1章 準(zhǔn)備工具 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平臺(tái) 1.5.2 Mac OS X平臺(tái) 1.6 獲取幫助 1.7 小結(jié) 第2章 第一個(gè)網(wǎng)頁(yè) 2.1 XHTML 2.1.1 剖析網(wǎng)頁(yè) 2.1.2 查看源代碼 2.1.3 網(wǎng)頁(yè)的基本要素 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)頁(yè) 2.1.12 標(biāo)題行與文檔層次 2.1.13 段落 2.1.14 列表 2.1.15 對(duì)網(wǎng)頁(yè)進(jìn)行注釋 2.1.16 符號(hào) 2.2 網(wǎng)站示例 2.2.1 主頁(yè):所有網(wǎng)站的起點(diǎn) 2.2.2 拆分頁(yè)面 2.2.3 實(shí)現(xiàn)新頁(yè)面間的鏈接 2.2.4 blockquote元素 2.2.5 cite元素 2.2.6 strong和em元素 2.2.7 加個(gè)分隔符(暫停一下) 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 專(zhuān)業(yè)術(shù)語(yǔ) 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鏈接到一個(gè)頁(yè)面 3.5 構(gòu)建自己的樣式表 3.5.1 時(shí)髦的標(biāo)題行 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 哪個(gè)規(guī)則更有效 3.5.10 進(jìn)程回顧 3.5.11 為鏈接設(shè)定樣式 3.5.12 類(lèi)選擇器 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è)置元素各個(gè)邊的樣式 4.3.3 邊框樣式設(shè)置的縮寫(xiě)法 4.3.4 可以使用的邊框樣式 4.4 回顧 4.5 設(shè)置潛水網(wǎng)站的外形和大小 4.5.1 添加填充 4.5.2 在項(xiàng)目網(wǎng)站中引入填充 4.5.3 邊距 4.5.4 盒子 4.6 根據(jù)需要定位元素 4.6.1 展示頁(yè)面結(jié)構(gòu) 4.6.2 絕對(duì)定位 4.7 實(shí)現(xiàn)完整的CSS布局 4.8 其他布局選項(xiàng) 4.8.1 絕對(duì)定位進(jìn)階 4.8.2 相對(duì)定位 4.8.3 浮動(dòng)定位 4.9 設(shè)置列表的樣式 4.10 小結(jié) 第5章 在網(wǎng)站上使用圖像 5.1 內(nèi)嵌圖像 5.1.1 剖析圖像元素 5.1.2 Web可訪問(wèn)性 5.2 GIF、JPG與PNG格式比較 5.3 透明度 5.4 為網(wǎng)站添加圖庫(kù)功能 5.4.1 更新導(dǎo)航區(qū)域 5.4.2 添加新圖庫(kù)頁(yè)面 5.4.3 添加第一張圖像 5.4.4 用CSS設(shè)置圖片的格式 5.4.5 為圖片添加說(shuō)明 5.5 基本圖像編輯 5.5.1 圖片剪切 5.5.2 圖像特效 5.5.3 調(diào)整大圖像的大小 5.5.4 其他軟件 5.6 充實(shí)圖庫(kù) 5.7 網(wǎng)站圖片的來(lái)源 5.8 CSS中的背景圖像 5.8.1 重復(fù)模式 5.8.2 非重復(fù)圖像 5.8.3 背景設(shè)置的縮寫(xiě)法 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 提高表格的可訪問(wèn)性 6.4.1 線性化 6.4.2 概要 6.4.3 為表格添加標(biāo)題 6.4.4 回顧 6.4.5 添加事件表格 6.4.6 為單元格設(shè)置樣式 6.5 高級(jí)表格 6.5.1 合并單元格 6.5.2 可訪問(wèn)性進(jìn)階 6.6 小結(jié) 第7章 表單:和用戶(hù)交互 7.1 表單結(jié)構(gòu)剖析 7.2 一個(gè)簡(jiǎn)單的表單 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 控件默認(rèn)外觀 7.4 構(gòu)建一個(gè)聯(lián)系頁(yè)面 7.4.1 編輯'聯(lián)系我們'頁(yè)面 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 我們要實(shí)現(xiàn)什么 7.6 表單處理 7.6.1 注冊(cè)表單服務(wù) 7.6.2 插入表單代碼 7.6.3 通過(guò)電子郵件反饋 7.7 小結(jié) 第8章 完成網(wǎng)站上線工作 8.1 客戶(hù)端/服務(wù)器模型 8.2 主機(jī)托管術(shù)語(yǔ)101 8.3 托管網(wǎng)站——尋找服務(wù)器空間 8.3.1 免費(fèi)托管——有附加條件 8.3.2 免費(fèi)托管——以原價(jià)獲得域名 8.4 Web轉(zhuǎn)向 8.5 為托管付費(fèi) 8.6 基本的托管服務(wù) 8.6.1 通過(guò)FTP訪問(wèn)服務(wù)器 8.6.2 足夠的存儲(chǔ)空間 8.6.3 合理的帶寬額度 8.7 最好包含的托管服務(wù) 8.7.1 電子郵件賬戶(hù) 8.7.2 服務(wù)端引用(SSI) 8.7.3 腳本語(yǔ)言和數(shù)據(jù)庫(kù)支持 8.8 上線前檢查——在不同的瀏覽器中頁(yè)面顯示是否不同 8.9 將文件上傳到服務(wù)器 8.9.1 FTP配置 8.9.2 用FileZilla上傳文件——Windows平臺(tái) 8.9.3 用Cyberduck上傳文件——Mac OS X平臺(tái) 8.9.4 其他文件上傳工具 8.10 要點(diǎn)概述:網(wǎng)站在哪里 8.10.1 鏈接檢查 8.10.2 網(wǎng)頁(yè)的有效性檢查 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 注冊(cè)博客 9.3 利用Blogger創(chuàng)建頁(yè)面 9.4 制作Blogger的模板 9.5 整理Blogger的模板 9.5.1 博客中的評(píng)論功能 9.5.2 驗(yàn)證博客 9.6 管理博客中的帖子 9.7 讓其他人來(lái)支持你的博客 9.8 小結(jié) 第10章 裝飾網(wǎng)站:添加超酷的免費(fèi)素材 10.1 獲取訪問(wèn)者的內(nèi)幕信息 10.1.1 選擇一項(xiàng)統(tǒng)計(jì)服務(wù) 10.1.2 注冊(cè)StatCounter賬號(hào) 10.1.3 將統(tǒng)計(jì)代碼添加到網(wǎng)頁(yè)中 10.2 添加站內(nèi)搜索工具 10.3 使用其他類(lèi)型的搜索 10.4 為網(wǎng)站添加blogroll 10.4.1 注冊(cè)一個(gè)blogroll 10.4.2 將blogroll整合到網(wǎng)站中 10.5 論壇 10.6 小結(jié) 第11章 走得更遠(yuǎn) 11.1 XHTML進(jìn)階 11.1.1 官方文檔 11.1.2 其他實(shí)用的XHTML資源 11.2 CSS進(jìn)階 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ù)器端編程語(yǔ)言 11.5 PHP 11.6 小結(jié) 附錄A XHTML參考手冊(cè) A.1 公共屬性 A.2 國(guó)際化屬性 A.3 XHTML標(biāo)簽
關(guān)鍵詞:內(nèi)容,實(shí)踐,設(shè)計(jì)