Web前台设计实例教程PDF|Epub|txt|kindle电子书版本网盘下载

Web前台设计实例教程PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第Ⅰ篇 使用Dreamweaver 4.O进行网页设计和网站管理3

第1章 初识网页3

1.1 网页实例3

1.1.1 个人网站“星星点灯”3

1.1.2 商业网站“指南针”6

1.2 有关网页制作的基础知识7

1.2.1 网页的基本组成元素7

1.2.2 HTML简介12

1.2.3 WWW的工作机制13

1.2.4 网页制作“三剑客”14

小结14

第2章 Dreamweaver 4.0概貌16

2.1 Dreamweaver4.0的新增功能16

2.2 Dreamweaver4.0的工作环境18

2.2.1 主编辑窗口18

2.2.2 属性检测器20

2.2.3 对象(0bjects)面板22

2.2.4 启动(Launcher)面板25

2.2.5 历史(History)面板26

2.2.6 HTML样式(HTML Styles)面板27

2.2.7 CSS样式(CSS Styles)面板27

2.2.8 库(Library)面板28

2.2.9 HTML源代码检查器28

2.2.10 框架(Frames)面板28

2.2.11 层(Layers)面板28

2.2.12 模板(Templates)面板29

2.2.13 快捷菜单29

2.3.1 常规(General)参数设置30

2.3 用户参数的设置30

2.3.2 源代码颜色(Code Colors)参数设置32

2.3.3 源代码格式(Code Format)参数设置32

2.3.4 代码重写(Code Rewriting)设置33

2.3.5 CSS样式(CSS Styles)设置34

2.3.6 文件类型/编辑器(File Types/Editor)设置34

2.3.7 字体/编码(Font/Encoding)参数设置35

2.3.8 突出显示(Highlighting)参数设置36

2.3.9 面板(Panels)设置37

2.3.10 状态栏(Status Bar)参数设置38

2.4 Dreamweaver4.0的菜单简介39

2.3.11 其他设置39

小结40

第3章 创建新的网页41

3.1 本地站点管理41

3.1.1 新建本地站点41

3.1.2 站点文件管理42

3.1.3 站点地图43

3.2 创建网页44

3.2.1 创建网页的有关操作44

3.2.2 设置页面属性46

3.2.3 网页的预览47

3.3 插入文本48

3.3.1 文本的样式48

3.3.2 文本的颜色51

3.4 插入图像52

3.4.1 插入普通图像53

3.4.2 插入翻转图像54

3.4.3 外部图像编辑器54

3.4.4 设置图像属性55

3.5 插入其他修饰符57

3.5.1 插入项目符号58

3.5.2 插入分隔线60

3.5.3 插入特殊字符61

3.5.4 插入日期和时间62

3.5.5 插入注释文字63

3.5.6 插入行终止符号64

3.6 段落的格式64

3.6.1 创建新段落64

3.6.3 缩进段落65

3.6.2 对齐段落65

3.7 创建超级链接66

3.7.1 文本的超级链接66

3.7.2 图片的超级链接67

小结69

第4章 网页定位技术70

4.1 表格70

4.1.1 创建表格70

4.1.2 设置表格属性71

4.1.3 表格的嵌套72

4.1.5 表格的修改73

4.1.4 填充表格73

4.1.6 表格中行、列及单元格的设置77

4.2 框架与框架集80

4.2.1 创建框架和框架集80

4.2.2 创建嵌套的框架集81

4.2.3 编辑框架81

4.2.4 生成无框架内容85

4.3 图层85

4.3.1 CSS简介85

4.3.3 创建层87

4.3.2 层的分类87

4.3.4 设置层属性88

4.3.5 有关层的操作90

4.3.6 层的嵌套93

4.3.7 将层转换为表格94

4.4 模板95

4.4.1 模板的概念95

4.4.2 创建模板97

4.4.3 使用模板编辑器97

4.4.5 自动更新98

4.4.4 编辑模板98

4.4.6 在模板中使用样式、时间线及行为100

小结100

第5章 动态HTML技术101

5.1 什么是动态HTML101

5.2 行为的概念101

5.2.1 什么是行为101

5.2.2 行为的附加及修改102

5.3.1 调用JavaScript(Call JavaScript)103

5.3 使用Dreamweaver 4.0中的行为103

5.3.2 改变属性(Change Property)104

5.3.3 检查浏览器(Check Browser)104

5.3.4 检查插件(Check Plugin)106

5.3.5 控制Shockwave或Flash(Control Shockwave or Flash)107

5.3.6 拖动图层(Drag Layer)107

5.3.7 跳转到URL(Go To URL)109

5.3.8 编辑跳转菜单(Jump Menu)109

5.3.9 打开浏览器窗口(Open Browser Window)110

5.3.10 播放声音(Play Sound)111

5.3.12 预载图像(Preload Images)112

5.3.11 弹出信息(Popup Message)112

5.3.13 设置导航条图像(Set Nav Bar Image)113

5.3.14 设置文本(Set Text)114

5.3.15 替换图像(Swap Image)116

5.3.16 替换图像恢复(Swap Image Restore)117

5.3.17验证表单(Validate Form)117

5.4 用时间线制作DHTML动画118

5.4.1 时间线的概念118

5.4.3 使用时间线创建时间线动画120

5.4.2 准备图层120

5.4.4 通过拖动路径创建时间线动画121

5.4.5 修改时间线的属性121

5.4.6 加入行为122

小结124

第Ⅱ篇 使用Fireworks 4.O进行网络图形设计127

第6章 Fireworks 4.0快速入门127

6.1 Fireworks 4.0简介127

6.1.1 Fireworks的优点127

6.1.2 Fireworks涉及的基本概念127

6.1.3 Fireworks4.0的新增功能130

6.2 Fireworks 4.0应用程序界面132

6.2.1 Fireworks 4.0的窗口结构132

6.2.2 使用浮动面板134

6.3 入门实例136

小结140

第7章 Fireworks 4.0实例141

7.1 Fireworks 4.0功能概览141

7.2 绘图工具的使用实例143

7.2.1 一个网站Logo图像的制作143

7.2.2 十字花形按钮的制作145

7.3 创建动画150

7.3.1 简单动画的例子151

7.3.2 复杂动画创作实例之一——淡入、淡出的动画效果155

7.3.3 复杂动画创作实例之二——一个主页标志(Logo)的制作160

7.4 热点和切片165

7.4.1 创建热点166

7.4.2 创建切片168

7.5 创建弹出菜单(Pop-up Menu)170

7.6 应用Fireworks 4.0中的遮罩(Mask)174

7.6.1 创建位图遮罩175

7.6.2 创建矢量遮罩176

7.6.3 区域内遮罩177

7.6.4 多对象遮罩178

7.6.5 对象组遮罩179

7.6.6 文字遮罩180

7.6.7 一个利用遮罩原理生成按钮的实例181

7.7 创建按钮和导航条182

7.7.1 简单二态按钮的制作183

7.7.2 标准四态按钮的制作187

7.7.3 导航条的制作188

7.8 动态翻转图192

7.8.1 关于翻转图的基本概念192

7.8.2 利用拖拽方式制作翻转图192

7.8.3 传统翻转图的制作方法195

小结196

第8章 Fireworks 4.0中文件的导入和导出198

8.1 文件的导入方式198

8.1.1 打开198

8.1.2 用导入方式生成Fireworks文档199

8.1.3 在已打开的Fireworks文档中导入文件202

8.2.1 导出图像实例206

8.2 文件的导出206

8.2.2 导出的结果207

8.2.3 用导出向导来导出图像207

8.2.4 导出中的优化和预览210

8.2.5 导出一个区域211

8.2.6 导出矢量路径213

小结216

9.1 Flash简介219

9.1.1 Flash的发展背景219

第9章 Flasr 5.0概述219

第Ⅲ篇 使用Flash 5.0进行动画设计219

9.1.2 Flash的特点220

9.2 初识Flash 5.0221

9.2.1 Flash 5.0的新增功能221

9.2.2 Flash 5.0对计算机环境的要求222

9.2.3 Flash 5.0的安装222

9.3 Flash 5.0的工作环境223

9.3.1 基本工作环境介绍223

9.3.2 时间线窗口224

9.3.3 控制面板226

9.4 使用Flash 5.0建立一个动画229

9.5 学习资源232

小结232

第10章 基本动画制作233

10.1 动画中的帧233

10.2 运动变形动画示例233

10.2.1 转动的星星233

10.2.2 渐变的星星237

10.3.1 一般变形动画238

10.3 形状变形动画示例238

10.3.2 可控变形动画240

10.4 色彩变化动画242

10.5 逐帧动画245

小结247

第11章 高级动画制作248

11.1 多层动画制作248

11.2 使用引导层251

11.2.1 链接引导层251

11.3.1 遮罩层的基本使用256

11.2.2 非链接引导层256

11.3 使用遮罩层256

11.3.2 水波效果260

11.4 合成声音261

11.4.1 声音的引入262

11.4.2 声音的编辑262

11.4.3 声音属性264

11.4.4 在作品中使用声音266

小结268

12.1 交互式动画概述270

第12章 交互式动画270

12.2 Flasr 5.0的变量、函数和表达式272

12.2.1 常量272

12.2.2 变量272

12.2.3 函数272

12.2.4 表达式及运算符273

12.3 播放控制语句274

12.3.1 Go To(跳转)语句274

12.3.2 Stop(停止)语句276

12.3.3 Play(播放)语句277

12.3.4 Toggle High Quality语句279

12.3.5 Stop All Sounds语句279

12.4 控制语句280

12.4.1 SetVariable(赋值)语句280

12.4.2 If与Else语句281

12.4.3 While循环语句283

12.4.4 Comment注释语句284

12.4.6 函数调用285

12.4.5 Trace(跟踪)语句285

12.5 动画播放控制287

12.5.1 setProperty(调整属性)语句287

12.5.2 duplicateMovieClip和removeMovieClip(复制/删除动画片段)语句289

12.5.3 装载/卸载外部动画语句291

12.5.4 tellTarget(控制目标)语句294

12.5.5 getURL(建立URL地址链接)语句294

小结295

第13章 Flash作品的输出和发布296

13.1 作品的输出(Export)296

13.2.1 发布当前作品302

13.2 作品的发布(Publish)302

13.2.2 设置发布作品的格式和参数303

13.2.3 发布作品的播放效果预览309

小结310

第Ⅳ篇 创作实例313

第14章 个人网站创作实例——Starshine313

14.1 个人网站设计概述313

14.1.1 整体规划313

14.1.2 制作流程314

14.1.3 网站设计规则与禁忌315

14.1.4 网站版式结构设计的一般原则319

14.2 个人网站实例322

14.2.1 网站内容结构322

14.2.2 目录结构322

14.2.3 建立网站地图323

14.2.4 网站的版式设计323

14.3 制作引导页324

14.3.1 引导页分类324

14.3.2 制作引导页中的动画325

14.3.3 引导页的最终完成329

14.4 网页元素的制作330

14.4.1 Logo的设计331

14.4.2 背景图案的制作332

14.4.3 广告条的制作333

14.4.4 小图标的制作334

14.4.5 标题设计335

14.5 制作全局导航条336

14.6 制作首页339

14.7 完成个人网站345

14.7.1 个人影集的制作346

14.7.2 科技版块的制作347

14.8 全面检查网站351

14.9 发布并宣传自己的网站351

14.9.1 发布个人网站351

14.9.2 宣传自己的网站353

小结356

第15章 综合实例——商业网站“指南针”357

15.1 建设商业网站的准备工作357

15.1.1 规划商业网站357

15.1.2 建立商业网站的过程359

15.2 “指南针”网站实例概况361

15.2.1 浏览整个网站362

15.2.2 网站中各文件的层次安排366

15.3 建设商业网站——网页设计与制作367

15.3.1 定义本地站点367

15.3.2 首页设计368

15.3.3 页面布局370

15.3.4 使用模板建设网站373

15.4.1 个性化风格376

15.4.2 Logo图像的设计376

15.4 建设商业网站——设计和制作网页图像与动画376

15.4.3 设计导航条按钮378

15.4.4 使用Flash 5.0制作网站首页动画383

15.4.5 发挥你的美术才能385

15.5 建设商业网站——电子商务实践385

15.5.1 电子商务应用的三种模式385

15.5.2 实现网上旅游预约386

15.5.3 在Dreamweaver4.0中使用ASP389

15.5.4 如何实现社区特色服务397

15.5.5 站点的维护406