CSS+DIV网页设计与制作

第1篇 基础篇

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

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

1.1.1 网页

1.1.2 网站

1.1.3 主页和子页

1.1.4 构成网页的元素

1.1.5 IP地址

1.1.6 域名

1.1.7 域名解析服务

1.1.8 域名类型

1.1.9 HTML

1.1.10 静态网页和动态网页

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

任务1.2 了解Web标准

1.2.1 Web标准概述

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

任务1.3 了解DIV+CSS布局

1.3.1 CSS样式

1.3.2 CSS盒子模型

1.3.3 DIV+CSS布局的好处

任务1.4 网页版面布局

1.4.1 T字形结构版式

1.4.2 同字形结构版式

1.4.3 三字形结构版式

1.4.4 匡字形结构版式

1.4.5 Flash布局

1.4.6 海报布局

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

1.5.1 前期策划

1.5.2 网站开发（网页制作）

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

实训1 网页赏析

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

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

2.1.1 Dreamweaver CS6新功能介绍

2.1.2 站点创建

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

2.2.1 新建网页

2.2.2 网页测试

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

2.3.1 编写HTML框架

2.3.2 认识网页标签

任务2.4 插入各种网页元素

2.4.1 插入文字

2.4.2 插入特殊符号

2.4.3 插入图像

2.4.4 插入媒体元素

2.4.5 插入音频

2.4.6 插入表单

2.4.7 插入表格

任务2.5 创建超链接

2.5.1 超链接定义

2.5.2 创建超链接

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

项目三 创建CSS样式表

任务3.1 CSS样式引入

3.1.1 CSS基本语法运用

3.1.2 选择器的使用

3.1.3 样式表的继承性使用

3.1.4 注释运用

任务3.2 建立CSS样式表

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

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

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

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

3.3.1 内部样式表

3.3.2 链接外部样式表

3.3.3 导入外部样式表

3.3.4 内嵌样式表

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

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

第2篇 应用篇

项目四 应用CSS盒子

任务4.1 盒子模型探究

4.1.1 盒子模型定义

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

任务4.2 设置盒子边框

任务4.3 设置盒子填充

任务4.4 设置盒子边界

任务4.5 文字盒子属性设置

任务4.6 CSS盒子模型计算

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

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

4.6.3 行内元素之间的距离计算： marginright+marginleft

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

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

实训4 CSS盒子的应用

项目五 网页元素美化

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

5.1.1 CSS样式修饰文字

5.1.2 CSS样式修饰段落

任务5.2 设计漂亮的表格

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

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

5.4.1 整体超链接效果制作

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

任务5.5 设置列表小图片

5.5.1 设置列表小图片操作

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

任务5.6 设计精美表单

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

项目六 CSS盒子浮动

任务6.1 理解浮动属性

6.1.1 理解标准流

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

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

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

任务6.4 使用浮动清除属性

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

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

项目七 CSS盒子定位

任务7.1 了解定位属性

任务7.2 应用定位属性

7.2.1 绝对定位的应用

7.2.2 相对定位应用

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

7.3.1 隐藏网页元素

7.3.2 行竖转换网页元素

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

第3篇 实战篇

项目八 首页设计与美化

任务8.1 首页版面框架设计

任务8.2 网站Logo制作

任务8.3 首页设计与制作

8.3.1 建立站点

8.3.2 搭建首页代码结构

8.3.3 首页内容添加

8.3.4 连接CSS样式文件

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

项目九 子页设计与制作

任务9.1 子页页面模板制作

9.1.1 创建模板

9.1.2 运用模板

9.1.3 修改更新模板

任务9.2 子页制作

9.2.1 “关于我们”子页制作

9.2.2 “产品展示”子页制作

9.2.3 “客户反馈”子页制作

任务9.3 了解网页换肤术

项目十 网页特效制作

任务10.1 了解JS、CSS与特效

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

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

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

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

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

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

任务10.8 内容切换特效制作

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

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

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

任务11.1 设计思想

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

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

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

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

11.2.1 网站需求分析策划

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

11.2.3 多向用户咨询相关问题

11.2.4 市场调研活动内容

11.2.5 完成清晰的需求分析

任务11.3 网站风格设计

11.3.1 网站标志（Logo）制作

11.3.2 网站色彩搭配

11.3.3 网站字体设计

11.3.4 提炼广告语

11.3.5 网站宣传语设计

11.3.6 网页美化设计

任务11.4 网站栏目设计

11.4.1 网站设计原则

11.4.2 网站栏目设计

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

11.5.1 网页版面设计

11.5.2 各区域版面图分解

任务11.6 素材收集与整理

任务11.7 网页效果图设计

任务11.8 网页切片制作

11.8.1 切片的使用

11.8.2 切片的输出

任务11.9 网页制作

11.9.1 网站素材准备

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

11.9.3 首页制作

11.9.4 子页制作

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

任务11.10 后台动态页面制作

11.10.1 背景知识介绍

11.10.2 IIS服务器环境搭建

11.10.3 留言板分析

11.10.4 定义留言板站点

11.10.5 创建和设计数据库

11.10.6 制作ASP动态页面

项目十二 网站上传与维护

任务12.1 空间和域名申请

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

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

12.1.3 FTP

12.1.4 免费空间的申请

任务12.2 网站上传

参考文献

Java语言是当今最流行的计算机高级编程语言之一，Java平台则是一个完整的软件开发体系平台。Java语言具备简单性、面向对象性、分布式、解释性、健壮性、安全性、结构中立性、可移植性、高效性、多线程、动态性等特点，使用Java语言开发的软件项目现在随处可见。 　　《CSS+DIV网页设计与制作/高职高专计算机教学改革新体系规划教材》遴选为2014年江苏省高等学校重点立项建设教材，同时也是无锡市精品课程资源的配套教材。 　　《CSS+DIV网页设计与制作/高职高专计算机教学改革新体系规划教材》以学生考试系统的两个不同版本——单机版和C/S版的开发为主线，分解为15个典型任务，贯穿全书介绍Java相关开发技术和理论，将知识点与开发实践紧密结合，从而达到学以致用的目的。读者通过阅读本书，不仅可以全面掌握Java的初级开发知识，而且可以了解更多的Java应用技巧。 　　《CSS+DIV网页设计与制作/高职高专计算机教学改革新体系规划教材》内容涉及Java语言基础知识、类与对象的基本概念、类的方法、类的重用、接口与多态、泛型和集合、输入/输出流、多线程、图形用户界面设计、JDBC与数据库访问、网络程序设计等。 　　《CSS+DIV网页设计与制作/高职高专计算机教学改革新体系规划教材》可作为高职高专院校软件技术专业、网络技术专业及其他相关专业的教材或参考书，也适合软件开发人员及其他有关人员作为自学参考书或培训教程。

《高职高专计算机教学改革新体系规划教材:CSS+DIV网页设计与制作》内容从基础到高级技术应用，符合从简单到复杂的学习过程；可作为高职高专院校计算机专业教材，也可作为有意从事网页设计师工作的爱好者的自学教材。