项目化教学案例:六人行网站由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“专业项目化教学案例”。
项目案例:六人行网站
一、训练的技能点
使用DIV+CSS实现整体布局
使用DIV+CSS实现典型的4种局部结构
使用绝对定位和滤镜实现CSS特效
使用CSS实现页面的美化
二、任务描述
系统概述
六人行网站是目前人气较旺的网络交友平台
模拟制作4个网页
首页
活动页
据点页
注册页
系统角色
网站开发人员、浏览者
三、问题分析
问题分析1:网站制作步骤
使用Dreamweaver创建站点、公用文件夹
制作首页
创建网站所有页面共用的全局样式global.c并绑定页面
使用标签引用细节风格detail.c 创建页面的顶部、底部模板
应用模板实现多个页面,包括布局实现、涉及的样式实现
页面的兼容性测试
问题分析2:实现页面的整体布局
4个页面均为多行多列的布局
页面整体布局的实现步骤
根据效果图划分区块,编写HTML页面结构
创建各区块的布局样式layout.c,用绑定页面
四、难点分析
难点分析1:典型局部布局结构 参加丰富的活动
[培训] 11月17号婚恋心理工作坊(
活动介绍婚恋心理工作坊
„ „