网页设计与制作入门与实战(配光盘)

网页设计与制作入门与实战(配光盘) pdf epub mobi txt 电子书 下载 2025

智云科技 著
图书标签:
  • 网页设计
  • 网页制作
  • HTML
  • CSS
  • JavaScript
  • 前端开发
  • 入门教程
  • 实战
  • 配光盘
  • 网站建设
想要找书就要到 新城书站
立刻按 ctrl+D收藏本页
你会得到大惊喜!!
出版社: 清华大学出版社
ISBN:9787302445579
版次:1
商品编码:12039414
包装:平装
丛书名: 学以致用系列丛书
开本:16开
出版时间:2016-09-01
用纸:胶版纸
页数:340
字数:517000
正文语种:中文
附件:光盘

具体描述

产品特色

编辑推荐

  本书是“学以致用系列丛书”的全新升级版,其具有如下明显的特色。

  ·讲解上——实用为先,语言精练

  ·外观上——单双混排,全程图解

  ·结构上——布局科学,学习+提升同步进行

  ·信息上——栏目丰富,延展学习


内容简介

  本书共分为16章,主要包括网页设计与制作基础、Photoshop网页图像设计、Dreamweaver网页制作以及综合案例实战4个部分。通过对本书的学习,不仅能让读者学会PhotoshopCS6和DreamweaverCS6的基本操作方法,而且还能通过本书中列举的实战案例帮助读者掌握网页设计与制作中更多的小技巧,使读者更加得心应手地设计与制作网页。

  本书主要定位于希望快速进入网页设计与制作领域的初、中级用户,特别适合初学网页设计与制作的人员、大中专学生及网页设计制作爱好者。此外,本书也可作为网页设计与制作培训班的教材和自学者的自学读物。


作者简介

  智云科技,是国内一家专门从事计算机和办公相关技术和资讯研究的团队,该团队由数位具有多年大学或培训班计算机教育经验的资深教师和作者组成,在计算机基础应用、电脑安全与维护、Office软件、图形图像软件等方面有着丰富的教学经验、使用经验和写作经验。图书出版经验丰富,曾出版著作上百部,在市场上获得了良好的口碑。

内页插图

目录

Chapter 01 网页设计与制作基础

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 网页美化工具Photoshop 20

1.5.2 网页编辑工具Dreamweaver 20

给你支招

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

21

留白在网页中有哪些好处 22

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

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

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

Chapter 03 图像的基本处理

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

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

颜色 65

Chapter 04 图层和文本的使用

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

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

如何创建段落文字 86

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

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

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

情况 104

Chapter 06 常用网页元素的设计

6.1  设计网页主要元素 106

6.1.1 认识网页主图 106

6.1.2 设计标题文字 107

6.1.3 设计网页按钮 109

6.1.4 制作网页背景图像 112

6.2  设计网页Logo 114

6.2.1 Logo的尺寸规格 114

6.2.2 Logo的表现形式 115

6.2.3 Logo的定位 115

6.2.4 Logo的设计方法 116

6.3  设计网页Banner 119

6.3.1 网页Banner的设计策划 119

6.3.2 网页Banner的设计技巧 121

给你支招

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

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

Chapter 07 初识Dreamweaver CS6

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

如何导入站点文件 145

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

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

如何插入特殊符号 167

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

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

给你支招

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

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

Chapter 10 使用表格布局页面

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

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

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

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 嵌入式CSS 215

11.2.2 内联式CSS 216

11.2.3 外联式CSS 216

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

给你支招

创建外部CSS样式文件 234

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

Chapter 12 利用Div+CSS布局网页

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

给你支招

如何创建嵌套Div标签 249

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

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

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

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

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

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

14.1  认识JavaScript 274

14.1.1 JavaScript的含义 274

14.1.2 事件 274

14.1.3 熟悉动作类型 275

14.1.4 如何使用JavaScript 275

14.2  在网页中添加行为 276

14.2.1 交换图像 276

14.2.2 打开浏览器窗口 278

14.2.3 调用JavaScript 279

14.2.4 检查表单 280

14.3  jQuery的应用 281

14.3.1 使用jQuery的核心函数 282

14.3.2 使用jQuery选择器 282

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

给你支招

如何恢复交换图像 285

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

Chapter 15 在线出境游网站设计

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

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

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

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

给你支招

如何在Dreamweaver中使用注释

标签 324

如何在Dreamweaver中添加外部

字体 325


精彩书摘

  Chapter 01 网页设计与制作基础

  学习目标

  在网站制作的整个过程中,网页的设计与制作是最重要的环节。因此,我们在进行网页设计与制作之前,首先需要对它的基础知识进行学习,如网页的基本概念、HTML的基本概念等。

  本章要点

  网页设计基础知识

  网页的基本组成元素

  网站的分类

  HTML的含义与组成

  认识HTML标签

  使用记事本编写HTML

  使用浏览器查看页面效果

  网页的配色基础

  网页色彩搭配方案

  网页配色的注意事项

  知识要点 学习时间 学习难度

  了解网页和HTML的基本概念 40分钟 ★★

  网页色彩搭配与制作的常用工具 40分钟 ★★

  了解域名与网站设计流程 30分钟 ★★

  1.1  了解网页的基本概念

  阿智:小白,跟我说说你理解中的网页是什么?

  小白:网页就是我们平时使用浏览器打开的页面吧。

  阿智:浏览器打开的页面是网页,但是它只是用来给浏览者浏览的。其实网页的概念非常复杂,它的组成部分也相当多,想要设计和制作出网页,首先需要对它的基本概念有所

  了解。

  当前,随着网络的高速发展,网站在我们的工作与生活中无处不在,学习网页设计与制作的用户也越来越多。不过用户在学习之前,应该对网页的基本知识有一定的了解,以便能更好地设计和制作网页,如图1-1所示为当当网首页。

  图1-1 当当网首页

  1.1.1 网页设计基础知识

  网页是我们在浏览网站时,看到的一个个画面,而网站则是一些相关网页的集合,一个网站可以有几个页面,也可以包含数以千万个网页,下面我们就来认识一下网站和网页。

  网站

  网站是发布在网络服务器上的一系列网页文件的集合,访问者可以通过网站获取需要的资讯或服务,也可发布自己想要公开的资讯。网站示例如图1-2所示。

  图1-2 网易门户网站

  网页

  我们在通过浏览器浏览网站时,其实浏览的就是网页。网页不仅需要把各种信息简单直白地表达出来,还需要通过各种制作技巧,让用户更有效地接收到这些信息。网页示例如图1-3所示。

  图1-3 精美的网页

  1.1.2 网页的基本组成元素

  想要顺利地设计与制作出网页,认识网页的基本组成元素必不可少。在图1-1中标识出了大部分的网页组成元素,下面我们就来认识一下网页的基本组成元素。

  LOGO

  在互联网中,LOGO主要是各个网站用来与其他网站链接的图形标志。在设计和制作的网页时,通常使用图像或动画来制作LOGO,如图1-4所示为展示京东商城的LOGO。

  图1-4 网页中的LOGO

  LOGO含义补充说明

  LOGO是LOGOtype的缩写,其具体含义是徽标或者商标,它起到对徽标拥有公司的识别和推广的作用,通过形象的徽标可以让消费者记住公司主题及其品牌文化。

  文本

  在网页中,文本内容是最基础、最重要的组成元素,也是网页信息传递的主要载体。为了让文本更有特色,用户可以根据需要对其字体、大小、颜色、底纹、边框等属性进行设置,如图1-5所示。

  图1-5 网页中的文本

  图像

  丰富多彩的图像是美化网页必不可少的元素,网页中的图像一般为JPG格式和GIF格式。图像不仅可以美化网页,还能让浏览者更加直观地了解信息,如图1-6所示。

  图1-6 网页中的图像

  超链接

  超链接是网页的主要特色,通过它可以快速跳转到当前网站的另一个页面或其他网站的页面中。超链接可以是文本、按钮或图片,只有通过超链接将各个页面链接在一起,才能真正构成一个网站,如图1-7所示。

  图1-7 使用超链接实现页面跳转

  超链接的识别方法

  在网页中,只要将鼠标指针移动到对象上,当鼠标指针变为手型形状,就可以说明该对象就是超链接。在默认情况下,文本超链接都会出现下划线。

  导航栏

  导航栏是一组超链接,其作用就是链接到各个页面中,方便浏览者快速找到需要的资源。导航栏一般由多个按钮或者多个文本超链接组成,它可以是文字、图片,还可以是SWF动画。网页中的导航栏如图1-8所示。

  图1-8 网页中的导航栏

  表单

  表单主要的作用就是采集数据,如用户的注册资料。然后将这些信息发送到用户设置的目标端,实现浏览者与服务器之间的信息交互。网页中的表单如图1-9所示。

  图1-9 网页中的表单

  动画

  动画实质上是动态的图像,网页中可以使用的动画有GIF图形动画、Flash动画等。制作精致的动画更容易吸引到浏览者眼球。网页中的动画如图1-10所示。

  图1-10 网页中的动画

  1.1.3 网站的分类

  网站是一种新型的媒体,种类繁多,涉及我们身边的方方面面,如日常生活、娱乐游戏、商业活动以及新闻资讯等,下面就来认识几种常见的网站。

  个人网站

  个人网站是指可以发布个人信息及相关内容的小型网站,即网站内容是介绍自己或是以自己的信息为中心的网站,如图1-11

  所示。

  图1-11 个人博客网站

  企业网站

  企业网站主要围绕企业、产品及服务信息进行网络宣传,通过网站树立企业的网络形象,从而提高企业的影响力及知名度,如图1-12所示。

  图1-12 企业网站

  电子商务网站

  电子商务网站就是为浏览者与卖家搭建的一个网络平台,将网络信息、商品、物流与资金结合起来,从而实现商务活动,如

  图1-13所示。

  图1-13 电子商务网站

  娱乐游戏网站

  娱乐游戏网站大多是以提供娱乐信息、流行音乐以及各种游戏为主的网站,具有非常强的时效性。因此,页面上具有丰富的信息,如图1-14所示。

  图1-14 娱乐游戏网站

  行业信息网站

  行业信息网站是指能够满足某一特定领域上网的人群或特定需要的网站,这些网站的内容和服务都更为专业,如图1-15所示。

  图1-15 财经信息网站

  综合门户网站

  综合门户网站将互联网上大量信息进行整合、分类,为浏览者打开方便之门,在该类网站上可以浏览到各方面的资讯,如图1-16所示。

  网站按主题性质分类

  网站按照主题性质不同,可分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其他非营利机构网站等。

  图1-16 新浪门户网站

  ……

前言/序言

  前言

  关于本丛书

  如今,学会使用电脑已不再是一种休闲娱乐的生活方式,在工作节奏如此之快的今天,电脑已成为各类人士工作中不可或缺的一种工具。

  为了回馈广大读者,让更多的人学会使用电脑这个必备工具和一些常用软件的操作,时隔一年,我们对“学以致用系列丛书”进行了全新升级改版,不仅优化了版式效果,更对内容进行了全面更新,让全书更具深度,让读者能学到更多实用的技巧。

  本丛书分别涉及了电脑基础与入门、网上开店、Office办公软件、图形图像和网页设计等方面,每本书的内容和讲解方式都根据其特有的应用要求进行了量身打造,目的是让读者真正学得会,用得好。其具体包括的书目如下。

  Excel高效办公入门与实战

  Excel函数与图表入门与实战

  Excel数据透视表入门与实战

  Access 数据库基础及应用(第2版)

  PPT设计与制作(第2版)

  新手学开网店(第2版)

  网店装修与推广(第2版)

  Office 2013入门与实战(第2版)

  新手学电脑(第2版)

  中老年人学电脑(第2版)

  电脑组装、维护与故障排除(第2版)

  电脑安全与黑客攻防(第2版)

  网页设计与制作入门与实战

  AutoCAD 2016中文版入门与实战

  Photoshop CS6平面设计入门与实战

  丛书两大特色

  本丛书主要体现了我们的“理论知识和操作学得会,实战工作中能够用得好”这两个创作宗旨。

  理论知识和操作学得会

  讲解上——实用为先,语言精练

  本丛书在内容挑选方面注重3个“最”——内容最实用,操作最常见,案例最典型,并且精练讲解理论部分的文字,用最通俗的语言将知识讲解清楚,提高读者的阅读和学习效率。

  外观上——单双混排,全程图解

  本丛书采用灵活的单双混排方式,主打图解式操作,并且每个操作步骤在内容和配图上均采用编号进行逐一对应,让整个操作更清晰,让读者能够轻松和快速掌握。

  结构上——布局科学,学习+提升同步进行

  在每章知识的结构安排上,采取“主体知识+给你支招”的结构,其中“主体知识”是针对当前章节中涉及的所有理论知识进行讲解;“给你支招”是对本章相关知识的延伸与提升,其实用性和技巧性更强。

  信息上——栏目丰富,延展学习

  本丛书在知识讲解过程中,还穿插了各种栏目板块,如“给你支招”“小绝招”和“长知识”等。通过这些栏目,有效增加了本书的知识量,扩展了读者的学习宽度,从而帮助读者掌握更多实用的技巧操作。

  实战工作中能够用得好

  在讲解过程中采用“知识点+实例操作”的结构来讲解的,为了让读者清楚这些知识在实战工作中的具体应用,所有的案例均来源于实战工作中的典型案例,比较有针对性。通过这种讲解方式,让读者能在真实的环境中体会知识的应用,从而达到举一反三,在工作中用得好的目的。

  本书内容

  本书共分为16章。主要包括网页设计与制作基础、Photoshop网页图像设计、Dreamweaver网页制作以及综合案例实战4个部分,各部分的具体内容如下。

  章节介绍 内容体系 作 用?

  Chapter 01 这部分内容是学习网页设计 通过对本部分的学习,

  与制作的第一步,其内容 主要是为后面网页设计与

  包括:了解网页的基本概念、 制作的各种操作打下基础

  HTML的基本概念及网页的

  色彩搭配,了解域名与网站

  设计流程与网页制作的

  常用工具等

  Chapter 02~06 这部分为Photoshop CS6 通过对本部分的学习,

  设计网页的内容专题, 读者可熟练掌握Photoshop CS6

  具体内容包括:Photoshop 的使用方法以及设计中

  CS6网页界面的设计基础、 各种网页用到的元素

  图像的基本处理、图层和

  文本的使用、网页切片输出

  与动画制作以及常用网页

  元素的设计等

  Chapter 07~14 这部分为 Dreamweaver CS6 通过对本部分的学习,

  制作网页的内容专题, 读者可以熟练掌握

  具体内容包括:初识 Dreamweaver CS6

  Dreamweaver CS6、 的操作方法,

  在网页中插入基础的 从而制作出网页

  网页元素、用图像、

  多媒体与超链接丰富网页、

  使用表格布局页面、

  使用CSS样式表美化页面、

  用D iv+CSS布局网页、

  表单元素、模板和库的

  运用以及运用J avaScript

  行为创建特效网页

  Chapter 15~16 这部分为综合案例实战, 读者可轻松掌握网页设计

  其具体内容包括: 制作的技巧和操作流程

  在线出境游网站设计和

  制作现代家居装饰网站

  本书特点

  特 点 特点说明

  系统全面 本书体系完善,由浅入深地对网页

  设计与制作的知识进行了全面讲解,

  其内容从网页设计与制作和Photoshop

  CS6网页的界面设计等基础到图像的

  处理、图层和文本的使用、

  网页切片输出与动画制作、

  初识Dreamweaver CS6、

  在网页中插入基础网页元素、

  用图像、多媒体与超链接丰富

  网页以及使用表格布局页面等

  升级操作,逻辑递进,结构完整

  案例实用 本书为了让读者更容易学会理论知识,

  不仅给理论知识配备了大量的案例操作,

  而且在案例选择上也很注重实用性,

  这些案例不单单是为了验证知识操作,

  更是我们实际工作和生活中常遇到的问题。

  因此,通过这些案例可以让我们在学会

  知识的同时,解决工作和生活中的问题,

  达到双赢的目的

  拓展知识丰富 在本书讲解的过程中安排了上百个

  “小绝招”和“长知识”板块,

  用于对相关知识进行提升和拓展。

  另外,在每章的最后还专门增加了

  “给你支招”板块,让读者学会更多的

  进阶技巧,从而提高工作效率

  语言轻松 本书语言通俗易懂、贴近生活,

  让读者能充分享受阅读的过程。

  语言的逻辑感较强,前后呼应,

  随时激发读者的记忆

  读者对象

  本书主要定位于希望快速进入网页设计与制作领域的初、中级用户,特别适合初学网页设计与制作的人员、大中专学生及网页设计制作爱好者。此外,本书也可作为网页设计与制作培训班的教材或自学用书。

  关于创作团队

  本书由智云科技编著,参与本书编写的人员有邱超群、杨群、罗浩、林菊芳、马英、邱银春、罗丹丹、刘畅、林晓军、周磊、蒋明熙、甘林圣、丁颖、蒋杰、何超等,在此对大家的辛勤工作表示衷心的感谢!

  由于编者经验有限,加之时间仓促,书中难免会有疏漏和不足,恳请专家和读者不吝赐教。


网页设计与制作入门与实战(配光盘) 内容概要: 本书是一本面向初学者的网页设计与制作指南,旨在帮助读者快速掌握网页开发的基本知识和实用技能。从零开始,循序渐进地讲解HTML、CSS、JavaScript等核心技术,并结合丰富的实例和实战项目,让读者在实践中学习,轻松迈入网页设计的大门。 章节目录(示例): 第一部分:网页设计基础 第一章:认识网页与Web技术 1.1 什么是网页? 1.2 Web技术的组成:HTML、CSS、JavaScript 1.3 浏览器的工作原理 1.4 域名与服务器 第二章:HTML语言入门 2.1 HTML的基本结构与标签 2.2 文本内容和排版标签 2.3 链接与图片标签 2.4 列表与表格标签 2.5 表单元素与提交 2.6 HTML5新增语义化标签 2.7 实例:制作简单的个人介绍页面 第三章:CSS样式表入门 3.1 CSS的作用与引入方式 3.2 选择器:精确控制样式 3.3 文本样式:字体、颜色、大小等 3.4 盒模型:理解元素尺寸与间距 3.5 布局模型:定位、浮动与Flexbox 3.6 背景与边框样式 3.7 伪类与伪元素 3.8 响应式设计基础:媒体查询 3.9 实例:美化个人介绍页面 第二部分:JavaScript交互与动效 第四章:JavaScript语言基础 4.1 JavaScript的作用与引入方式 4.2 变量、数据类型与运算符 4.3 控制流程:条件语句与循环语句 4.4 函数的定义与调用 4.5 数组与对象 4.6 DOM操作:获取、修改与添加元素 4.7 事件处理:响应用户交互 4.8 实例:为个人介绍页面添加动态效果 第五章:JavaScript进阶应用 5.1 常见JavaScript BOM对象 5.2 AJAX异步请求:实现无刷新更新 5.3 JavaScript定时器 5.4 表单验证与数据处理 5.5 实例:开发一个简单的留言板功能 第六章:jQuery简化JavaScript开发 6.1 jQuery简介与引入 6.2 jQuery的选择器与DOM操作 6.3 jQuery的事件处理 6.4 jQuery的动画效果 6.5 实例:使用jQuery优化个人介绍页面的交互 第三部分:实战项目演练 第七章:制作一个简单的博客页面 7.1 页面结构分析与HTML搭建 7.2 CSS样式设计与布局 7.3 JavaScript实现文章列表与详情切换 7.4 响应式布局的实现 7.5 实例光盘代码解析 第八章:构建一个电商产品展示页面 8.1 购物流程分析与页面规划 8.2 产品列表页设计 8.3 产品详情页设计:图片轮播、价格计算 8.4 加入购物车功能模拟 8.5 实例光盘代码解析 第九章:创建响应式个人作品集网站 9.1 作品集网站的功能需求 9.2 响应式布局的核心技巧 9.3 页面导航与分类设计 9.4 作品展示模块的实现 9.5 实例光盘代码解析 第四部分:网页制作进阶与优化 第十章:前端框架初步认识 10.1 为什么需要前端框架? 10.2 Vue.js、React、Angular简介 10.3 简单的Vue.js应用示例 第十一章:网页性能优化与SEO基础 11.1 图片优化与懒加载 11.2 代码压缩与合并 11.3 浏览器缓存利用 11.4 搜索引擎优化(SEO)基础:meta标签、语义化标签 第十二章:网站发布与部署 12.1 选择合适的虚拟主机或云服务 12.2 FTP工具的使用 12.3 网站上线步骤 本书特色: 零基础入门: 即使您没有任何编程经验,也能轻松上手。 循序渐进: 从最基础的HTML、CSS讲起,逐步深入到JavaScript和实战项目。 图文并茂: 大量插图和代码示例,直观易懂。 实战驱动: 结合多个真实项目,让您在实践中巩固所学。 配套光盘: 提供书中所有源代码、素材和开发工具,方便读者学习和练习。 通俗易懂: 避免使用过于专业的术语,用最简洁的语言解释复杂的概念。 内容全面: 涵盖了网页设计与制作的各个关键环节,为读者打下坚实的基础。 学习目标: 学完本书,您将能够: 理解网页开发的基本原理。 熟练使用HTML构建网页结构。 运用CSS美化网页,实现各种布局效果。 掌握JavaScript实现网页的动态交互和特效。 独立完成小型至中型的网页设计与制作项目。 初步了解前端框架和网页优化技术。 为进一步深入学习Web开发打下坚实基础。 适用人群: 对网页设计与制作感兴趣的初学者。 希望转行进入Web开发领域的学生或在职人员。 需要快速掌握网页制作技能的设计师、营销人员或产品经理。 希望提升自身技能,自己动手制作网站的个人用户。 光盘内容: 本书的光盘包含了: 书中所有章节的完整源代码。 实战项目所需的素材文件(图片、图标等)。 常用开发工具的安装包(如文本编辑器、浏览器开发者工具)。 部分进阶知识点的补充视频教程(如适用)。 常用网页设计资源链接。 前言: 在这个信息爆炸的时代,互联网已经渗透到我们生活的方方面面。无论是个人展示、企业宣传,还是在线销售、信息发布,拥有一个属于自己的网站都显得尤为重要。然而,对于许多初学者来说,网页设计与制作似乎是一门高深莫测的技术,充满了各种复杂的代码和专业术语,望而却步。 本书正是为了打破这种壁垒而诞生的。我们深知初学者的困惑与需求,因此,我们倾注了大量的心血,力求将网页设计与制作中最核心、最实用的知识,以最清晰、最易懂的方式呈现给您。本书从最基础的HTML语言入手,就像搭建房屋的砖块,为您打下坚实的地基。接着,我们会学习CSS,它如同房屋的装修,让您的网页变得美观、富有创意。最后,我们将引入JavaScript,它赋予您的网页生命,实现各种炫酷的交互效果,让您的网站“动”起来。 我们不仅仅停留在理论的讲解,更重要的是,我们将大量的篇幅用于实战项目。从简单的个人介绍页面,到功能丰富的博客,再到吸引人的电商产品展示,我们都会一步一步地带领您完成。在每一个项目完成后,我们还会对光盘中的源代码进行详细的解析,让您知其然,更知其所以然。 为了方便您的学习,本书还特别配备了一张内容丰富的学习光盘,其中包含了书中所有案例的源代码、素材以及常用开发工具,您可以在光盘的帮助下,更高效地进行学习和实践。 相信通过本书的学习,您一定能够掌握网页设计与制作的核心技能,自信地创建属于自己的精彩网页。让我们一起踏上这段激动人心的Web开发之旅吧!

用户评价

评分

作为一名从事多年平面设计工作的设计师,我一直在思考如何将我的设计理念和视觉传达能力延伸到数字媒体领域。传统平面设计软件虽然强大,但难以实现动态交互和用户参与。《网页设计与制作入门与实战(配光盘)》这本书,正好填补了我在这方面的知识空白。它并没有过分强调编程的深度,而是从设计师的角度出发,详细讲解了网页设计的通用原则和流程。从用户研究、信息架构、线框图的绘制,到最终的视觉稿设计,书中都有清晰的阐述。我特别欣赏的是它对“用户体验”的关注,如何通过界面设计来提升用户满意度,如何让信息传达更有效率,这些都是我作为平面设计师非常看重的方面。书中丰富的案例分析,涵盖了各种类型的网站,从企业官网到电商平台,都进行了深入的解读,让我能够学习到不同行业和目的的网页设计策略。光盘中的素材和工具,也为我后续的实操提供了便利。这本书让我感觉,自己设计出的作品,能够真正地“活”在互联网上,并与用户产生互动,这是一种全新的创作体验。

评分

说实话,我是一个对电脑技术一直有点畏难情绪的人,总觉得写代码、做网站离我太遥远了。但最近因为工作需要,我不得不硬着头皮接触网页制作。抱着“试试看,不行就算了”的心态,我选择了这本《网页设计与制作入门与实战(配光盘)》。没想到,它完全打破了我对技术书籍的刻板印象。书的装帧就很舒服,纸张质量不错,拿在手里很有分量。打开第一页,并没有扑面而来的复杂术语,而是从最基本的概念讲起,用一种非常亲切的语言,好像朋友在教你一样。那些看起来很吓人的代码,在作者的讲解下,变得简单易懂。书中有很多“小贴士”和“注意事项”,这些细节对于我这种菜鸟来说,简直是救命稻草,避免了我走很多弯路。我最喜欢的是它的“实战”部分,每一个案例都循序渐进,让我感觉自己真的在一步步搭建一个完整的网站。光盘里的资源也特别实用,一些现成的模板和素材,让我不用从零开始,很有成就感。这本书让我觉得,原来网页制作也没那么难,只要有好的引导,人人都可以掌握这项技能。

评分

我是一名有几年前端开发经验的从业者,虽然日常工作中接触HTML/CSS/JS,但一直觉得自己在视觉设计和用户体验方面有所欠缺,总是停留在“能实现”的层面,而非“做得好”。偶然间朋友推荐了这本《网页设计与制作入门与实战(配光盘)》,我一开始是抱着“看看有没有什么新颖的思路”的心态翻阅的,没想到却给了我很多惊喜。这本书在基础知识讲解之后,非常侧重于网页的整体规划和视觉呈现。它不仅仅教你如何写代码,更重要的是引导你思考“为什么这样做”。比如关于色彩搭配的原则,字体的选择和应用,排版的技巧,以及如何通过页面布局来引导用户视线,都进行了深入浅出的剖析。书中大量的优秀网站案例分析,让我看到了不同风格的网页是如何通过巧妙的设计来传达信息和建立品牌形象的。尤其让我印象深刻的是关于响应式设计的章节,它不仅讲解了技术实现,还提供了很多优秀的实践建议,如何让网页在不同设备上都能有良好的用户体验。光盘里的资源也非常丰富,其中一些 UI 控件和布局模板,可以直接拿来参考和修改,大大节省了开发初期的时间。这本书对于我这样的“进阶者”来说,是一次很好的“补课”和“启发”。

评分

这本《网页设计与制作入门与实战(配光盘)》绝对是我近期读到最“实在”的一本技术书籍了!作为一名零基础想要跨入网页设计领域的小白,我之前尝试过不少在线教程和零散的资料,但总是感觉碎片化,缺乏系统性,学了点皮毛就摸不着头脑。这本书的出现,就像是为我指明了方向。它从最最基础的HTML、CSS讲起,我甚至不用去担心那些枯燥的理论知识,因为作者用非常生动形象的比喻和循序渐进的讲解,把那些代码符号变得像拼图一样有趣。每一章都有配套的案例,而且不是那种“空中楼阁”式的示例,而是真实应用中会遇到的场景。我跟着书中的步骤一步步操作,从搭建一个简单的个人博客,到设计一个具有交互功能的在线商店页面,每完成一个案例,都感觉自己又掌握了一项实用的技能。更不用说那张配套的光盘了,里面提供了大量的素材、代码片段和实操视频,简直是保姆级的学习体验。遇到看不懂的地方,翻翻视频,看看源码,很快就能豁然开朗。这本书真正做到了“入门”和“实战”的完美结合,让我相信,只要跟着它一步步来,网页设计并非遥不可及。

评分

我是一名兼职的站长,平时维护着几个小型网站,但一直感觉网站的美观度和用户体验有待提升,想要系统学习一下网页设计。偶然间在网上看到了《网页设计与制作入门与实战(配光盘)》这本书的推荐,看了看目录觉得很全面,就入手了。拿到书后,我首先就被其内容的多样性所吸引。它不仅仅是教你HTML、CSS,还涉及到了JavaScript的基础运用,以及一些关于网站优化的建议。这对于我这种想要全面提升网站质量的人来说,非常实用。书中对于不同浏览器兼容性的处理、SEO基础知识的讲解,都给了我很大的启发。我最看重的是这本书的“实战”部分,它提供了一些非常典型的网站模板,让我可以直接套用并进行修改,这比我以前自己摸索要高效得多。光盘里的资源更是锦上添花,里面有大量的图标、背景素材和一些前端组件,让我的网站设计不再单调。这本书让我学会了如何从一个“维护者”转变为一个“创造者”,让我的网站更具吸引力。

评分

书已收到,看了来评论,内容很适合新手入门,浅显容易懂,案例也比较丰富。

评分

非常好用非常好用非常好用

评分

~

评分

书已收到,看了来评论,内容很适合新手入门,浅显容易懂,案例也比较丰富。

评分

入门级吧

评分

书已收到,看了来评论,内容很适合新手入门,浅显容易懂,案例也比较丰富。

评分

不错,很适合新手学习。我刚学过PS,衔接很平稳,对于后期的学习很有帮助。快递小哥很专业,隔天就到了。

评分

很一般,没百度的课程好

评分

不错,很适合新手学习。我刚学过PS,衔接很平稳,对于后期的学习很有帮助。快递小哥很专业,隔天就到了。

相关图书

本站所有内容均为互联网搜索引擎提供的公开搜索信息,本站不存储任何数据与内容,任何内容与数据均与本站无关,如有需要请联系相关搜索引擎包括但不限于百度google,bing,sogou

© 2025 book.cndgn.com All Rights Reserved. 新城书站 版权所有