CSS+DIV网页设计与制作PDF|Epub|txt|kindle电子书版本网盘下载

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

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

第1篇 基础篇3

项目一 了解网页设计相关知识3

任务1.1 通过网页了解各种网页元素3

1.1.1 网页3

1.1.2 网站4

1.1.3 主页和子页4

1.1.4 构成网页的元素5

1.1.5 IP地址8

1.1.6 域名8

1.1.7 域名解析服务8

1.1.8 域名类型8

1.1.9 HTML9

1.1.10 静态网页和动态网页9

1.1.11 网页设计与制作的主要工具9

任务1.2 了解Web标准11

1.2.1 Web标准概述11

1.2.2 内容、结构和表现相分离11

任务1.3 了解DIV＋CSS布局13

1.3.1 CSS样式13

1.3.2 CSS盒子模型14

1.3.3 DIV＋CSS布局的好处14

任务1.4 网页版面布局14

1.4.1 T字形结构版式14

1.4.2 同字形结构版式15

1.4.3 三字形结构版式15

1.4.4 匡字形结构版式15

1.4.5 Flash布局17

1.4.6 海报布局17

任务1.5 初步了解网站设计与开发的过程18

1.5.1 前期策划18

1.5.2 网站开发（网页制作）19

1.5.3 网站后期发布、测试与维护19

实训1 网页赏析19

项目二 网站建立与网站规划21

任务2.1 新建网站与网站文件管理21

2.1.1 Dreamweaver CS6新功能介绍21

2.1.2 站点创建22

任务2.2 新建网页与网页测试30

2.2.1 新建网页30

2.2.2 网页测试31

任务2.3 编写最简单的HTML框架34

2.3.1 编写HTML框架34

2.3.2 认识网页标签36

任务2.4 插入各种网页元素37

2.4.1 插入文字37

2.4.2 插入特殊符号37

2.4.3 插入图像38

2.4.4 插入媒体元素39

2.4.5 插入音频41

2.4.6 插入表单42

2.4.7 插入表格46

任务2.5 创建超链接47

2.5.1 超链接定义47

2.5.2 创建超链接48

实训2 网站建立与栏目规划53

项目三 创建CSS样式表55

任务3.1 CSS样式引入55

3.1.1 CSS基本语法运用57

3.1.2 选择器的使用57

3.1.3 样式表的继承性使用60

3.1.4 注释运用61

任务3.2 建立CSS样式表62

3.2.1 建立标签选择器类型的CSS样式表62

3.2.2 建立类选择器类型的CSS样式表68

3.2.3 建立ID选择器类型的CSS样式71

任务3.3 在网页中插入CSS样式表73

3.3.1 内部样式表73

3.3.2 链接外部样式表74

3.3.3 导入外部样式表74

3.3.4 内嵌样式表75

任务3.4 解决CSS的优先级问题76

实训3 利用CSS样式创建多种样式78

第2篇 应用篇83

项目四 应用CSS盒子83

任务4.1 盒子模型探究83

4.1.1 盒子模型定义84

4.1.2 在标准流中定位默认CSS盒子85

任务4.2 设置盒子边框86

任务4.3 设置盒子填充88

任务4.4 设置盒子边界89

任务4.5 文字盒子属性设置90

任务4.6 CSS盒子模型计算90

4.6.1 一个CSS盒子实际宽度计算91

4.6.2 块级元素之间的距离计算：取最大者91

4.6.3 行内元素之间的距离计算：margin-right＋margin-left93

4.6.4 嵌套关系的距离计算：子块级元素离父块级元素距离为margin＋padding93

任务4.7 CSS盒子模型与DOM树关系应用93

实训4 CSS盒子的应用95

项目五 网页元素美化97

任务5.1 丰富的文字效果设置97

5.1.1 CSS样式修饰文字97

5.1.2 CSS样式修饰段落98

任务5.2 设计漂亮的表格99

任务5.3 文字超链接各种样式的设置100

任务5.4 文字超链接多种样式混合应用106

5.4.1 整体超链接效果制作107

5.4.2 多种（个性）超链接效果制作109

任务5.5 设置列表小图片111

5.5.1 设置列表小图片操作111

5.5.2 CSS控制网页背景图片属性设置112

任务5.6 设计精美表单113

实训5 使用CSS样式控制网页元素和背景图位置118

项目六 CSS盒子浮动121

任务6.1 理解浮动属性121

6.1.1 理解标准流122

6.1.2 块级元素和行内元素在标准流里的排放位置122

任务6.2 使用浮动属性实现竖直变一行效果123

任务6.3 使用浮动属性实现图片文字环绕效果124

任务6.4 使用浮动清除属性125

任务6.5 使用浮动属性实现两行两列布局126

实训6 使用浮动属性布局网页架构129

项目七 CSS盒子定位132

任务7.1 了解定位属性132

任务7.2 应用定位属性133

7.2.1 绝对定位的应用133

7.2.2 相对定位应用137

任务7.3 隐藏与显示网页元素138

7.3.1 隐藏网页元素138

7.3.2 行竖转换网页元素139

实训7 使用定位属性布局网页142

第3篇 实战篇147

项目八 首页设计与美化147

任务8.1 首页版面框架设计148

任务8.2 网站Logo制作148

任务8.3 首页设计与制作159

8.3.1 建立站点159

8.3.2 搭建首页代码结构159

8.3.3 首页内容添加161

8.3.4 连接CSS样式文件163

8.3.5 设计与布局首页各区域内容164

项目九 子页设计与制作172

任务9.1 子页页面模板制作172

9.1.1 创建模板172

9.1.2 运用模板175

9.1.3 修改更新模板176

任务9.2 子页制作178

9.2.1 “关于我们”子页制作178

9.2.2 “产品展示”子页制作183

9.2.3 “客户反馈”子页制作184

任务9.3 了解网页换肤术187

项目十 网页特效制作188

任务10.1 了解JS、CSS与特效188

任务10.2 图片无缝连续滚动特效制作191

任务10.3 图片局部放大镜特效制作194

任务10.4 淘宝图片局部放大特效制作196

任务10.5 整张图片放大特效制作200

任务10.6 幻灯片广告图片自动播放特效制作202

任务10.7 滚动广告屏特效制作205

任务10.8 内容切换特效制作206

任务10.9 两侧浮动广告特效制作209

任务10.10 二级导航条特效制作210

项目十一 CSS＋DIV房地产企业网站设计与实现216

任务11.1 设计思想217

11.1.1 房地产公司网站建设的基本需求217

11.1.2 房地产公司网站建设的服务范围217

11.1.3 房地产公司网站建设的解决方案217

任务11.2 如何进行网站需求分析217

11.2.1 网站需求分析策划218

11.2.2 完整的需求调查文档记录218

11.2.3 多向用户咨询相关问题218

11.2.4 市场调研活动内容218

11.2.5 完成清晰的需求分析219

任务11.3 网站风格设计219

11.3.1 网站标志（Logo）制作219

11.3.2 网站色彩搭配219

11.3.3 网站字体设计220

11.3.4 提炼广告语220

11.3.5 网站宣传语设计220

11.3.6 网页美化设计220

任务11.4 网站栏目设计221

11.4.1 网站设计原则221

11.4.2 网站栏目设计222

任务11.5 页面版面设计与实现222

11.5.1 网页版面设计222

11.5.2 各区域版面图分解223

任务11.6 素材收集与整理224

任务11.7 网页效果图设计225

任务11.8 网页切片制作225

11.8.1 切片的使用225

11.8.2 切片的输出229

任务11.9 网页制作232

11.9.1 网站素材准备232

11.9.2 创建网站及搭建网站结构233

11.9.3 首页制作237

11.9.4 子页制作245

实训11 综合网站设计与制作253

任务11.10 后台动态页面制作253

11.10.1 背景知识介绍254

11.10.2 IIS服务器环境搭建255

11.10.3 留言板分析259

11.10.4 定义留言板站点260

11.10.5 创建和设计数据库268

11.10.6 制作ASP动态页面270

项目十二 网站上传与维护285

任务12.1 空间和域名申请285

12.1.1 IP地址、域名和空间简介285

12.1.2 IP地址、域名和主机空间之间的关系286

12.1.3 FTP286

12.1.4 免费空间的申请286

任务12.2 网站上传288

参考文献291