網(wǎng)頁(yè)設(shè)計(jì)與制作實(shí)例教程

第1章  HTML概述   1.1  HTML簡(jiǎn)介   1.2  HTML編寫(xiě)規(guī)范     1.2.1  標(biāo)簽及其屬性     1.2.2  HTML代碼規(guī)范     1.2.3  HTML文檔結(jié)構(gòu)   1.3  創(chuàng)建HTML文件   1.4  網(wǎng)頁(yè)的摘要信息     1.4.1  ＜title＞標(biāo)簽     1.4.2  ＜meta＞標(biāo)簽     1.4.3  案例—制作興宇書(shū)城頁(yè)面摘要信息   1.5  HTML頁(yè)面中的塊和行   1.6  注釋和特殊符號(hào)     1.6.1  注釋     1.6.2  特殊符號(hào)   1.7  實(shí)訓(xùn)—制作力天商務(wù)網(wǎng)的版權(quán)信息   習(xí)題1 第2章  塊級(jí)標(biāo)簽   2.1  基本塊級(jí)標(biāo)簽     2.1.1  標(biāo)題標(biāo)簽＜h#＞…＜h#＞     2.1.2  段落標(biāo)簽＜p＞…＜p＞     2.1.3  水平線標(biāo)簽＜hr＞     2.1.4  案例—制作興宇書(shū)城積分說(shuō)明頁(yè)面   2.2  用于布局的塊級(jí)標(biāo)簽     2.2.1  無(wú)序列表     2.2.2  有序列表     2.2.3  表格     2.2.4  表單     2.2.5  分區(qū)   2.3  實(shí)訓(xùn)—制作力天科技簡(jiǎn)介頁(yè)面   習(xí)題2 第3章  行級(jí)標(biāo)簽   3.1  超鏈接     3.1.1  超鏈接的基本概念     3.1.2  超鏈接的應(yīng)用     3.1.3  案例—制作興宇書(shū)城購(gòu)物指南   3.2  圖像     3.2.1  Web上常用的圖像格式     3.2.2  圖像標(biāo)簽＜img＞     3.2.3  用圖像作為超鏈接熱點(diǎn)     3.2.4  案例—制作興宇書(shū)城圖文簡(jiǎn)介   3.3  表單元素     3.3.1  ＜input＞元素     3.3.2  選擇欄＜select＞     3.3.3  多行文本域＜textarea＞…＜textarea＞     3.3.4  表單的高級(jí)用法     3.3.5  案例—制作興宇書(shū)城會(huì)員注冊(cè)表單     3.3.6  表單布局   3.4  范圍標(biāo)簽＜span＞   3.5  換行標(biāo)簽＜br＞   3.6  實(shí)訓(xùn)—制作力天商務(wù)網(wǎng)“聯(lián)系我們”表單   習(xí)題3 第4章  CSS樣式表   4.1  CSS概述     4.1.1  CSS的基本概念     4.1.2  CSS的發(fā)展歷史     4.1.3  CSS的代碼規(guī)范     4.1.4  CSS的工作環(huán)境     4.1.5  體驗(yàn)CSS   4.2  樣式表語(yǔ)法     4.2.1  CSS規(guī)則     4.2.2  常用的選擇符   4.3  CSS的屬性單位     4.3.1  長(zhǎng)度、百分比單位     4.3.2  色彩單位   4.4  網(wǎng)頁(yè)中插入CSS的方法     4.4.1  定義內(nèi)部樣式表     4.4.2  定義行內(nèi)樣式表     4.4.3  鏈入外部樣式表     4.4.4  導(dǎo)入外部樣式表     4.4.5  案例—制作興宇書(shū)城圖書(shū)詳細(xì)信息   4.5  樣式表的層疊、特殊性與重要性     4.5.1  樣式表的層疊     4.5.2  特殊性     4.5.3  重要性   4.6  元素分類(lèi)   4.7  實(shí)訓(xùn)—制作力天商務(wù)網(wǎng)商機(jī)發(fā)布信息區(qū)   習(xí)題4 第5章  Div+CSS布局方法   5.1  Div布局理念     5.1.1  Div布局頁(yè)面的優(yōu)點(diǎn)     5.1.2  使用嵌套的Div容器實(shí)現(xiàn)頁(yè)面排版   5.2  CSS盒模型     5.2.1  盒模型的概念     5.2.2  盒模型的屬性     5.2.3  盒模型的寬度與高度     5.2.4  外邊距的疊加     5.2.5  盒模型綜合案例   5.3  盒子的定位     5.3.1  靜態(tài)定位     5.3.2  相對(duì)定位     5.3.3  絕對(duì)定位     5.3.4  相對(duì)定位與絕對(duì)定位的混合使用     5.3.5  固定定位   5.4  盒子的浮動(dòng)     5.4.1  浮動(dòng)     5.4.2  清除浮動(dòng)     5.4.3  定位與浮動(dòng)綜合案例   5.5  CSS常用布局樣式     5.5.1  兩列布局樣式     5.5.2  三列布局樣式   5.6  Div+CSS布局綜合案例     5.6.1  頁(yè)面布局規(guī)劃     5.6.2  頁(yè)面的制作過(guò)程   5.7  實(shí)訓(xùn)—力天商務(wù)網(wǎng)博客頁(yè)面的布局     5.7.1  頁(yè)面布局規(guī)劃     5.7.2  頁(yè)面的制作過(guò)程   習(xí)題5 第6章  使用CSS實(shí)現(xiàn)常用的樣式修飾   6.1  設(shè)置文字的樣式     6.1.1  設(shè)置文字的字體     6.1.2  設(shè)置字體的大小     6.1.3  設(shè)置字體的粗細(xì)     6.1.4  設(shè)置字體的傾斜     6.1.5  設(shè)置字體的修飾     6.1.6  設(shè)置文本的顏色   6.2  設(shè)置段落的樣式     6.2.1  設(shè)置文字的對(duì)齊方式     6.2.2  設(shè)置首行縮進(jìn)     6.2.3  設(shè)置首字下沉     6.2.4  設(shè)置行高     6.2.5  設(shè)置字間距     6.2.6  設(shè)置字符間距     6.2.7  設(shè)置文本的大、小寫(xiě)   6.3  設(shè)置圖片樣式     6.3.1  圖片的邊框     6.3.2  圖片的縮放   6.4  設(shè)置背景     6.4.1  設(shè)置背景顏色     6.4.2  設(shè)置背景圖像     6.4.3  設(shè)置背景重復(fù)     6.4.4  設(shè)置背景定位     6.4.5  設(shè)置背景大小     6.4.6  案例—制作興宇書(shū)城購(gòu)物車(chē)統(tǒng)計(jì)信息   6.5  圖文混排   6.6  用CSS設(shè)置常用樣式修飾的綜合案例     6.6.1  頁(yè)面布局規(guī)劃     6.6.2  頁(yè)面的制作過(guò)程   6.7  實(shí)訓(xùn)—制作力天商務(wù)網(wǎng)商務(wù)安全中心頁(yè)面   習(xí)題6 第7章  使用CSS設(shè)置鏈接與導(dǎo)航菜單   7.1  使用CSS設(shè)置鏈接     7.1.1  超鏈接偽類(lèi)     7.1.2  改變文字鏈接的外觀     7.1.3  創(chuàng)建按鈕式超鏈接     7.1.4  圖文鏈接   7.2  使用CSS設(shè)置列表     7.2.1  設(shè)置列表類(lèi)型     7.2.2  設(shè)置列表項(xiàng)圖像     7.2.3  設(shè)置列表項(xiàng)位置     7.2.4  圖文信息列表   7.3  創(chuàng)建導(dǎo)航菜單     7.3.1  普通的超鏈接導(dǎo)航菜單     7.3.2  縱向列表模式的導(dǎo)航菜單     7.3.3  橫向列表模式的導(dǎo)航菜單   7.4  使用CSS設(shè)置鏈接與導(dǎo)航菜單綜合案例     7.4.1  頁(yè)面布局規(guī)劃     7.4.2  頁(yè)面的制作過(guò)程   7.5  實(shí)訓(xùn)—制作力天商務(wù)網(wǎng)技術(shù)支持頁(yè)面   習(xí)題7 第8章  使用JavaScript制作網(wǎng)頁(yè)特效   8.1  JavaScript簡(jiǎn)介   8.2  在網(wǎng)頁(yè)中插入JavaScript的方法及定義     8.2.1  在HTML文檔中嵌入腳本程序     8.2.2  鏈接腳本文件     8.2.3  在標(biāo)簽內(nèi)添加腳本   8.3  常見(jiàn)的網(wǎng)頁(yè)特效     8.3.1  循環(huán)滾動(dòng)的圖文字幕     8.3.2  幻燈片切換的廣告   8.4  實(shí)訓(xùn)—制作二級(jí)縱向列表模式的導(dǎo)航菜單   習(xí)題8 第9章  興宇書(shū)城首頁(yè)和列表頁(yè)   9.1  網(wǎng)站的開(kāi)發(fā)流程     9.1.1  規(guī)劃站點(diǎn)     9.1.2  網(wǎng)站制作     9.1.3  測(cè)試網(wǎng)站     9.1.4  發(fā)布站點(diǎn)   9.2  設(shè)計(jì)首頁(yè)布局     9.2.1  使用Dreamweaver創(chuàng)建站點(diǎn)     9.2.2  頁(yè)面布局規(guī)劃   9.3  首頁(yè)的制作   9.4  制作列表頁(yè)   習(xí)題9 第10章  圖書(shū)詳細(xì)信息頁(yè)面和查看購(gòu)物車(chē)頁(yè)面   10.1  制作圖書(shū)詳細(xì)信息頁(yè)面   10.2  制作查看購(gòu)物車(chē)頁(yè)面   習(xí)題10 第11章  興宇書(shū)城后臺(tái)管理頁(yè)面   11.1  后臺(tái)管理登錄頁(yè)面的制作   11.2  查詢(xún)圖書(shū)頁(yè)面的制作   11.3  添加圖書(shū)頁(yè)面的制作   11.4  會(huì)員管理頁(yè)面的制作   11.5  頁(yè)面的整合   習(xí)題11 參考文獻(xiàn)