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

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

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

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

学习目标1

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

案例说明1

相关知识1

一、网页、网站和主页1

二、网页的构成元素2

三、网页的本质2

案例实施3

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

案例说明4

相关知识4

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

二、网页版式设计6

三、网页尺寸7

案例实施9

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

案例说明9

相关知识10

一、Internet，IP地址和域名10

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

三、HTML与CSS简介11

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

案例实施12

项目总结15

项目二 网站创建与管理16

学习目标16

案例一 调整Dreamweaver CC 2017工作界面——初识Dreamweaver CC 201716

案例说明16

相关知识17

一、启动Dreamweaver CC17

二、认识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 Audio67

二、插入HTML 5 Video69

三、插入并编辑插件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

相关知识117

一、设置列表样式117

二、margin使用注意事项117

案例实施119

项目总结123

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

项目六 构建网页布局126

学习目标126

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

案例说明127

相关知识127

一、Div基础127

二、HTML 5结构元素129

三、float和clear属性132

四、浮动布局的原理133

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

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

七、浮动布局应用技巧138

案例实施141

一、构建HTML结构141

二、设置CSS样式144

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

案例说明147

案例实施147

一、构建HTML结构147

二、设置CSS样式151

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

案例说明152

案例实施152

一、构建HTML结构153

二、设置CSS样式154

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

案例说明157

案例实施157

一、构建HTML结构158

二、设置CSS样式160

项目总结162

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

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

学习目标167

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

案例说明167

相关知识168

一、创建表格168

二、表格的HTML标签169

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

案例实施171

一、构建HTML结构171

二、设置CSS样式172

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

案例说明174

相关知识174

一、拆分与合并单元格174

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

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

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

案例实施179

一、构建HTML结构179

二、设置CSS样式181

项目总结182

课堂实训——制作月历182

项目八 模板和库的应用186

学习目标186

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

案例说明186

相关知识186

一、创建模板186

二、编辑模板190

三、应用模板191

四、管理模板194

案例实施195

一、创建模板195

二、应用模板196

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

案例说明199

相关知识199

一、创建库项目199

二、应用库项目201

三、编辑库项目202

案例实施203

一、创建库项目203

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

项目总结207

项目九 应用表单和行为208

学习目标208

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

案例说明208

相关知识209

一、表单基础知识209

二、插入表单209

三、插入表单元素211

案例实施213

一、构建HTML结构213

二、设置CSS样式224

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

案例说明227

相关知识227

一、认识行为227

二、“行为”面板227

三、应用行为228

四、编辑行为230

案例实施231

项目总结232

项目十 测试和发布网站234

学习目标234

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

案例说明234

相关知识234

一、检查网页链接234

二、修复网页链接236

案例实施237

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

案例说明239

相关知识239

一、域名239

二、虚拟空间240

案例实施240

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

案例说明242

相关知识242

一、连接服务器242

二、上传网站244

三、下载网站245

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

案例实施246

项目总结248

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

学习目标249

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

案例说明249

相关知识249

一、初识jQuery Mobile249

二、创建jQuery Mobile页面251

三、jQuery Mobile页面结构253

四、使用jQuery Mobile组件254

五、使用jQuery Mobile主题263

案例实施264

一、新建文档265

二、制作主界面265

三、制作子页面267

项目总结270

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

案例一 站点规划和创建273

案例说明273

案例实施273

案例二 制作网站首页274

案例说明274

案例实施274

一、搭建页面整体框架274

二、制作网页头部280

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

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

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

六、制作网站信息区288

案例三 制作网站子页289

案例说明289

案例实施289