课程的地位、作用及任务
本课程是教育技术学专业的专业基础课《网页设计与制作》的配套综合实验课程。本课程的目标是培养学生使用网页设计制作工具与HTML/CSS/JavaScript等基本概念原理进行网页设计与制作,了解网页制作的工作流程、网页布局、样式控制、页面交互等功能性要求的实现方法,并形成相应技能。
二、课程设计的教学基本要求
1.理解HTML标签、CSS样式表、JavaScript等网页设计与制作的基本概念,并能转化成设计常用网页功能模块的相关技能。
2.熟练使用Photoshop/Dreamweaver网页设计、制作工具。
3.了解网页设计的基本流程:需求分析→总体设计→详细设计→测试,并能按些流程,使用相应工具进行网页设计与制作。
4.熟练掌握网页布局(包括分辨率、结构安排)、CSS外观样式控制、JavaScript脚本交互、菜单导航等基本功能模块的设计与实现技能
5.根据教师提供的素材以及选题,通过小组(团队)分工,完成一定主题的网站静态页面设计,提交完整作品与设计说明书。
课程设计内容和规范
1.工具选择:
Photoshop CS 3、Dreamweaver CS 3、各种版本的浏览器(IE 6.0/IE 7.0/IE 8.0/FireFox)、Web服务器IIS、设计文档写作工具(Word/Visio)。
2.设计内容:
根据提供的选题,从Photoshop网站美工图开始,经过网页布局设计、CSS样式设计、页面交互设计(菜单、导航、JavaScript数据验证),完成一个功能网站的静态页面设计。
要求所有内容排版使用DIV+CSS完成,CSS采用单独的样式表,站点应有首页、二级栏目页面和详细信息页面三级至少三个页面。
3.设计要求:
1)完成网页制作以下工作流程
a.使用Photoshop制作网页美工图;
b.切片输出静态页面;
c.静态页面调整、CSS控制;
d.导航、菜单设计;
e.网站站点物理文件存储规划设计
页面交互设计(数据提交验证、网页人机交互等);
2)阅读软件工作相关书籍,结合互联网查阅资料,对所作选题完成以下任一一项设计文档的写作
a.网站需求分析文档;
b.网站总体设计文档;
c.网站详细设计文档;
d.网站测试文档;