网页设计实验大纲

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