DIV CSS布局与样式之网站设计基础目录

时间：2023-06-20 22:12:01 | 来源：营销百科

时间：2023-06-20 22:12:01 来源：营销百科

DIV CSS布局与样式之网站设计基础目录：第1章网页与网站的常识

1.1互联网常识

1.1.1组成网站的要素

1.1.2网站域名

1.1.3域名解析

1.1.4网站空间

1.1.5虚拟主机

1.2网页常识

1.2.1网页的结构描述语言HTML

1.2.2 XHTML和HTML的区别

1.2.3网页的分类

1.2.4网页的源代码

1.3网站常识

1.3.1网站开发语言

1.3.2动态网站和静态网站

1.3.3网站建设流程

1.4初学者常见问题

1.4.1XHTML语言的特点

1.4.2浏览器的作用

1.4.3静态网页和动态网页的区别

第2章网站制作基础

2.1如何使用Dreamweaver建站

2.1.1定义站点

2.1.2制作静态网页

2.1.3制作动态网页

2.1.4浏览网页

2.2策划网站

2.2.1确定网站主题

2.2.2网站需求分析

2.2.3网站框架图设计/交互设计

2.3视觉设计

2.4页面开发

2.4.1如何切图并保存切片

2.4.2CSS选择器

2.4.3CSS盒模型

2.4.4CSS定位

2.4.5认识div层

2.4.6div和span的区别

2.4.7网站文件规划

2.4.8CSS样式规划

2.5页面开发标准和规范

2.6综合练习1—图文排版效果

2.7综合练习2—淘 宝导购菜单

2.8初学者常见问题

2.8.1DIV CSS网站标准设计的优势

2.8.2如何考虑网站推广问题

2.8.3什么是Web标准

2.8.4如何理解margin的加倍问题

2.8.5margin：0 auto表示什么含义

第3章左右两栏固定宽度的布局

3.1页面布局的分析

3.2页面布局的实现

3.2.1两栏浮动

3.2.2两栏绝对定位

3.2.3一栏浮动，另一栏绝对定位

3.3网页实例

3.3.1效果图分析

3.3.2切图

3.3.3绘制框架图

3.3.4编写XHTML代码

3.3.5编写CSS代码

3.4小结

第4章左右两栏宽度自适应的布局

4.1页面布局的分析

4.1.1示意图

4.1.2布局分析

4.2页面布局的实现

4.2.1两栏浮动

4.2.2两栏绝对定位

4.2.3一栏浮动，另一栏绝对定位

4.3网页实例

4.3.1效果图分析

4.3.2切图

4.3.3绘制框架图

4.3.4编写XHTML代码

4.3.5编写CSS代码

4.4小结

第5章一栏宽度固定，另一栏宽度自适应的布局

5.1页面布局的分析

5.1.1示意图

5.1.2布局分析

5.2页面布局的实现

5.2.1一栏浮动，另一栏默认文档流并设置向左外边距

5.2.2一栏绝对定位，另一栏默认文档流并设置向左外边距

5.3网页实例

5.3.1效果图分析

5.3.2切图

5.3.3绘制框架图

5.3.4编写XHTML代码

5.3.5编写CSS代码

5.4小结

第6章三栏宽度固定的布局

6.1页面布局的分析

6.1.1示意图

6.1.2布局分析

6.2页面布局的实现

6.2.1左中右三栏浮动

6.2.2左中右三栏绝对定位

6.2.3左右两栏浮动，中间栏绝对定位

6.3网页实例

6.3.1效果图分析

6.3.2切图

6.3.3绘制框架图

6.3.4编写XHTML代码

6.3.5编写CSS代码

6.4小结

第7章左右两栏宽度固定，中间栏宽度自适应的布局

7.1页面布局的分析

7.1.1示意图

7.1.2布局分析

7.2页面布局的实现

7.2.1左右两栏浮动，中间栏默认文档流并设置左右外边距

7.2.2左右两栏绝对定位，中间栏默认文档流并设置左右外边距

7.3网页实例

7.3.1效果图分析

7.3.2切图

7.3.3绘制框架图

7.3.4编写XHTML代码

7.3.5编写CSS代码

7.4小结

第8章高度自适应的布局

8.1页面布局的分析

8.1.1示意图

8.1.2布局分析

8.2页面布局的实现

8.2.1正负内外边距

8.2.2为父容器添加背景图

8.3网页实例

8.3.1效果图分析

8.3.2切图

8.3.3绘制框架图

8.3.4编写XHTML代码

8.3.5编写CSS代码

8.4小结

第9章项目1——论坛

9.1页面效果图分析

9.1.1页面头部和页脚分析

9.1.2首页主体内容分析

9.1.3内页主体内容分析

9.2布局规划及切图

9.2.1页面布局规划

9.2.2切割首页及导出图片

9.2.3切割内页及导出图片

9.3 XHTML编写

9.3.1搭建页面XHTML框架

9.3.2编写页面头部和页脚的XHTML

9.3.3编写页面公共部分的XHTML

9.3.4编写首页主体内容的XHTML

9.3.5编写内页主体内容的XHTML

9.3.6总览首页XHTML代码

9.3.7总览内页XHTML代码

9.4CSS编写

9.4.1页面公共部分的CSS编写

9.4.2页面框架的CSS编写

9.4.3页面头部和页脚的CSS编写

9.4.4首页主体内容的CSS编写

9.4.5内页主体内容的CSS编写

9.4.6网站CSS代码总览

9.5制作中需要注意的问题

9.5.1网站文件规划

9.5.2 CSS样式规划

第10章项目 2——电子政务网站 155^[3]

101页面效果图分析 155^[3]

1011头部和页脚分析 157^[3]

1012首页主体内容分析 158^[3]

1013内页主体内容分析 159^[3]

102布局规划及切图 160^[3]

1021页面布局规划 160^[3]

1022切割首页及导出图片 160^[3]

1023切割内页及导出图片 162^[3]

103 XHTML编写 162^[3]

第11章项目3—电子商务网站

第12章项目4—新品展示网站

第13章网站的发布

附录AHTML中支持的颜色名称

附录BCSS常用的属性