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

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