网页设计与制作入门与实战2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网页设计与制作入门与实战PDF格式电子书版下载

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

Chapter 01 网页设计与制作基础2

1.1 了解网页的基本概念2

1.1.1 网页设计基础知识2

1.1.2 网页的基本组成元素3

1.1.3 网站的分类5

1.2 HTML的基本概念7

1.2.1 HTML的含义与组成8

1.2.2 认识HTML标签8

1.2.3 使用记事本编写HTML代码9

1.2.4 使用浏览器查看页面效果10

1.3 网页的色彩搭配11

1.3.1 网页的配色基础11

1.3.2 网页色彩搭配方案12

1.3.3 网页配色的注意事项14

1.4 了解域名与网站设计的流程15

1.4.1 域名的常见分类15

1.4.2 认识域名服务器（DNS）17

1.4.3 网站的设计流程18

1.5 网页制作的常用工具20

1.5.1 网页美化工具Photoshop20

1.5.2 网页编辑工具Dreamweaver20

给你支招21

如何通过网页查看HTML源代码并保存21

给你支招留白在网页中有哪些好处22

Chapter 02 Photoshop CS6网页界面设计基础22

2.1 熟悉Photoshop CS6的操作界面24

2.1.1 菜单栏和命令24

2.1.2 工具选项栏25

2.1.3 文档窗口25

2.1.4 工具箱27

2.1.5 标题栏28

2.1.6 浮动面板28

2.1.7 状态栏28

2.2 Photoshop CS6的优化设置29

2.2.1 自定义工作界面29

2.2.2 修改工作区的背景颜色30

2.2.3 自定义工具的快捷键31

2.3 图像的类型和分辨率32

2.3.1 图像的类型32

2.3.2 分辨率33

2.4 常见的页面布局辅助工具34

2.4.1 使用标尺定位图像34

2.4.2 使用参考线准确编辑图像35

2.4.3 使用网格精准调整图像36

2.4.4 为图像添加注释37

给你支招38

如何删除自定义的工作界面38

如何开启Photoshop CS6的对齐功能39

Chapter 03 图像的基本处理42

3.1 调整图像与画布42

3.1.1 调整图像尺寸42

3.1.2 裁剪图像大小42

3.1.3 调整画布尺寸43

3.2 图像的变换与变形操作45

3.2.1 移动图像45

3.2.2 旋转与缩放图像47

3.2.3 斜切图像48

3.3 选择绘图区域49

3.3.1 选取规则区域50

3.3.2 选取不规则区域51

3.4 使用绘图工具55

3.4.1 画笔工具55

3.4.2 铅笔工具56

3.4.3 仿制图章工具57

3.4.4 橡皮擦工具58

3.5 绘制矢量图像60

3.5.1 钢笔工具60

3.5.2 绘制形状62

给你支招63

如何使用铅笔工具快速绘制国际象棋棋盘63

如何将人物的头发调整为自己喜欢的颜色65

Chapter 04 图层和文本的使用68

4.1 Photoshop图层概述68

4.1.1 认识“图层”面板68

4.1.2 创建图层68

4.1.3 图层的基本操作69

4.1.4 图层的合并和层组71

4.2 应用图层样式效果73

4.2.1 添加图层样式73

4.2.2 多种图层样式效果介绍74

4.3 创建文字77

4.3.1 横排文字工具77

4.3.2 直排文字工具78

4.3.3 横排文字蒙版工具79

4.4 编辑文字81

4.4.1 创建变形文字81

4.4.2 沿路径排列文字82

给你支招84

如何将背景图层转换为普通图层84

如何修改图层的名称和颜色85

如何创建段落文字86

Chapter 05 网页切片输出与动画制作86

5.1 图像的优化与输出88

5.1.1 图像的格式88

5.1.2 优化图像89

5.1.3 输出Web图像91

5.2 创建和编辑切片92

5.2.1 切片的类型92

5.2.2 创建切片92

5.2.3 编辑切片93

5.3 管理切片94

5.3.1 选择、移动和调整切片94

5.3.2 组合与锁定切片95

5.3.3 将切片输出到网页96

5.4 创建GIF动画99

5.4.1 认识“时间轴”面板99

5.4.2 创建动画99

5.4.3 保存动画102

给你支招103

如何基于图层创建切片103

如何处理浏览器不显示输出的动画的情况104

Chapter 06 常用网页元素的设计104

6.1 设计网页主要元素106

6.1.1 认识网页主图106

6.1.2 设计标题文字107

6.1.3 设计网页按钮109

6.1.4 制作网页背景图像112

6.2 设计网页Logo114

6.2.1 Logo的尺寸规格114

6.2.2 Logo的表现形式115

6.2.3 Logo的定位115

6.2.4 Logo的设计方法116

6.3 设计网页Banner119

6.3.1 网页Banner的设计策划119

6.3.2 网页Banner的设计技巧121

给你支招123

如何在网页按钮上添加放大镜图标123

如何对多个图层同时进行操作124

Chapter 07 初识Dreamweaver CS 6126

7.1 Dreamweaver CS6的工作界面126

7.1.1 菜单栏126

7.1.2 文档窗口127

7.1.3 面板组129

7.1.4 “插入”面板129

7.2 网页制作的基本操作131

7.2.1 新建网页131

7.2.2 保存网页132

7.2.3 打开网页133

7.2.4 预览网页134

7.2.5 关闭网页135

7.3 创建、配置与发布本地站点136

7.3.1 创建本地站点136

7.3.2 配置远程服务器137

7.3.3 发布站点139

7.4 管理站点139

7.4.1 删除站点140

7.4.2 编辑站点140

7.4.3 导出站点141

7.4.4 添加文件和文件夹142

7.4.5 重命名与删除文件／文件夹142

给你支招143

如何改变预览网页时的浏览器143

如何导入站点文件145

Chapter 08 在网页中插入基础网页元素145

8.1 在对话框中设置页面属性148

8.1.1 设置外观148

8.1.2 设置外观149

8.1.3 设置链接150

8.1.4 设置标题152

8.1.5 设置标题／编码153

8.2 设置字体与页面背景的效果155

8.2.1 添加页面标题155

8.2.2 为文字添加加粗和倾斜样式156

8.2.3 设置文字的大小157

8.2.4 设置文本的颜色157

8.3 文本的简单操作158

8.3.1 在网页中录入文本158

8.3.2 让文本换行分段158

8.3.3 设置文本的对齐方式159

8.3.4 设置文本的字体格式160

8.4 项目列表和编号列表的使用161

8.4.1 插入项目列表161

8.4.2 插入编号列表162

8.5 插入特殊页面元素163

8.5.1 插入换行符163

8.5.2 插入水平线164

8.5.3 插入日期164

给你支招166

如何利用跟踪图像制作网页166

如何插入特殊符号167

Chapter 09 用图像、多媒体与超链接丰富网页167

9.1 在网页中插入图像170

9.1.1 插入图像170

9.1.2 调整图像大小172

9.1.3 调整图片的亮度和对比度173

9.1.4 裁剪页面中的图像174

9.2 在网页中插入多媒体175

9.2.1 插入背景音乐175

9.2.2 插入Flash动画177

9.2.3 插入FLV视频178

9.3 超链接概述180

9.3.1 认识超链接的类型180

9.3.2 链接路径有哪些分类182

9.4 创建网页常用的超链接184

9.4.1 创建文本链接184

9.4.2 创建图像链接186

9.4.3 创建热点链接187

9.4.4 创建空链接188

9.4.5 创建脚本链接189

给你支招190

如何插入非FLV格式的视频文件190

如何在网页中插入E-mail链接192

Chapter 10 使用表格布局页面194

10.1 创建表格并输入内容194

10.1.1 精确插入指定行列的表格194

10.1.2 在表格中输入内容195

10.2 格式化表格效果196

10.2.1 表格与单元格的选择196

10.2.2 设置单元格大小和对齐方式198

10.2.3 为表格添加边框199

10.2.4 单元格中文本格式和背景格式的设置200

10.3 编辑表格201

10.3.1 插入行或列201

10.3.2 删除行或列202

10.3.3 复制、剪切和粘贴单元格203

10.3.4 合并单元格205

10.4 表格的特殊处理206

10.4.1 外部导入表格数据206

10.4.2 对表格数据排序207

给你支招208

如何插入嵌入式表格208

如何拆分合并后的单元格209

Chapter 11 使用CSS样式表美化页面209

11.1 认识CSS层叠样式表212

11.1.1 CSS层叠样式表概述212

11.1.2 CSS的3种类型212

11.1.3 CSS的基本语法213

11.2 网页中应用CSS样式的方法215

11.2.1 嵌入式CSS215

11.2.2 内联式CSS216

11.2.3 外联式CSS216

11.3 各种CSS样式选择器的创建218

11.3.1 创建ID选择器218

11.3.2 创建标签选择器220

11.3.3 创建类选择器221

11.3.4 创建复合选择器223

11.4 CSS中的常用样式225

11.4.1 字体样式的设置226

11.4.2 文本段落样式的设置228

11.4.3 背景样式的设置229

11.4.4 方框样式的设置231

11.4.5 边框样式的设置231

11.4.6 列表样式的设置233

11.4.7 定位样式的设置233

给你支招234

创建外部CSS样式文件234

如何将筛选结果保存到新工作表中236

Chapter 12 利用Div+CSS布局网页236

12.1 初识Div标签238

12.1.1 Div标签概述238

12.1.2 插入Div标签238

12.1.3 为Div标签添加CSS样式表240

12.1.4 Div+CSS的布局优势241

12.2 Div标签的定位方法242

12.2.1 盒子模型的概念242

12.2.2 通过float属性定位Div标签243

12.2.3 通过position属性定位Div标签244

12.3 Div标签的常见布局模式245

12.3.1 单行单列固定宽度245

12.3.2 一列自适应246

12.3.3 一列固定宽度居中246

12.3.4 两列固定宽度247

12.3.5 两列宽度自适应248

12.3.6 两行右列宽度自适应248

给你支招249

如何创建嵌套Div标签249

如何设置Div标签对象的行高250

Chapter 13 表单元素、模板和库的运用250

13.1 插入表单元素252

13.1.1 什么是表单252

13.1.2 初步认识表单对象252

13.1.3 插入表单域256

13.1.4 插入文本域257

13.1.5 插入密码域259

13.1.6 插入复选框260

13.1.7 插入按钮261

13.2 使用模板263

13.2.1 创建空白模板263

13.2.2 定义模板中的可编辑区域264

13.2.3 创建基于模板的网页265

13.2.4 从模板中分离网页266

13.3 创建和应用库项目267

13.3.1 创建库项目267

13.3.2 向页面中插入库项目268

13.3.3 修改并更新库项目268

给你支招270

如何自动选择文本框中所有文本内容270

如何将当前网页创建为模析271

如何在现有网页文件上应用模板272

Chapter 14 使用JavaScript行为创建特效网页272

14.1 认识JavaScript274

14.1.1 JavaScript的含义274

14.1.2 事件274

14.1.3 熟悉动作类型275

14.1.4 如何使用JavaScript275

14.2 在网页中添加行为276

14.2.1 交换图像276

14.2.2 打开浏览器窗口278

14.2.3 调用JavaScript279

14.2.4 检查表单280

14.3 jQuery的应用281

14.3.1 使用jQuery的核心函数282

14.3.2 使用jQuery选择器282

14.3.3 使用jQuery操作对象的属性284

给你支招285

如何恢复交换图像285

解决预览页面时脚本的执行问题286

Chapter 15 在线出境游网站设计286

15.1 案例制作的效果和思路288

15.2 网站的结构设计289

15.2.1 制作网站布局结构289

15.2.2 创建网站文档289

15.2.3 为页面设置辅助线290

15.2.4 制作页面背景291

15.3 设计页面主体的内容292

15.3.1 设计页面的头部292

15.3.2 设计页面的中部295

15.3.3 设计页面的底部297

15.4 输出网站页面设计图298

15.4.1 将图像保存为JPG格式298

15.4.2 切割并输出图像299

15.5 案例制作总结和答疑301

给你支招301

如何下载网站前台的布局模板301

如何避免导出的切片图像呈现黑白色302

Chapter 16 制作现代家居装饰网站302

16.1 案例制作效果和思路304

16.2 创建网站的基础框架306

16.2.1 创建网站站点306

16.2.2 创建网站模板307

16.2.3 创建样式文件309

16.2.4 将样式表链接到模析中311

16.3 在模板中制作头部和底部312

16.3.1 制作页面头部312

16.3.2 制作页面底部316

16.4 通过模板制作网页317

16.4.1 制作现代家居装饰网首页317

16.4.2 制作现代家居装饰网展示页320

16.4.3 修改模板页中的导航菜单322

16.5 案例制作总结和答疑323

给你支招324

如何在Dreamweaver中使用注释标签324

如何在Dreamweaver中添加外部字体325