最新網(wǎng)頁(yè)設(shè)計(jì)與制作教程

第1章 網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
1.1 Internet基礎(chǔ)知識(shí)
1.1.1 Internet的應(yīng)用
1.1.2 Internet中的IP地址
1.1.3 域名系統(tǒng)
1.2 網(wǎng)頁(yè)技術(shù)基礎(chǔ)
1.3 靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)
1.4 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)
1.4.1 CGI
1.4.2 ASP
1.4.3 PHP
1.4.4 JSP
1.5 常用網(wǎng)頁(yè)設(shè)計(jì)工具
1.5.1 FrontPage 2000
1.5.2 Dreamweaver 4
1.5.3 Flash 5
1.5.4 Fireworks 4
練習(xí)一
一、基礎(chǔ)題
二、上機(jī)題
第2章 HTML基礎(chǔ)應(yīng)用
2.1 HTML基礎(chǔ)知識(shí)
2.2 基本標(biāo)志
2.2.1 文檔標(biāo)志
2.2.2 文件頭標(biāo)志
2.2.3 文件主體標(biāo)志
2.2.4 文件標(biāo)題標(biāo)志
2.3 頁(yè)面格式標(biāo)志
2.3.1 段落標(biāo)志
2.3.2 換行標(biāo)志
2.3.3 列表標(biāo)志
2.3.4 標(biāo)題格式標(biāo)志
2.4 文本標(biāo)志
2.4.1 黑體字、斜體、下劃線標(biāo)志
2.4.2 文字字型標(biāo)志
2.4.3 文字大小、字體、顏色標(biāo)
2.4.4 文本標(biāo)志的綜合應(yīng)用
2.5 圖像標(biāo)志
2.5.1 圖像屬性賦值標(biāo)志
2.5.2 水平線標(biāo)志
2.5.3 圖像標(biāo)志綜合應(yīng)用
2.6 表格標(biāo)志
2.6.1 創(chuàng)建表格標(biāo)志
2.6.2 行、單元格和表格頭標(biāo)志
2.6.3 表格標(biāo)志的綜合應(yīng)用
2.7 鏈接標(biāo)志
2.7.1 創(chuàng)建鏈接頁(yè)面標(biāo)志
2.7.2 創(chuàng)建鏈按標(biāo)簽標(biāo)志
2.7.3 鏈接標(biāo)志的綜合應(yīng)用
2.8 幀標(biāo)志
2.8.1 幀屬性標(biāo)志
2.8.2 幀內(nèi)容標(biāo)志
2.8.3 幀標(biāo)志的綜合應(yīng)用
2.9 表單標(biāo)志
2.9.1 創(chuàng)建表單標(biāo)志
2.9.2 定義輸入?yún)^(qū)標(biāo)志
2.9.3 創(chuàng)建列表框標(biāo)志
2.9.4 創(chuàng)建文本框標(biāo)志
2.10 多媒體標(biāo)志
2.10.1 插入背景音樂標(biāo)志
2.10.2 插入各種多媒體標(biāo)志
2.11 其他標(biāo)志
2.11.1 ＜MARQUEE＞
2.11.2 ＜BLINK＞
2.11.3 ＜META＞
2.11.4 ＜LINK＞
2.12 特殊字符
2.13 調(diào)色原理
練習(xí)二
一、基礎(chǔ)題
二、上機(jī)題
第3章 JavaScript基礎(chǔ)應(yīng)用
3.1 JavaScript簡(jiǎn)介
3.1.1 JavaScript特點(diǎn)
3.1.2 JavaScript和Java的區(qū)別
3.1.3 JavaScript程序運(yùn)行環(huán)境
3.1.4 編寫JavaScript簡(jiǎn)單程序
3.2 JavaScript基本數(shù)據(jù)結(jié)構(gòu)
3.2.1 JavaScript代碼的加入
3.2.2 基本數(shù)據(jù)類型
3.2.3 表達(dá)式和運(yùn)算符
3.2.4 跑馬燈效果
3.3 JavaScript程序構(gòu)成
3.3.1 程序控制流
3.3.2 函數(shù)
3.3.3 事件驅(qū)動(dòng)及事件處理
3.3.4 JavaScript程序的應(yīng)用
3.4 基于對(duì)象的JavaScript語(yǔ)言
3.4.1 對(duì)象的基礎(chǔ)知識(shí)
3.4.2 常用對(duì)象的屬性
3.4.3 時(shí)鐘顯示實(shí)例
3.5 創(chuàng)建新對(duì)象
3.5.1 對(duì)象的定義
3.5.2 創(chuàng)建對(duì)象實(shí)例
3.5.3 對(duì)象方法的使用
3.5.4 JavaScript中的數(shù)組
3.6 使用內(nèi)部對(duì)象系統(tǒng)
3.6.1 瀏覽器對(duì)象層次及其主要作用
3.6.2 文檔對(duì)象功能及其作用
3.6.3 內(nèi)部對(duì)象的應(yīng)用
3.7 對(duì)象輸入輸出
3.7.1 窗口及輸入輸出
3.7.2 簡(jiǎn)單的輸入輸出
3.7.3 進(jìn)入主頁(yè)所停留時(shí)間的效果
3.8 Web頁(yè)面信息的交互
3.8.1 窗體基礎(chǔ)知識(shí)
3.8.2 窗體中的基本元素
3.8.3 Web頁(yè)面信息交互的應(yīng)用
3.9 框架
3.9.1 什么是框架
3.9.2 如何訪問(wèn)框架
3.9.3 復(fù)雜的信息交互
練習(xí)三
一、基礎(chǔ)題
二、上機(jī)題
第4章 FrontPage 2000網(wǎng)頁(yè)設(shè)計(jì)
4.1 FrontPage 2000基礎(chǔ)
4.1.1 啟動(dòng)FrontPage 2000
4.1.2 添加命令到工具欄上
2.2 FrontPage 2000應(yīng)用技術(shù)
4.2.1 頁(yè)面屬性
4.2.2 文本
4.2.3 橫幅廣告
4.2.4 站點(diǎn)計(jì)數(shù)器
4.2.5 懸停按鈕
4.2.6 設(shè)置字幕
4.3 FrontPage 2000實(shí)例
4.3.1 使用FronPage 2000處理圖像
4.3.2 制作搜索引擎
4.3.3 制作簡(jiǎn)單的網(wǎng)頁(yè)
4.3.4 保存和發(fā)布主頁(yè)
練習(xí)四
一、基礎(chǔ)題
二、上機(jī)題
第5章 Dreamweaver 4網(wǎng)頁(yè)設(shè)計(jì)
5.1 定義站點(diǎn)
5.2 建立主頁(yè)
5.3 Dreamweaver 4基本操作
5.3.1 頁(yè)面的常規(guī)操作
5.3.2 導(dǎo)入Word文件
5.3.3 HTML源文件的操作
5.3.4 表格操作
5.3.5 交互式表單
5.4 CSS樣式應(yīng)用
5.4.1 鏈接文字技巧
5.4.2 3D文字
5.4.3 CSS濾鏡實(shí)例
5.5 層與時(shí)間線的應(yīng)用
5.5.1 鼠標(biāo)移到圖片時(shí)顯示隱藏圖層
5.5.2 拖動(dòng)圖層的應(yīng)用
5.5.3 單擊按鈕出現(xiàn)隱藏圖層
5.5.4 下拉菜單的實(shí)現(xiàn)
5.5.5 時(shí)間軸
5.6 行為技術(shù)的應(yīng)用
5.6.1 變換圖像一
5.6.2 變換圖像二
5.6.3 制作滾動(dòng)菜單
5.6.4 制作滑動(dòng)菜單
練習(xí)五
一、基礎(chǔ)題
二、上機(jī)題
第6章 Flash 5網(wǎng)頁(yè)設(shè)計(jì)
6.1 Flash 5網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)
6.1.1 對(duì)象的處理
6.1.2 對(duì)象的編輯
6.1.3 對(duì)象的修改
6.1.4 對(duì)象的轉(zhuǎn)換
6.1.5 對(duì)曲線的修改
6.2 Flash 5網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用
6.2.1 Flash 5的繪圖功能
6.2.2 Flash 5的漸層工具
6.2.3 Flash 5的倒酒杯動(dòng)畫
6.2.4 Flash 5時(shí)間軸的基本操作
6.3 聲音效果
6.3.1 輸入聲音文件
6.3.2 設(shè)置聲音
6.3.3 聲音效果的編輯
6.3.4 截取聲音片段
6.3.5 設(shè)置聲音同步類型與播放次數(shù)
6.3.6 給按鈕配音
6.3.7 制作實(shí)例
6.4 Flash 5實(shí)例
6.4.1 閃亮的文字
6.4.2 蹦跳的皮球
6.4.3 動(dòng)感“I Love You”
6.4.4 文字輪廓內(nèi)的動(dòng)畫
6.4.5 制作“Now Loading”
6.4.6 酷炫的鼠標(biāo)軌跡
練習(xí)六
一、基礎(chǔ)題
二、上機(jī)題
第7章 Fireworks 4網(wǎng)頁(yè)設(shè)計(jì)
7.1 Fireworks 4基礎(chǔ)知識(shí)
7.1.1 工具箱
7.1.2 面板
7.1.3 轉(zhuǎn)存
7.2 Fireworks 4網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用
7.2.1 編輯模式概述
7.2.2 圖片編輯模式
7.2.3 添加生動(dòng)效果
7.2.4 Fireworks 4的文本編輯
7.2.5 字體效果
7.2.6 合成圖像
7.3 Fireworks 4技巧與實(shí)例
7.3.1 制作主頁(yè)標(biāo)題
7.3.2 網(wǎng)頁(yè)元素制作實(shí)例
7.3.3 制作宣傳畫
7.3.4 公司網(wǎng)頁(yè)制作實(shí)例
練習(xí)七
一、基礎(chǔ)題
二、上機(jī)題