网页设计与制作项目教程 HTML+CSS+JavaScript2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

网页设计与制作项目教程 HTML+CSS+JavaScriptPDF格式电子书版下载

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

项目1 网页制作基础知识1

【任务1-1】了解Web基本概念2

需求分析2

知识储备2

1．认识网页2

2．网页相关名词4

3．Web标准5

【任务1-2】网页制作入门6

需求分析6

知识储备6

1．HTML简介6

2．CSS简介8

3．JavaScript简介9

4．常见浏览器介绍9

【任务1-3】Dreamweaver工具的使用11

需求分析11

知识储备11

1．Dreamweaver界面介绍11

2．Dreamweaver初始化设置15

3．创建第一个网页17

【项目总结】19

【课后练习】19

项目2 “说旅游”专题页制作21

【项目描述】22

【任务2-1】认识HTML23

需求分析23

知识储备23

1．HTML文档基本格式23

2．HTML标记24

3．标记的属性26

4．HTML文档头部相关标记27

【任务2-2】HTML文本控制标记29

需求分析29

知识储备29

1．标题和段落标记29

2．文本样式标记（font）32

3．文本格式化标记33

4．特殊字符标记34

知识拓展35

【任务2-3】HTML图像标记36

需求分析36

知识储备36

1．常用图像格式36

2．图像标记37

3．相对路径与绝对路径40

知识拓展41

【任务2-4】准备工作与页面布局42

准备工作42

页面结构分析44

页面布局45

【任务2-5】制作“头部”模块46

效果分析46

模块制作46

【任务2-6】制作“伊露岛介绍”模块47

效果分析47

模块制作47

【任务2-7】制作“伊露岛推荐”模块48

效果分析48

模块制作49

【任务2-8】制作“驴友评论”模块50

效果分析50

模块制作51

【任务2-9】制作“页脚”模块52

效果分析52

模块制作53

【项目总结】54

【课后练习】54

项目3 “网上花店”专题页制作56

【项目描述】57

【任务3-1】CSS核心基础58

需求分析58

知识储备58

1．CSS样式规则58

2．引入CSS样式表59

3．CSS基础选择器63

【任务3-2】CSS控制文本样式65

需求分析65

知识储备65

1．CSS字体样式属性65

2．CSS文本外观属性68

知识拓展71

【任务3-3】CSS高级特性71

需求分析71

知识储备72

1．CSS复合选择器72

2．CSS层叠性与继承性74

3．CSS优先级75

【任务3-4】布局及定义基础样式78

准备工作78

效果分析79

定义基础样式80

【任务3-5】制作“标题”模块81

效果分析81

模块制作81

【任务3-6】制作“分类”模块82

效果分析82

模块制作83

【任务3-7】制作“热卖”模块84

效果分析84

模块制作85

【任务3-8】制作“页脚”模块86

效果分析86

模块制作87

【项目总结】88

【课后练习】88

项目4 “青春树儿童摄影网”首页制作91

【项目描述】92

【任务4-1】认识盒子模型93

需求分析93

知识储备93

认识盒子模型93

【任务4-2】盒子模型相关属性94

需求分析94

知识储备95

1．边框属性95

2．内边距属性100

3．外边距属性101

4．背景属性103

5．盒子的宽与高107

【任务4-3】元素的类型与转换108

需求分析108

知识储备109

1．元素的类型109

2．＜span＞标记111

3．元素的转换112

知识拓展114

【任务4-4】元素的浮动116

需求分析116

知识储备117

1．元素的浮动属性117

2．清除浮动119

3．overflow属性124

【任务4-5】元素的定位126

需求分析126

知识储备126

1．元素的定位属性126

2．静态定位126

3．相对定位127

4．绝对定位128

5．固定定位129

6．z-index层叠等级属性129

【任务4-6】布局及定义基础样式130

准备工作130

效果分析131

定义基础样式131

【任务4-7】制作“导航”及“banner”模块132

效果分析132

模块制作133

【任务4-8】制作“最新动态”模块135

效果分析135

模块制作135

【任务4-9】制作“样片欣赏”模块137

效果分析137

模块制作138

【任务4-10】制作“页脚”及“悬浮框”模块139

效果分析139

模块制作139

【项目总结】140

【课后练习】140

项目5 “穿搭速递”首页制作142

【项目描述】143

【任务5-1】列表标记143

需求分析143

知识储备144

1．无序列表ul144

2．有序列表ol144

3．定义列表dl145

4．列表的嵌套应用146

【任务5-2】CSS控制列表样式147

需求分析147

知识储备147

1．list-style复合属性147

2．背景图像定义列表项目符号148

【任务5-3】超链接标记149

需求分析149

知识储备149

1．创建超链接149

2．锚点链接150

3．链接伪类控制超链接152

【任务5-4】布局及定义基础样式154

准备工作154

效果分析155

定义基础样式155

【任务5-5】制作“头部”导航模块156

效果分析156

模块制作156

【任务5-6】制作“banner”和“精品展示”模块158

效果分析158

模块制作159

【任务5-7】制作“潮流前沿”模块162

效果分析162

模块制作162

【任务5-8】制作“版权信息”模块164

效果分析164

模块制作165

【项目总结】166

【课后练习】166

项目6 “千年之恋”注册页面制作168

【项目描述】169

【任务6-1】认识表格相关标记170

需求分析170

知识储备170

1．表格的创建170

2．＜table＞标记的属性171

3．＜tr＞标记的属性175

4．＜td＞标记的属性176

5．＜th＞标记及其属性177

【任务6-2】CSS控制表格样式178

需求分析178

知识储备178

1．CSS控制表格边框178

2．CSS控制单元格边距179

3．CSS控制单元格的宽高181

【任务6-3】认识表单182

需求分析182

知识储备182

1．初识表单182

2．创建表单183

【任务6-4】表单控件184

需求分析184

知识储备184

1．input控件184

2．textarea控件188

3．select控件189

【任务6-5】CSS控制表单样式192

需求分析192

知识储备192

CSS控制表单样式192

【任务6-6】布局及定义基础样式194

准备工作194

效果分析195

定义基础样式196

【任务6-7】制作头部及导航模块197

效果分析197

模块制作197

【任务6-8】制作“banner”及“内容”模块199

效果分析199

模块制作200

【任务6-9】制作“页脚”模块204

效果分析204

模块制作204

【项目总结】205

【课后练习】205

项目7 “赶快回家网”首页制作207

【项目描述】208

【任务7-1】JavaScript概述209

需求分析209

知识储备209

1．JavaScript简介209

2．JavaScript引入方式210

3．JavaScript基本语法212

4．一个简单的JavaScript程序213

【任务7-2】JavaScript语言基础214

需求分析214

知识储备214

1．关键字和标识符214

2．变量和数据类型215

3．运算符和表达式218

【任务7-3】流程控制语句224

需求分析224

知识储备224

1．条件语句224

2．循环语句229

3．跳转语句232

【任务7-4】函数234

需求分析234

知识储备234

1．初识函数234

2．函数的调用235

3．函数中变量的作用域235

【任务7-5】布局及定义基础样式236

准备工作237

效果分析237

定义基础样式237

【任务7-6】制作“头部”模块239

效果分析239

模块制作240

【任务7-7】制作“导航”模块243

效果分析243

模块制作243

【任务7-8】制作“banner”和“时间”模块245

效果分析245

模块制作246

【任务7-9】制作“客运信息”模块248

效果分析248

模块制作249

【任务7-10】制作“底部”模块252

效果分析252

模块制作252

【项目总结】253

【课后练习】253

项目8 “学好英语网”首页制作255

【项目描述】256

【任务8-1】认识对象257

需求分析257

知识储备257

1．什么是对象257

2．对象的属性和方法257

3．创建和删除对象257

4．内置对象259

【任务8-2】Array数组对象263

需求分析263

知识储备263

1．初识数组263

2．数组的常见操作264

3．数组的常用属性和方法266

4．二维数组268

【任务8-3】BOM与DOM对象269

需求分析269

知识储备269

1．BOM对象269

2．DOM对象275

【任务8-4】事件处理281

需求分析281

知识储备281

1．什么是事件281

2．事件处理程序的调用281

3．鼠标事件283

4．键盘事件284

5．表单事件286

6．页面事件287

【任务8-5】布局及定义基础样式289

准备工作289

效果分析289

定义基础样式290

【任务8-6】制作“头部”及“导航”模块292

效果分析292

模块制作292

【任务8-7】制作“banner”模块294

效果分析294

模块制作294

【任务8-8】制作“简介”模块297

效果分析297

模块制作298

【任务8-9】制作“课程特色”模块301

效果分析301

模块制作301

【任务8-10】制作“页脚”模块306

效果分析306

模块制作306

【项目总结】307

【课后练习】307