项目一 网站设计入门基础
学习目标
项目描述 构思与规划网站首页设计
知识准备
一、介绍网页和网站
二、构建网站的步骤
三、设计网页的过程
四、设计网页相关知识
项目实施 网站首页策划与设计方案实施
一、网站主题
二、用户群体
三、网站风格
四、结构规划
五、色彩搭配
六、首页版面设计
实践练习
项目二 构建基础网页
学习目标
项目描述 构建个人简介网络平台
知识准备
一、了解HTML
二、文本格式化标签
三、插入图像标签
四、结构性标签
五、分组标签
六、交互性标签
七、行内语义性标签
项目实施 构建个人简介网络平台
一、解析项目
二、实现项目
实践练习
项目三 使用CSS3进行网页视觉优化
学习目标
项目描述 人物介绍网页外观设计
知识准备
一、CSS3的基础
二、CSS3基础要素
三、定义文本样式
四、选择器的性质
项目实施 介绍网页外观设计
一、解析项目
二、实现项目
实践练习
项目四 使用盒状模型进行网页布局划分
学习目标
项目描述 设计未来智能技术的网页布局
知识准备
一、定义盒子
二、与盒子有关的属性
三、元素
四、垂直外边距的合并规则
项目实施 设计未来智能技术的网页布局
一、解析项目
二、实现项目
实践练习
项目五 运用CSS特性进行网页排版
学习目标
项目描述 打造魅力中国主页
知识准备
一、简述布局
二、常用布局属性
三、其他布局属性
项目实施 打造魅力中国主页
一、解析项目
二、实现项目
实践练习
项目六 在网页中插入列表与超链接元素
学习目标
项目描述 创建学生事务部横向和纵向导航栏
知识准备
一、列表
二、使用CSS定义列表的样式
三、超链接
四、使用伪类定义超链接的状态
项目实施 创建学生事务部水平和垂直导航栏
一、解析项目
二、实现项目
实践练习
项目七 在网页中插入表格
学习目标
项目描述 打造学术会议参会情况表
知识准备
一、制作表格
二、使用CSS3美化表格
项目实施 打造学术会议记录表
一、解析项目
二、实现项目
实践练习
项目八 在网页中插入表单
学习目标
项目描述 制作学生学籍注册表
知识准备
一、表单的概述
二、表单中的控件
三、使用CSS3美化表单
项目实施 制作学生学籍注册表
一、解析项目
二、实现项目
实践练习
项目九 在网页中插入音视频
学习目标
项目描述 在制作的杭州亚运会信息网站插入音视频文件
知识准备
一、多媒体的概述
二、在网页中插入音视频
三、使用CSS3中的属性设置视频尺寸
项目实施 在制作的杭州亚运会信息网站插入音视频文件
一、解析项目
二、实现项目
实践练习
项目十 在网页中使用特殊效果
学习目标
项目描述 在摄影爱好者网站中使用特殊效果
知识准备
一、转换
二、过渡
项目实施 在摄影爱好者网站中使用特殊效果
一、解析项目
二、实现项目
实践练习
参考文献
展开