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

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

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

第1章 HTML概述1

1.1 HTML简介1

1.2 HTML编写规范2

1.2.1 标签及其属性2

1.2.2 HTML代码规范2

1.2.3 HTML文档结构3

1.3 创建HTML文件4

1.4 网页的摘要信息5

1.4.1 ＜title＞标签5

1.4.2 ＜meta＞标签5

1.4.3 案例——制作兴宇书城页面摘要信息6

1.5 HTML页面中的块和行6

1.6 注释和特殊符号7

1.6.1 注释7

1.6.2 特殊符号8

1.7 实训——制作力天商务网的版权信息8

习题19

第2章 块级标签10

2.1 基本块级标签10

2.1.1 标题标签＜h#＞…＜/h#＞10

2.1.2 段落标签＜p＞…＜/p＞10

2.1.3 水平线标签＜hr/＞11

2.1.4 案例——制作兴宇书城积分说明页面13

2.2 用于布局的块级标签14

2.2.1 无序列表14

2.2.2 有序列表15

2.2.3 表格16

2.2.4 表单25

2.2.5 分区26

2.3 实训——制作力天科技简介页面27

习题228

第3章 行级标签30

3.1 超链接30

3.1.1 超链接的基本概念30

3.1.2 超链接的应用31

3.1.3 案例——制作兴宇书城购物指南34

3.2 图像36

3.2.1 Web上常用的图像格式36

3.2.2 图像标签＜img＞36

3.2.3 用图像作为超链接热点38

3.2.4 案例——制作兴宇书城图文简介38

3.3 表单元素39

3.3.1 ＜input＞元素40

3.3.2 选择栏＜select＞44

3.3.3 多行文本域 ＜textarea＞…＜/textarea＞46

3.3.4 表单的高级用法46

3.3.5 案例——制作兴宇书城会员注册表单47

3.3.6 表单布局48

3.4 范围标签＜span＞50

3.5 换行标签＜br/＞51

3.6 实训——制作力天商务网“联系我们”表单51

习题353

第4章 CSS样式表54

4.1 CSS概述54

4.1.1 CSS的基本概念54

4.1.2 CSS的发展历史55

4.1.3 CSS的代码规范55

4.1.4 CSS的工作环境56

4.1.5 体验CSS57

4.2 样式表语法57

4.2.1 CSS规则58

4.2.2 常用的选择符58

4.3 CSS的属性单位71

4.3.1 长度、百分比单位71

4.3.2 色彩单位72

4.4 网页中插入CSS的方法73

4.4.1 定义内部样式表73

4.4.2 定义行内样式表75

4.4.3 链入外部样式表76

4.4.4 导入外部样式表78

4.4.5 案例——制作兴宇书城图书详细信息79

4.5 样式表的层叠、特殊性与重要性81

4.5.1 样式表的层叠81

4.5.2 特殊性83

4.5.3 重要性83

4.6 元素分类84

4.7 实训——制作力天商务网商机发布信息区84

习题486

第5章 Div＋CSS布局方法88

5.1 Div布局理念88

5.1.1 Div布局页面的优点88

5.1.2 使用嵌套的Div容器实现页面排版88

5.2 CSS盒模型89

5.2.1 盒模型的概念90

5.2.2 盒模型的属性90

5.2.3 盒模型的宽度与高度96

5.2.4 外边距的叠加97

5.2.5 盒模型综合案例98

5.3 盒子的定位100

5.3.1 静态定位100

5.3.2 相对定位102

5.3.3 绝对定位102

5.3.4 相对定位与绝对定位的混合使用103

5.3.5 固定定位103

5.4 盒子的浮动105

5.4.1 浮动105

5.4.2 清除浮动109

5.4.3 定位与浮动综合案例110

5.5 CSS常用布局样式115

5.5.1 两列布局样式115

5.5.2 三列布局样式119

5.6 Div＋CSS布局综合案例123

5.6.1 页面布局规划123

5.6.2 页面的制作过程124

5.7 实训——力天商务网博客页面的布局129

5.7.1 页面布局规划130

5.7.2 页面的制作过程130

习题5136

第6章 使用CSS实现常用的样式修饰138

6.1 设置文字的样式138

6.1.1 设置文字的字体138

6.1.2 设置字体的大小139

6.1.3 设置字体的粗细140

6.1.4 设置字体的倾斜141

6.1.5 设置字体的修饰142

6.1.6 设置文本的颜色144

6.2 设置段落的样式145

6.2.1 设置文字的对齐方式145

6.2.2 设置首行缩进146

6.2.3 设置首字下沉146

6.2.4 设置行高147

6.2.5 设置字间距148

6.2.6 设置字符间距149

6.2.7 设置文本的大、小写150

6.3 设置图片样式151

6.3.1 图片的边框151

6.3.2 图片的缩放153

6.4 设置背景154

6.4.1 设置背景颜色154

6.4.2 设置背景图像155

6.4.3 设置背景重复155

6.4.4 设置背景定位157

6.4.5 设置背景大小159

6.4.6 案例——制作兴宇书城购物车统计信息160

6.5 图文混排162

6.6 用CSS设置常用样式修饰的综合案例165

6.6.1 页面布局规划165

6.6.2 页面的制作过程166

6.7 实训——制作力天商务网商务安全中心页面172

习题6179

第7章 使用CSS设置链接与导航菜单181

7.1 使用CSS设置链接181

7.1.1 超链接伪类181

7.1.2 改变文字链接的外观182

7.1.3 创建按钮式超链接184

7.1.4 图文链接186

7.2 使用CSS设置列表186

7.2.1 设置列表类型188

7.2.2 设置列表项图像191

7.2.3 设置列表项位置192

7.2.4 图文信息列表193

7.3 创建导航菜单197

7.3.1 普通的超链接导航菜单197

7.3.2 纵向列表模式的导航菜单199

7.3.3 横向列表模式的导航菜单203

7.4 使用CSS设置链接与导航菜单综合案例207

7.4.1 页面布局规划207

7.4.2 页面的制作过程208

7.5 实训——制作力天商务网技术支持页面215

习题7226

第8章 使用JaVaScript制作网页特效227

8.1 JavaScript简介227

8.2 在网页中插入JavaScript的方法及定义227

8.2.1 在HTML文档中嵌入脚本程序227

8.2.2 链接脚本文件229

8.2.3 在标签内添加脚本229

8.3 常见的网页特效230

8.3.1 循环滚动的图文字幕230

8.3.2 幻灯片切换的广告234

8.4 实训——制作二级纵向列表模式的导航菜单236

习题8239

第9章 兴宇书城首页和列表页241

9.1 网站的开发流程241

9.1.1 规划站点241

9.1.2 网站制作243

9.1.3 测试网站243

9.1.4 发布站点243

9.2 设计首页布局243

9.2.1 使用Dreamweaver创建站点243

9.2.2 页面布局规划246

9.3 首页的制作246

9.4 制作列表页256

习题9258

第10章 图书详细信息页面和查看购物车页面260

10.1 制作图书详细信息页面260

10.2 制作查看购物车页面266

习题10269

第11章 兴宇书城后台管理页面270

11.1 后台管理登录页面的制作270

11.2 查询图书页面的制作274

11.3 添加图书页面的制作283

11.4 会员管理页面的制作287

11.5 页面的整合289

习题11289

参考文献291