第1章網(wǎng)頁設(shè)計(jì)概述
1.1初識(shí)網(wǎng)頁設(shè)計(jì)
1.1.1什么是網(wǎng)頁
1.1.2網(wǎng)頁設(shè)計(jì)的兩個(gè)基本問題
1.1.3網(wǎng)頁設(shè)計(jì)語言——html簡(jiǎn)介
1.1.4網(wǎng)頁制作軟件
1.2網(wǎng)站的建立
1.2.1網(wǎng)站的特征
1.2.2在dreamweaver中建立站點(diǎn)
1.3web服務(wù)器與瀏覽器
1.3.1web服務(wù)器的作用
1.3.2瀏覽器的種類和作用
1.4靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁
1.5url的含義和結(jié)構(gòu)
1.6域名與主機(jī)的關(guān)系
習(xí)題
第2章html
2.1html概述
2.1.1html文檔的結(jié)構(gòu)
2.1.2dreamweaver的開發(fā)界面
2.1.3使用dw新建html文件
2.1.4html標(biāo)記
2.1.5常見的html標(biāo)記及屬性
2.2在網(wǎng)頁中添加文本
2.2.1文本格式標(biāo)記
2.2.2文本的換行和空格
2.2.3文本中的字符實(shí)體
2.2.4字體標(biāo)記
2.2.5創(chuàng)建列表
2.3利用dw代碼視圖提高效率
2.3.1代碼提示
2.3.2拆分視圖和代碼快速定位
2.3.3dw中的常用快捷鍵
2.4插入圖像
2.4.1＜img＞標(biāo)記
2.4.2網(wǎng)頁中支持的圖像格式
2.5創(chuàng)建超鏈接
2.5.1超鏈接標(biāo)記＜a＞
2.5.2絕對(duì)url與相對(duì)url
2.5.3超鏈接的種類
2.5.4超鏈接目標(biāo)的打開方式
2.5.5超鏈接制作的原則
2.5.6dw中超鏈接“屬性”面板的使用
2.6插入flash及多媒體元素
2.6.1插入flash的方法
2.6.2插入視頻或音頻文件
2.6.3html5新增的多媒體標(biāo)記
2.7創(chuàng)建表格
2.7.1表格標(biāo)記＜table＞
2.7.2行標(biāo)記＜tr＞和單元格標(biāo)記＜td＞、＜th＞
2.7.3在dw中操作表格的方法
2.7.4制作固定寬度的表格
2.7.5特殊效果表格的制作
2.7.6用普通表格與布局表格進(jìn)行網(wǎng)頁布局
2.7.7表格布局綜合案例——制作太陽能網(wǎng)站
2.8創(chuàng)建表單
2.8.1＜form＞標(biāo)記及其屬性
2.8.2＜input／＞標(biāo)記
2.8.3＜select＞和＜o(jì)ption＞標(biāo)記
2.8.4多行文本域標(biāo)記＜textarea＞
2.8.5表單數(shù)據(jù)的傳遞過程
2.8.6表單中的按鈕
2.8.7表單的輔助標(biāo)記
2.8.8html5新增的表單標(biāo)記和屬性
2.9框架標(biāo)記
2.9.1框架的作用
2.9.2＜frameset＞標(biāo)記
2.9.3＜frame／＞標(biāo)記
2.9.4嵌入式框架標(biāo)記＜iframe＞
2.10頭部標(biāo)記
習(xí)題
第3章xhtml與web標(biāo)準(zhǔn)
3.1xhtml與html的區(qū)別
3.1.1文檔類型的含義和選擇
3.1.2xhtml與html的重要區(qū)別
3.2web標(biāo)準(zhǔn)
3.2.1傳統(tǒng)html的缺點(diǎn)
3.2.2web標(biāo)準(zhǔn)的含義
3.2.3web標(biāo)準(zhǔn)的優(yōu)勢(shì)
3.3html元素的概念
3.3.1行內(nèi)元素和塊級(jí)元素
3.3.2＜div＞和＜span＞標(biāo)記
3.4html5簡(jiǎn)介
3.4.1html5新增的標(biāo)記
3.4.2html5語法的改進(jìn)
習(xí)題
第4章css
4.1css基礎(chǔ)
4.1.1css的語法
4.1.2在html中引入css的方法
4.1.3選擇器的分類
4.1.4css文本修飾
4.1.5偽類選擇器及其應(yīng)用
4.2css的特性
4.2.1css的層疊性
4.2.2css的繼承性
4.2.3選擇器的組合
4.2.4css2.1新增選擇器簡(jiǎn)介
4.3css設(shè)計(jì)和書寫技巧
4.3.1css樣式總體設(shè)計(jì)原則
4.3.2dw對(duì)css的可視化編輯支持
4.3.3css屬性的值和單位
4.3.4瀏覽器的私有css屬性
4.4盒子模型及標(biāo)準(zhǔn)流下的定位
4.4.1盒子模型基礎(chǔ)
4.4.2盒子模型的應(yīng)用
4.4.3盒子在標(biāo)準(zhǔn)流下的定位原則
4.5背景的控制
4.5.1css的背景屬性
4.5.2背景的基本運(yùn)用技術(shù)
4.5.3滑動(dòng)門技術(shù)——背景的高級(jí)運(yùn)用
4.5.4背景圖案的翻轉(zhuǎn)——控制背景的顯示區(qū)域
4.5.5css圓角設(shè)計(jì)
4.6盒子的浮動(dòng)
4.6.1盒子浮動(dòng)后的特點(diǎn)
4.6.2浮動(dòng)的清除
4.6.3浮動(dòng)的瀏覽器解釋問題
4.6.4浮動(dòng)的應(yīng)用舉例
4.7相對(duì)定位和絕對(duì)定位
4.7.1定位屬性和偏移屬性
4.7.2相對(duì)定位
4.7.3相對(duì)定位的應(yīng)用舉例
4.7.4絕對(duì)定位
4.7.5絕對(duì)定位的應(yīng)用舉例
4.7.6dw中定位屬性面板介紹
4.7.7與position屬性有關(guān)的css屬性
4.8css+div布局
4.8.1分欄布局的種類
4.8.2固定寬度布局
4.8.3css布局的案例——重構(gòu)太陽能網(wǎng)站
4.8.4可變寬度布局
4.8.5html5新增的文檔結(jié)構(gòu)標(biāo)記
4.8.6css3新增功能和屬性一瞥
4.9css瀏覽器的兼容問題
習(xí)題
第5章fireworks
5.1fireworks基礎(chǔ)
5.1.1矢量圖和位圖的概念
5.1.2認(rèn)識(shí)fireworks的界面
5.1.3新建、打開和導(dǎo)入文件
5.1.4畫布和圖像的調(diào)整
5.2操作對(duì)象
5.2.1選擇、移動(dòng)和對(duì)齊對(duì)象
5.2.2變形和扭曲
5.2.3改變對(duì)象的疊放次序
5.2.4設(shè)置對(duì)象的不透明度
5.2.5操作對(duì)象的快捷鍵
5.3編輯位圖
5.3.1創(chuàng)建和取消選區(qū)
5.3.2復(fù)制和移動(dòng)選區(qū)中的內(nèi)容
5.3.3編輯選區(qū)中的像素區(qū)域
5.4繪制矢量圖形
5.4.1創(chuàng)建矢量圖形
5.4.2填充和筆觸屬性
5.4.3自由形狀工具
5.4.4調(diào)整矢量線條
5.4.5路徑的切割和組合
5.4.6路徑和選區(qū)的相互轉(zhuǎn)換
5.5文本對(duì)象的使用
5.5.1文本編輯和修飾的過程舉例
5.5.2特殊文字效果制作舉例
5.5.3將文本附加到路徑
5.6蒙版
5.6.1使用“粘貼于內(nèi)部”創(chuàng)建矢量蒙版
5.6.2創(chuàng)建圖層蒙版
5.7簡(jiǎn)單gif動(dòng)畫的制作
5.7.1使用補(bǔ)間實(shí)例制作動(dòng)畫
5.7.2制作遮罩動(dòng)畫
5.8切片及導(dǎo)出
5.8.1切片的作用
5.8.2切片的基本操作
5.8.3切片的實(shí)例
習(xí)題
第6章網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計(jì)過程
6.1網(wǎng)站開發(fā)的過程
6.1.1基本任務(wù)和角色
6.1.2網(wǎng)站開發(fā)過程的各環(huán)節(jié)
6.2遵循web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計(jì)步驟
6.2.1網(wǎng)頁設(shè)計(jì)步驟概述
6.2.2內(nèi)容分析
6.2.3html結(jié)構(gòu)設(shè)計(jì)
6.2.4原型設(shè)計(jì)
6.2.5網(wǎng)頁效果圖設(shè)計(jì)
6.2.6布局設(shè)計(jì)
6.2.7視覺設(shè)計(jì)
6.2.8交互效果設(shè)計(jì)
6.2.9css布局的優(yōu)點(diǎn)
6.3網(wǎng)站的風(fēng)格設(shè)計(jì)
6.3.1網(wǎng)站風(fēng)格設(shè)計(jì)的基本原則
6.3.2網(wǎng)頁色彩的搭配
6.3.3網(wǎng)頁版式設(shè)計(jì)
6.4網(wǎng)站的欄目規(guī)劃和目錄結(jié)構(gòu)設(shè)計(jì)
6.4.1網(wǎng)站的欄目規(guī)劃
6.4.2網(wǎng)站的目錄結(jié)構(gòu)設(shè)計(jì)
6.5網(wǎng)站的導(dǎo)航設(shè)計(jì)
6.5.1導(dǎo)航的實(shí)現(xiàn)方法
6.5.2導(dǎo)航的設(shè)計(jì)策略
6.6網(wǎng)站的環(huán)境準(zhǔn)備
6.6.1架設(shè)網(wǎng)站的基本條件
6.6.2購買主機(jī)空間和域名
6.6.3配置主機(jī)空間和域名
6.6.4上傳網(wǎng)站
習(xí)題
第7章javascript
7.1javascript簡(jiǎn)介
7.1.1javascript的特點(diǎn)
7.1.2javascript的用途
7.1.3javascript的代碼結(jié)構(gòu)
7.1.4事件監(jiān)聽程序
7.1.5開發(fā)和調(diào)試javascript的工具
7.2javascript語言基礎(chǔ)
7.2.1javascript的變量
7.2.2javascript的運(yùn)算符
7.2.3javascript數(shù)據(jù)類型
7.2.4數(shù)組
7.2.5javascript語句
7.2.6函數(shù)
7.3對(duì)象
7.3.1javascript對(duì)象
7.3.2with語句
7.3.3this關(guān)鍵字
7.3.4javascript的內(nèi)置對(duì)象
7.4瀏覽器對(duì)象模型bom
7.4.1window對(duì)象
7.4.2定時(shí)操作函數(shù)
7.4.3location對(duì)象
7.4.4history對(duì)象
7.4.5document對(duì)象
7.4.6screen對(duì)象
7.5文檔對(duì)象模型dom
7.5.1網(wǎng)頁中的dom模型
7.5.2dom編程引例
7.5.3訪問指定節(jié)點(diǎn)
7.5.4訪問和設(shè)置元素的html屬性
7.5.5訪問和設(shè)置元素的內(nèi)容
7.5.6訪問和設(shè)置元素的css屬性
7.5.7創(chuàng)建和替換元素節(jié)點(diǎn)
7.5.8用dom控制表單
7.6事件處理
7.6.1事件流
7.6.2處理事件的兩種方法
7.6.3瀏覽器中的常用事件
7.6.4事件對(duì)象
7.6.5dom和事件編程實(shí)例
7.7javascript插件應(yīng)用舉例
7.7.1使用highslide制作lightbox效果
7.7.2使用pxiviewer制作圖片輪顯效果
7.8iquery框架使用入門
7.8.1iquery框架的功能
7.8.2下載并使用iquer
7.8.3iquery中的“＄”
7.8.4iquery對(duì)象與dom對(duì)象
7.8.5iquery的選擇器
7.8.6iquery中的常用方法