

首页  思维导图  详情



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

2020-04-09 17:19:05   0  举报





AI智能生成

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

模版推荐

作者其他创作

大纲/内容

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.4 CSS编写

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——电子政务网站

10.1 页面效果图分析

10.1.1 头部和页脚分析

10.1.2 首页主体内容分析

10.1.3 内页主体内容分析

10.2 布局规划及切图

10.2.1 页面布局规划

10.2.2 切割首页及导出图片

10.2.3 切割内页及导出图片

10.3 XHTML编写

10.3.1 页面的XHTML框架搭建

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

10.3.3 页面公共部分的XHTML编写

10.3.4 首页主体内容的XHTML编写

10.3.5 内页主体内容的XHTML编写

10.3.6 首页XHTML代码总览

10.3.7 内页XHTML代码总览

10.4 CSS编写

10.4.1 页面公共部分的CSS编写

10.4.2 页面框架的CSS编写

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

10.4.4 首页主体内容的CSS编写

10.4.5 内页主体内容的CSS编写

10.4.6 网站CSS代码总览

10.5 制作中需要注意的问题

10.5.1 marquee

10.5.2 word-spacing

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

11.1 页面效果图分析

11.1.1 头部和页脚分析

11.1.2 首页主体内容分析

11.1.3 内页主体内容分析

11.2 布局规划及切图

11.2.1 页面布局规划

11.2.2 切割首页及导出图片

11.2.3 切割内页及导出图片

11.3 XHTML编写

11.3.1 页面的XHTML框架搭建

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

11.3.3 页面公共部分的XHTML编写

11.3.4 首页主体内容的XHTML编写

11.3.5 内页主体内容的XHTML编写

11.3.6 首页XHTML代码总览

11.3.7 内页XHTML代码总览

11.4 CSS编写

11.4.1 页面公共部分的CSS编写

11.4.2 页面框架的CSS编写

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

11.4.4 首页主体内容的CSS编写

11.4.5 内页主体内容的CSS编写

11.4.6 网站CSS代码总览

11.5 制作中需要注意的问题

11.5.1 CSS Sprites技术的利与弊

11.5.2 准确提炼网站中的公共模块

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

12.1 页面效果图分析

12.1.1 头部和页脚分析

12.1.2 首页主体内容分析

12.1.3 内页主体内容分析

12.2 布局规划及切图

12.2.1 页面布局规划

12.2.2 切割首页及导出图片

12.2.3 切割内页及导出图片

12.3 XHTML编写

12.3.1 页面的XHTML框架搭建

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

12.3.3 页面公共部分的XHTML编写

12.3.4 首页主体内容的XHTML编写

12.3.5 内页主体内容的XHTML编写

12.3.6 首页XHTML代码总览

12.3.7 内页XHTML代码总览

12.4 CSS编写

12.4.1 页面公共部分的CSS编写

12.4.2 页面框架的CSS编写

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

12.4.4 首页主体内容的CSS编写

12.4.5 内页主体内容的CSS编写

12.4.6 网站CSS代码总览

12.5 制作中需要注意的问题

12.5.1 网页的编码格式

12.5.2 CSS加入网页的方法

13 网站的发布

13.1 整理源代码

13.1.1 XHTML代码的检查

13.1.2 CSS代码的检查

13.1.3 网页调试

13.1.4 压缩代码

13.2 购买空间和域名

13.3 上传网站

13.4 维护与运营

13.5 读者常见问题

13.5.1 如何让别人通过互联网访问我的网站

13.5.2 如何能让百度、谷歌等收录我的网站

13.5.3 网站是否要备案

附录A HTML中支持的颜色名称

附录B CSS常用的属性

附录C

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.1 XHTML语言的特点

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.2 CSS选择器

2.4.3 CSS盒模型

2.4.4 CSS定位

2.4.5 认识div层

2.4.6 div和span的区别

2.4.7 网站文件规划

2.4.8 CSS样式规划

2.5 页面开发标准和规范

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

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

2.8 初学者常见问题

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

2.8.2 如何考虑网站推广问题

2.8.3 什么是Web标准

2.8.4 如何理解margin的加倍问题

2.8.5 margin: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 小结

 Collect

Get Started

DIV+CSS布局与样式之网站设计基础及精粹合集(套装共2册)

 Collect

Get Started

生鲜食材网站设计

 Collect

Get Started

网站信息

 Collect

Get Started

产品组织与设计流程





0 条评论

下一页