(网页设计I实验大纲.docVIP

《网页设计I》实验教学大纲 课程名称：《网页设计I》 英文名称：Webpage Design I 课程代码： 课程性质：专业基础必修课 理论学时：64　 学分：4　 开课学期：第三学期 适用专业：电子商务本科专业 先修课程：《计算机文化基础》 一、课程性质与教学目标 《网页设计I》是电子商务专业的一门专业技能性课程，旨在培养学生基本网页及网页动画的设计与制作能力。随着INTERNET的不断发展和普及，基于WEB的信息系统应用也越来越广泛，而开发WEB信息系统的基础就是基本网页的设计与制作。本课程以静态网页的设计与制作为主线，以网页设计三剑客（Dreamweaver, Flash和Fireworks）为工具，讲解网页设计的基本原则、HTML标记语言以及网页中各种元素的制作和使用。 课程总体目标为使学生掌握基本网页设计和制作的技能，具体包括：具备网页设计原理的基本知识；具备HTML和CSS的基本知识；掌握在Dreamweaver中创建站点、布局页面、制作交互式表单以及制作和使用网页模板的方法；掌握在Flash中制作简单动画的方法，了解Flash中的AS编程；掌握在Fireworks中处理图片的基本方法。 二、课程实验目的与要求 课程的实验是本课程的实践部分， 通过实践掌握网页设计的基本方法，网页制作的基本技能。实验要求学生实验操作前认真预习相关内容，实验完成后对实验进行总结，形成实验报告。 三、主要仪器设备 计算机、Dreamweaver, Flash和Fireworks软件 四、实验方式与基本要求 实验方式基本上是采用演示和验证性的方法，视条件成熟情况最后做1个设计性或综合方法的实验。除了设计性/综合性实验外，基本要求学生个人独立完成每次实验操作。 五、考核与报告 (一)、考核依据: 1、平时各次实验课程中的态度、表现和抽查； 2、在各次实验中完成任务情况，尤其是所遇到问题、以及分析问题解决问题情况； 3、实验报告。 4、实验成绩是该课程总评成绩的有机构成部分，占其中20%份额。 (二)、实验报告 1、要求写明每次实验的内容和要求； 2、要求写出每次实验主要内容、实习步骤和经过、所遇到的问题、所观察到的结果（包括正确的和错误的）； 3、要求着重写出所遇到的问题，有否解决？是怎样解决的？有没有采用正确的分析方法？等等；对综合性设计性的实验，要求详细写明设计方法步骤，以及上机运行情况； 4、在最后一次实验报告中要对本学期来的实验情况（包括结果）进行总结和分析。 六、实验项目设置与内容 序号 实验名称 内容提要 实验学时 每组人数 实验属性 实验者类别 开出要求 1 Dreamweaver站点管理 创建站点管理文件编辑站点使用站点地图管理超级链接 本科 必做 5 CSS样式 表的使用 1.自定义CSS样式表。 2.重新定义HTML标签样式。 3.CSS选择器样式的定义。 2 1 验证 本科 必做 6 利用表格 进行布局 1、使用表格布局个人网站的界面，包括插入表格、设置表格的属性、调整表格的结构、嵌套表格，使用表格设计水平细线； 2、使用表格表示数据，包括导入格式化数据、对表格的数据排序和美化表格的边框； 3、设计圆角表格，美化网页。 2 1 验证 本科 必做 7 页面的层及行为面板 1.在网页中创建层 2.创建嵌套层 3.利用层进行排版及使用“层”面板 4.网页浮动动画 5.制作弹出浏览器窗口 6.设置状态栏信息 7.播放声音 8.制作交换图像 9.制作弹出提示信息 2 1 验证 本科 必做 8 制作框架网站 创建框架、设置框架属性、设置框架链接 2 1 验证 本科 必做 9 模板与库的使用 1.创建模板 2.创建可编辑区域 3.定义可选区域 4.定义重复区域 5.创建和使用库 2 1 验证 本科 必做 10 Fireworks 基本工具的使用 1.工具箱中基本工具的使用（如直线、文本等） 2. 制作邮票 3. 图片变形 4. 制作心形图 5. 环绕文字 6. 利用“橡皮图章”修复图像 2 1 验证 本科 必做 11 Fireworks图形图像的处理 1.多图层图像的编辑 2．凝胶字 3．按钮和导航栏 4．水印效果 2 1 验证 本科 必做 12 切片与热点 1.为图像添加热点、制作按钮 2.学习切片与图像输出 3.制作交换图像 4．制作弹出菜单 2 1 验证 本科 必做 13 Flash基本工具的使用 工具箱中基本工具的使用（如矩形、文本、颜料桶等） 2 1 验证 本科 必做 14 Flash简单动画制作 制作简单的形变动画以及动作补间动画 2 1 验证 本科 必做 15 简单AS脚本的使用 使用按钮控制动画播放 2 1 验证 本科 必做 16 个人主页的设计