网页设计从零开始完全精通【2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载】

网页设计从零开始完全精通PDF格式电子书版下载

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

网页入门篇1

第1章 了解网页基本内容1

1.1 了解网页基本概念2

1.1.1 了解网页概念2

1.1.2 了解网页分类3

1.2 了解网页基本常识6

1.2.1 网页专业术语介绍6

1.2.2 HTML的组成及语法8

1.2.3 设计网页的基本原则9

1.3 了解网页基本组成元素12

1.3.1 网页中的文字12

1.3.2 网页中的图片13

1.3.3 网页中的动画14

1.3.4 网页中的表格14

1.3.5 网页中的超链接15

1.3.6 网页中的表单16

1.4 网页的色彩搭配16

1.4.1 网页配色基础16

1.4.2 常见的网页配色方案17

1.4.3 网页色彩搭配的技巧18

1.4.4 网页色彩的注意事项20

第2章 了解网页制作流程21

2.1 了解网站的制作流程22

2.1.1 定位网站主题23

2.1.2 构建网站框架24

2.1.3 设计网站形象25

2.1.4 制作网站页面27

2.1.5 发布与宣传网站28

2.1.6 更新与维护网站内容30

2.2 网站建设方案书写流程31

2.2.1 获取客户需求31

2.2.2 选择网站栏目结构31

2.2.3 明确网站使用功能32

2.2.4 书写网站建设方案33

2.2.5 网站费用预算方案33

2.2.6 部门经理审核34

2.2.7 确认网站建设方案34

2.3 了解网页的制作软件35

2.3.1 网页布局软件Dreamweaver CS635

2.3.2 动画制作软件Flash CS636

2.3.3 图像处理软件Photoshop CS637

网页制作篇38

第3章 从零开始学Dreamweaver CS638

3.1 了解Dreamweaver CS6的操作界面39

3.1.1 菜单栏39

3.1.2 “属性”面板40

3.1.3 文档工具栏窗口41

3.1.4 “插入”面板42

3.1.5 浮动面板45

3.2 创建网页本地站点46

3.2.1 使用向导建立站点46

3.2.2 设置本地或网络连接选项47

3.2.3 创建站点文件和文件夹47

3.3 添加与设置文本48

3.3.1 新手练兵——在网页中添加文本48

3.3.2 新手练兵——设置文本字体类型50

3.3.3 新手练兵——设置文本属性51

3.3.4 新手练兵——设置文本的颜色52

3.4 插入常见网页元素53

3.4.1 新手练兵——插入图像53

3.4.2 新手练兵——插入日期55

3.4.3 新手练兵——插入水平线56

3.4.4 插入特殊字符57

3.4.5 插入背景音乐58

3.4.6 插入Flash动画59

3.4.7 插入各种表单61

3.5 创建常用网页链接62

3.5.1 链接的含义63

3.5.2 新手练兵——E-mail链接63

3.5.3 新手练兵——图像热点链接64

3.5.4 新手练兵——下载文件链接66

3.5.5 新手练兵——锚点链接67

3.5.6 脚本链接68

3.5.7 空链接69

第4章 创建表格与Div的布局70

4.1 创建与设置表格71

4.1.1 创建表格的方法71

4.1.2 新手练兵——设置表格的属性73

4.1.3 新手练兵——设置单元格属性74

4.2 选择表格各元素75

4.2.1 选取表格75

4.2.2 新手练兵——选取行或列77

4.2.3 新手练兵——选取单元格78

4.3 表格的常用操作79

4.3.1 调整表格高度和宽度79

4.3.2 新手练兵——添加或删除行或列81

4.3.3 新手练兵——拆分单元格82

4.3.4 新手练兵——合并单元格83

4.3.5 新手练兵——剪切、复制和粘贴单元格84

4.4 Div的常用操作85

4.4.1 了解Div的含义85

4.4.2 新手练兵——创建Div标签86

4.4.3 新手练兵——创建AP Div87

4.4.4 AP Div与表格的互换90

第5章 制作网页框架及框架集92

5.1 认识框架及框架集93

5.2 创建各种框架94

5.2.1 新手练兵——创建预定义的框架集94

5.2.2 新手练兵——创建自定义框架集95

5.2.3 新手练兵——拆分自定义框架95

5.2.4 新手练兵——创建嵌套框架96

5.3 框架及框架集常用操作97

5.3.1 选择框架和框架集98

5.3.2 删除框架和框架集99

5.3.3 保存框架和框架集99

5.4 设置框架及框架集的属性101

5.4.1 新手练兵——设置框架的属性101

5.4.2 新手练兵——设置框架集的属性102

5.4.3 新手练兵——设置框架集的网页标题103

5.4.4 新手练兵——使用链接控制框架的内容103

5.4.5 新手练兵——为不支持框架的网页设置内容105

5.5 创建与设置浮动框架106

5.5.1 新手练兵——创建浮动框架106

5.5.2 新手练兵——设置浮动框架属性107

第6章 使用CSS修饰美化网页109

6.1 CSS概述110

6.1.1 什么是CSS110

6.1.2 如何编写CSS111

6.1.3 新手练兵——创建CSS样式表112

6.2 设置CSS属性114

6.2.1 新手练兵——设置类型属性114

6.2.2 新手练兵——设置背景属性116

6.2.3 新手练兵——设置区块属性117

6.2.4 新手练兵——设置方框属性118

6.2.5 设置边框属性119

6.2.6 设置列表属性120

6.2.7 设置定位属性120

6.2.8 设置扩展属性121

6.3 管理CSS样式表122

6.3.1 新手练兵——外联样式表122

6.3.2 新手练兵——内嵌样式表124

6.4 使用CSS滤镜124

6.4.1 滤镜基本概述125

6.4.2 新手练兵——光晕（Glow）滤镜125

6.4.3 新手练兵——模糊（Blur）滤镜126

6.4.4 新手练兵——遮罩（Mask）滤镜127

6.4.5 透明色（Chroma）滤镜128

6.4.6 阴影（Dropshadow）滤镜129

6.4.7 波浪（Wave）滤镜130

6.4.8 X射线（Xrav）滤镜130

第7章 使用CSS和Div布局网页132

7.1 初步了解CSS与Div133

7.1.1 Web标准的基本含义133

7.1.2 Div基本功能134

7.1.3 Div与Span的区别135

7.1.4 ID与Class的区别135

7.1.5 CSS+Div布局的优势135

7.1.6 新手练兵——设置AP Div的属性136

7.2 CSS常用布局方法138

7.2.1 将页面用Div分块138

7.2.2 CSS定位的定义139

7.2.3 利用CSS堆定位元素位置139

7.2.4 用CSS定位各块的位置139

7.3 常见的布局类型140

7.3.1 单行单列固定宽度141

7.3.2 两列右列宽度自适应141

7.3.3 一列宽度自适应143

7.3.4 一列固定宽度居中143

7.3.5 两列固定宽度144

7.3.6 两列宽度自适应146

7.3.7 两列固定宽度居中布局147

7.3.8 三列浮动中间列宽度自适应148

7.3.9 高度自适应149

第8章 运用行为制作交互网页151

8.1 了解行为含义152

8.1.1 认识“行为”面板152

8.1.2 “事件”菜单153

8.1.3 熟悉动作类型154

8.1.4 新手练兵——添加行为154

8.2 设置网络浏览器环境156

8.2.1 新手练兵——检查表单156

8.2.2 新手练兵——打开浏览器窗口158

8.2.3 新手练兵——转到URL网页160

8.2.4 检查插件161

8.3 设置网页图像的动作162

8.3.1 新手练兵——交换图像162

8.3.2 新手练兵——预先载入图像164

8.4 设置不同的网页文本165

8.4.1 新手练兵——设置状态栏文本165

8.4.2 新手练兵——设置容器中的文本167

8.4.3 新手练兵——设置框架文本168

8.5 设置特殊的网页效果169

8.5.1 新手练兵——增大／收缩效果170

8.5.2 新手练兵——挤压效果171

8.5.3 新手练兵——晃动效果172

8.5.4 显示／渐隐效果173

8.5.5 遮帘效果174

网页动画篇176

第9章 从零开始学Flash CS6176

9.1 了解Flash CS6工作界面177

9.1.1 菜单栏177

9.1.2 工具箱178

9.1.3 时间轴面板180

9.1.4 舞台182

9.1.5 “属性”面板183

9.1.6 面板组184

9.2 场景的基本操作185

9.2.1 新手练兵——添加场景185

9.2.2 新手练兵——查看场景186

9.2.3 新手练兵——使用标尺186

9.2.4 新手练兵——使用网格187

9.2.5 新手练兵——使用辅助线188

9.3 文本工具的基本使用190

9.3.1 新手练兵——创建静态文本190

9.3.2 新手练兵——创建动态文本191

9.3.3 新手练兵——创建输入文本192

9.3.4 新手练兵——制作阴影文字193

9.4 Flash动画的测试与发布194

9.4.1 新手练兵——测试Flash作品195

9.4.2 优化动画197

9.4.3 新手练兵——发布动画198

第10章 Flash CS6绘图基础200

10.1 绘制图形对象201

10.1.1 新手练兵——线条工具201

10.1.2 新手练兵——铅笔工具202

10.1.3 新手练兵——钢笔工具203

10.1.4 新手练兵——椭圆工具205

10.1.5 新手练兵——矩形工具207

10.1.6 新手练兵——多角星形工具208

10.2 填充图形对象209

10.2.1 新手练兵——墨水瓶工具209

10.2.2 新手练兵——颜料桶工具210

10.2.3 新手练兵——刷子工具212

10.2.4 新手练兵——渐变变形工具213

10.3 编辑图形对象215

10.3.1 新手练兵——选择工具215

10.3.2 新手练兵——套索工具216

10.3.3 新手练兵——任意变形工具217

10.3.4 新手练兵——移动对象218

10.3.5 新手练兵——复制对象219

10.3.6 新手练兵——删除对象220

第11章 应用库面板制作网页222

11.1 元件的应用223

11.1.1 元件的类型223

11.1.2 新手练兵——创建图形元件224

11.1.3 新手练兵——创建按钮元件226

11.1.4 将图形转换为影片剪辑元件229

11.1.5 在不同模式下编辑元件230

11.1.6 新手练兵——复制与删除元件231

11.2 实例的应用233

11.2.1 新手练兵——创建实例233

11.2.2 新手练兵——交换元件实例234

11.2.3 新手练兵——改变实例类型235

11.2.4 新手练兵——分离实例236

11.2.5 新手练兵——查看实例信息236

11.2.6 新手练兵——复制实例238

11.2.7 改变实例的颜色和透明度239

11.3 库的应用242

11.3.1 库面板的组成242

11.3.2 新手练兵——编辑元件243

11.3.3 新手练兵——调用其他库元件245

11.3.4 新手练兵——使用共享替换元件246

第12章 制作简单的网页动画248

12.1 创建简单Flash动画249

12.1.1 新手练兵——创建逐帧动画249

12.1.2 新手练兵——导入逐帧动画251

12.1.3 新手练兵——创建引导动画253

12.1.4 新手练兵——创建形状渐变动画255

12.1.5 新手练兵——创建动作渐变动画256

12.1.6 新手练兵——创建遮罩层动画257

12.1.7 新手练兵——创建被遮罩层动画259

12.2 了解ActionScript脚本260

12.2.1 ActionScript脚本含义260

12.2.2 使用ActionScript脚本261

12.2.3 整理ActionScript脚本262

12.2.4 编写ActionScript脚本262

12.3 制作ActionScript特效263

12.3.1 新手练兵——制作隐形按钮263

12.3.2 新手练兵——创建文本链接265

12.3.3 新手练兵——创建跳转网页267

12.3.4 新手练兵——制作网页特效268

网页图像篇271

第13章 从零开始学Photoshop CS6271

13.1 网页图像的基本常识272

13.1.1 了解矢量图和位图272

13.1.2 熟悉各种颜色模式273

13.1.3 了解各种图像格式276

13.2 了解Photoshop工作界面277

13.2.1 菜单栏278

13.2.2 状态栏278

13.2.3 工具箱279

13.2.4 工具属性栏280

13.2.5 图像编辑窗口280

13.2.6 浮动面板281

13.3 掌握页面布局辅助工具282

13.3.1 新手练兵——使用标尺282

13.3.2 新手练兵——使用参考线283

13.3.3 新手练兵——应用网格285

13.3.4 新手练兵——应用注释工具286

13.4 设置网页图像的颜色286

13.4.1 新手练兵——设置前景色和背景色286

13.4.2 新手练兵——运用菜单命令填充颜色289

13.4.3 新手练兵——使用油漆桶工具设置颜色290

13.4.4 新手练兵——使用渐变工具设置颜色291

第14章 创建选区与文本294

14.1 创建网页图像选区295

14.1.1 新手练兵——创建不规则的选区295

14.1.2 新手练兵——创建几何选区296

14.1.3 新手练兵——创建随意的选区297

14.1.4 新手练兵——创建颜色选区299

14.2 编辑网页图像选区301

14.2.1 新手练兵——羽化选区301

14.2.2 新手练兵——变换选区302

14.2.3 新手练兵——描边选区304

14.2.4 新手练兵——填充选区305

14.2.5 新手练兵——剪切图像选区306

14.2.6 新手练兵——拷贝选区图像308

14.3 编辑网页图像文本309

14.3.1 认识文字工具组309

14.3.2 新手练兵——输入横排文字310

14.3.3 新手练兵——输入直排文字312

14.3.4 新手练兵——设置文本格式313

14.3.5 新手练兵——设置变形文字314

第15章 修饰与调整网页图像316

15.1 裁剪网页图像317

15.1.1 新手练兵——运用工具裁剪图像317

15.1.2 新手练兵——运用命令裁切图像318

15.1.3 新手练兵——精确裁剪网页图像318

15.2 修饰网页图像320

15.2.1 修饰类工具320

15.2.2 擦除类工具322

15.2.3 图章类工具323

15.2.4 新手练兵——修复类工具325

15.2.5 新手练兵——调色类工具327

15.3 调整网页图像的颜色330

15.3.1 查看网页图像的颜色330

15.3.2 新手练兵——调整网页图像的色彩331

15.3.3 新手练兵——调整网页图像的色调335

第16章 创建网页动画特效343

16.1 优化网络图像344

16.1.1 优化GIF格式图像344

16.1.2 优化JPEG格式345

16.2 制作动态图像346

16.2.1 “时间轴”面板346

16.2.2 新手练兵——创建动态图像347

16.2.3 新手练兵——制作动态图像347

16.2.4 新手练兵——保存动态效果349

16.2.5 新手练兵——创建过渡动画350

16.2.6 新手练兵——制作图像切换动画352

16.2.7 新手练兵——创建文字变形动画353

16.3 编辑切片图像355

16.3.1 了解切片对象种类356

16.3.2 新手练兵——创建切片356

16.3.3 创建自动切片357

16.4 管理切片358

16.4.1 新手练兵——选择、移动与调整切片358

16.4.2 新手练兵——转换与锁定切片359

16.4.3 新手练兵——组合与删除切片360

16.4.4 设置切片选项362

案例实战篇363

第17章 网页设计案例实战363

17.1 微博注册页面364

17.1.1 制作页面框架364

17.1.2 制作页面内容367

17.2 个性时尚主页373

17.2.1 制作文字效果374

17.2.2 制作动作效果377

第18章 网页动画案例实战379

18.1 商业广告动画380

18.1.1 制作渐变动画380

18.1.2 制作遮罩动画385

18.2 网站导航条390

18.2.1 制作主体效果390

18.2.2 输入动作代码392

第19章 网页图像案例实战394

19.1 图片导航条395

19.1.1 制作导航按钮395

19.1.2 制作图片导航400

19.2 美化淘宝照片403

19.2.1 制作背景效果404

19.2.2 制作整体效果407

第20章 综合案例实战：幸福婚恋网410

20.1 网站规划411

20.1.1 确定网站主题411

20.1.2 设计网站版式411

20.2 设计网站的图像412

20.2.1 设计网站Logo412

20.2.2 制作宣传广告415

20.3 设计网站的动画419

20.3.1 制作首页动画419

20.3.2 制作子页动画423

20.4 制作网站主页427

20.4.1 制作主页效果427

20.4.2 制作子页和超链接432

20.5 测试网站436

20.5.1 测试网站的兼容性436

20.5.2 测试网站的超链接436