《网页设计与制作》PDF下载

  • 购买积分:11 如何计算积分?
  • 作  者:云岩,徐鉴主编;高璐,杨东慧,于洋,赵晓光副主编;张继旺参编
  • 出 版 社:上海:上海交通大学出版社
  • 出版年份:2018
  • ISBN:9787313188809
  • 页数:290 页
图书介绍:本书采用项目引领教学,将知识点归纳为11个项目,其内容包括网页设计与制作基础知识、网站创建与管理、创建简单图文网页、为网页设置音视频和超链接、应用CSS设置网页样式、构建网页布局、在网页中应用表格、模板和库的应用、应用表单和行为、测试和发布网站、创建移动设备网页等,最后以一个综合应用——制作酒店网站结束。本书内容全面,结构合理,从应用角度出发,涵盖了网页设计与制作的各个方面。本书可作为计算机、电子商务等相关专业的教材,也可作为信息技术培训机构的培训用书,还可作为网页设计与制作人员、网站建设与开发人员、多媒体设计与开发人员的参考书。

项目一 网页设计与制作基础知识 1

学习目标 1

案例一 指出当当网主页的构成元素——认识网页和网站 1

案例说明 1

相关知识 1

一、网页、网站和主页 1

二、网页的构成元素 2

三、网页的本质 2

案例实施 3

案例二 了解网页设计与制作岗位职责——网页设计基础 4

案例说明 4

相关知识 4

一、网页颜色的选择与搭配 4

二、网页版式设计 6

三、网页尺寸 7

案例实施 9

案例三 企业网站建设基本流程——网站建设基础 9

案例说明 9

相关知识 10

一、Intemet,IP地址和域名 10

二、WWW,URL,HTTP和浏览器 11

三、HTML与CSS简介 11

四、网站管理与网页制作相关软件 11

案例实施 12

项目总结 15

项目二 网站创建与管理 16

学习目标 16

案例一 调整Dreamweaver CC2017工作界面——初识Dreamweaver CC2017 16

案例说明 16

相关知识 17

一、启动Dreamweaver CC 17

二、认识Dreamweaver CC工作界面 18

案例实施 22

案例二 设置企业网站栏目结构和目录结构 24

案例说明 24

相关知识 24

一、设计网站栏目结构 24

二、创建网站目录结构 25

案例实施 26

案例三 创建企业网站本地站点——站点基本操作 29

案例说明 29

相关知识 30

一、使用Dreamweaver创建和打开本地站点 30

二、使用Dreamweaver管理本地站点 32

案例实施 34

案例四 为企业网站制作欢迎页面——网页文档基本操作 35

案例说明 35

相关知识 35

一、网页文档基本操作 35

二、“文件”面板基本应用 38

案例实施 40

拓展知识 41

一、网页文档和文件夹命名规则 41

二、HTML的标签构成 42

三、HTML网页文档的基本结构 43

项目总结 45

课堂实训——创建鲜花导购网站本地站点 45

项目三 创建简单图文网页 46

学习目标 46

案例一 为企业网站新闻显示网页设置页面基本信息——设置网页基本信息 46

案例说明 46

相关知识 46

一、设置文档头信息 46

二、设置网页页面属性 48

案例实施 49

案例二 为企业网站新闻显示网页设置文本内容——设置网页文本 51

案例说明 51

相关知识 51

一、添加普通文本 51

二、插入特殊符号 53

三、添加空格 53

四、添加与设置水平线 53

五、创建列表 54

案例实施 55

拓展知识 57

列表在HTML中的表示 57

案例三 为企业网站新闻显示网页设置图像——设置网页图像 59

案例说明 59

相关知识 59

一、插入与编辑图像 59

二、插入鼠标经过图像 61

案例实施 63

拓展知识 64

一、网页中可用的图像格式 64

二、图像在HTML中的表示 65

项目总结 65

课堂实训——为鲜花导购网页设置文字和图像内容 65

项目四为网页设置音视频和超链接 67

学习目标 67

案例一 制作音视频在线播放页面——在网页中插入HTML 5音视频 67

案例说明 67

相关知识 67

一、插入HTML 5 Audio 67

二、插入HTML 5 Video 69

三、插入并编辑插件 70

案例实施 71

拓展知识 73

一、HTML 5 Audio和Video所支持的音频和视频格式 73

二、为网页设置背景音乐 73

案例二 为企业网站新闻显示网页设置超链接——设置超链接 74

案例说明 74

相关知识 75

一、超链接的含义和分类 75

二、设置常规超链接 76

三、设置热点链接 78

四、设置电子邮件链接 80

五、设置文件下载链接 81

六、设置图像链接 82

案例实施 82

项目总结 84

课堂实训——为“鲜花导购网页”设置超链接 85

项目五 应用CSS设置网页样式 86

学习目标 86

案例一 为企业网站新闻显示网页设置整体样式——设置CSS样式(上) 86

案例说明 86

相关知识 87

一、CSS样式表简介 87

二、在页面中引入CSS样式表的几种方法 87

三、CSS中选择器的类型 94

四、设置布局样式 98

五、设置文本和段落样式 100

六、设置背景样式 101

七、盒子模型的概念 102

案例实施 105

拓展知识 106

一、选择器的集体声明、嵌套与优先级 106

二、选择器的继承 107

案例二 为企业网站新闻显示网页设置页头样式——设置CSS样式(中) 111

案例说明 111

相关知识 111

一、设置边框样式 111

二、标准流的概念 112

案例实施 112

案例三 为企业网站新闻显示网页设置正文样式——设置CSS样式(下) 116

案例说明 116

相关知识 116

一、设置列表样式 116

二、margin使用注意事项 117

案例实施 119

项目总结 123

课堂实训——为“鲜花导购网页”设置CSS样式 123

项目六 构建网页布局 125

学习目标 125

案例一 构建企业网站新闻列表网页整体布局——浮动布局 126

案例说明 126

相关知识 126

一、Div基础 126

二、HTML5结构元素 128

三、float和clear属性 131

四、浮动布局的原理 132

五、常用的浮动布局方法 134

六、清除浮动对布局的不良影响 136

七、浮动布局应用技巧 137

案例实施 140

一、构建HTML结构 140

二、设置CSS样式 143

案例二 制作企业网站新闻列表网页的页头部分 146

案例说明 146

案例实施 146

一、构建HTML结构 146

二、设置CSS样式 150

案例三 制作企业网站新闻列表网页的新闻中心栏目 151

案例说明 151

案例实施 151

一、构建HTML结构 152

二、设置CSS样式 153

案例四 制作企业网站新闻列表网页的集团要闻栏目 156

案例说明 156

案例实施 156

一、构建HTML结构 157

二、设置CSS样式 159

项目总结 161

课堂实训——制作博客网站首页 161

项目七 在网页中应用表格 166

学习目标 166

案例一 创建2018世界杯亚洲区预选赛40强分组表——构建和美化表格 166

案例说明 166

相关知识 167

一、创建表格 167

二、表格的HTML标签 168

三、使用CSS设置表格和单元格属性 169

案例实施 170

一、构建HTML结构 170

二、设置CSS样式 171

案例二 制作化学实验分组表——编辑表格 174

案例说明 174

相关知识 174

一、拆分与合并单元格 174

二、在表格中添加或删除行与列 175

三、使用CSS设置表格内边距和外边距 176

四、使用CSS合并表格边框 177

案例实施 178

一、构建HTML结构 178

二、设置CSS样式 180

项目总结 182

课堂实训——制作月历 182

项目八 模板和库的应用 185

学习目标 185

案例一 创建并应用模板制作新闻显示页面——模板基本操作 185

案例说明 185

相关知识 185

一、创建模板 185

二、编辑模板 189

三、应用模板 190

四、管理模板 193

案例实施 194

一、创建模板 194

二、应用模板 195

案例二 创建并应用库项目制作新闻显示页面——库的基本操作 198

案例说明 198

相关知识 198

一、创建库项目 198

二、应用库项目 200

三、编辑库项目 201

案例实施 202

一、创建库项目 202

二、应用库项目制作网页 203

项目总结 206

项目九 应用表单和行为 207

学习目标 207

案例一 应用表单制作“欢乐购”注册页面——应用表单和表单对象 207

案例说明 207

相关知识 208

一、表单基础知识 208

二、插入表单 208

三、插入表单元素 210

案例实施 212

一、构建HTML结构 212

二、设置CSS样式 223

案例二 应用行为为学校网页添加弹出框——应用行为 226

案例说明 226

相关知识 226

一、认识行为 226

二、“行为”面板 226

三、应用行为 227

四、编辑行为 229

案例实施 230

项目总结 231

项目十 测试和发布网站 233

学习目标 233

案例一 检查和测试企业网站——测试网站 233

案例说明 233

相关知识 233

一、检查网页链接 233

二、修复网页链接 235

案例实施 236

案例二 申请域名和虚拟空间——域名和虚拟空间 238

案例说明 238

相关知识 238

一、域名 238

二、虚拟空间 239

案例实施 239

案例三 发布企业网站——发布网站 241

案例说明 241

相关知识 241

一、连接服务器 241

二、上传网站 243

三、下载网站 244

四、使用扩展“文件”面板管理文件上传和取回 245

案例实施 245

项目总结 247

项目十一 创建移动设备网页 248

学习目标 248

案例 创建“不一样的北京”移动设备网页——使用jQuery Mobil 248

案例说明 248

相关知识 248

一、初识jQuery Mobile 248

二、创建jQuery Mobile页面 250

三、jQuery Mobile页面结构 252

四、使用jQuery Mobile组件 253

五、使用jQuery Mobile主题 262

案例实施 263

一、新建文档 264

二、制作主界面 264

三、制作子页面 266

项目总结 269

项目十二 综合应用——制作酒店网站 272

案例一 站点规划和创建 272

案例说明 272

案例实施 272

案例二 制作网站首页 273

案例说明 273

案例实施 273

一、搭建页面整体框架 273

二、制作网页头部 279

三、制作“会员登录”模块 281

四、制作“客房预订”模块 283

五、制作“酒店新闻”模块 285

六、制作网站信息区 287

案例三 制作网站子页 288

案例说明 288

案例实施 288

参考文献 290