《网页设计》教学大纲.doc

网页设计教学大纲一 课程的性质与任务网页设计课程是高职高专教育计算机专业的一门专业课，其理论性较弱，实践性较强。通过这门课程度学习能够使学生对网页设计有一个较全面，系统的了解，培养学生的审美情趣，提高网页设计水平和实际操作能力。二 课程的目的和要求使学生在学习本课程后，能对网页设计有一个较全面的和系统上的了解，掌握网页设计的基本原则和基本要求，在此基础上学会能熟练运用当前最流行的网页设计“三剑客”Dreamweaver、Fireworks、Flash等开发软件，设计出具有专业水准的网页。,三 课程的教学进度和安排本课程总学时72学时，教学时数38学时，实验34学时，4学分，具体安排如下：章节主题教学实验第一章网站设计基础4学时第二章Dreamweaver MX入门2学时2学时第三章在网页中创建表单和样式2学时2学时第四章Dreamweaver MX动态网页设计2学时2学时第五章用Dreamweaver MX 管理网站2学时2学时第六章Fireworks MX 入门2学时2学时第七章绘制和编辑矢量图2学时2学时第八章编辑和处理位图2学时2学时第九章创建和编辑文本2学时2学时第十章Fireworks MX 综合应用4学时2学时第十一章Flash MX动画制作基础4学时4学时第十二章制作精彩Flash动画2学时2学时第十三章Flash MX动画的交互功能2学时2学时第十四章Flash MX动画制作综合实例4学时4学时总计38学时34学时 大 纲 内 容一、 网站设计基础 目的和要求1、 了解如何定位网站的主题和名称,确立网站的IC形象2、 了解如何构建网站的目录结构和链接结构3、 了解如何确立网站的整体风格4、 了解网页设计的各种软件和工具的特点5、 理解网页设计的各个要素主要内容1、 定位网站主题，合理选题，精选网站名称2、 确立网站的CI形象，设计网站LOGO，设计网站的布局和标准色3、 规划网站的目录结构和链接结构4、 确立网站的风格，创意过程的实现5、 网页设计“三剑客”的简介，各软件的功能特点和相互间配合使用关系6、 结合FrontPage和PhotoShop进行网页设计7、 首页的设计要求，版面的布局，网页色彩的搭配，网页字体的设置8、 定义本地站点，编辑网页，发布网页二、 Dreamweaver MX入门目的和要求1、 了解Dreamweaver MX的工作界面2、 掌握简单的页面操作3、 掌握网页元素的运用4、 掌握网页链接的制作，理解相对路径和绝对路径的概念5、 掌握运用表格排版布局主要内容1、 Dreamweaver MX的工作界面2、 管理页面，操作HTML源代码，导入WORD文档3、 插入文本，插入水平线，特殊字符和时间4、 插入图象5、 相对路径和绝对路径，制作链接，预览链接效果6、 创建新表格，修饰表格，嵌套表格三、 在网页中创建表单和样式 目的和要求1、 掌握使用表单制作动态网页提交页面2、 掌握使用CSS样式制作动态网页3、 了解各表单域的属性4、 理解CSS样式表的作用主要内容1、 创建表单域2、 文本域，文本区域，列表，菜单，单选按钮，复选框，按钮，隐藏区域，文件域，跳转菜单3、 表单属性4、 CSS基础，链接文字技术，3D文字，CSS滤镜 四 、Dreamweaver MX动态网页设计 目的和要求1、 了解动态图层的概念2、 掌握时间轴的使用 主要内容1、 图层，动态图层，可弹出的隐藏层，鼠标事件的图层显示2、 时间轴的使用3、 时间轴使用实例4、 弹出菜单 五、用Dreamweaver MX 管理网站 目的和要求1、 掌握如何使用Dreamweaver MX新建站点。2、 掌握如何在Dreamweaver MX中管理站点。3、 了解在Dreamweaver MX中测试站点。 主要内容1、 新建站点，设置本地信息，设置远程服务器信息。2、 调出并查看网站文件目录，增添文件夹，上传和下载文件3、 检测站点兼容性，检查存在的链接错误，修改链接错误六、Fireworks MX 入门 目的和要求1、 了解Fireworks MX 工作界面2、 掌握Fireworks MX 工具的应用3、 熟悉Fireworks MX 面板及其管理4、 掌握如何创建文件，导入导出文件 主要内容1、 Fireworks MX 窗口，优化预览图象2、 Fireworks MX 工具栏的使用，工作窗口的帧控制器，状态栏3、 工具箱的使用4、 常用面板功能，组织面板组5、 创建新文档，改变文档显示属性，旋转与剪切画布七、绘制和编辑矢量图 目的和要求1、 理解Fireworks的绘图原理2、 掌握绘制路径对象的方法3、 掌握编辑路径对象 主要内容1、 Fireworks的对象，路径，描边和填充，Fireworks的工作模式2、 绘图的准备工作，绘制基本图形3、 选取和移动对象，路径对象的整形，路径对象的操作，设置对象的描边属性，设置对象的填充属性，用油漆桶工具填充八、编辑和处理位图 目的和要求1、 了解位图图形及其编辑模式2、 掌握如何创建位图图象，创建位图选区3、 掌握编辑位图的方法 主要内容1、 位图概念及其编辑模式2、 应用位图选取工具，“选取框”工具的属性设置3、 调整选取范围4、 “铅笔”、“刷子”、“油漆桶”工具的使用5、 复制位图象素，羽化选区边缘，删除象素，裁切位图九、创建和编辑文本 目的和要求1、 掌握如何创建文本，导入文本，编辑文本。2、 掌握应用文本样式，文本的变形和整形3、 理解路径文本 主要内容1、 创建文本，输入文本，移动文本块2、 打开或导入纯文本文件，打开或导入RTF文件，打开或导入含有文本的PHOTOSHOP文件 3、 修改文本的字体、字号和样式4、 调整文本的间距和字符宽度，文本的走向和方向，对齐文本5、 设置文本填充颜色，平滑文本边缘，进行段落控制6、 应用文本样式，路径文本，文本的变形和整形十、Fireworks MX 综合应用 目的和要求1、 掌握制作普通按钮、悬停按钮的方法2、 了解如何添加特殊效果3、 理解并掌握蒙板和热区4、 了解如何用Fireworks MX 制作动画5、 了解如何结合Dreamweaver MX设计制作网页 主要内容1、 创建按钮，复制按钮，制作悬停按钮2、 应用蒙板，创建热区3、 认识动画对话框，制作位图动画4、 执行图象切割功能，导出HTML格式，导入Dreamweaver MX工作区5、 设置Fireworks MX为Dreamweaver MX的默认图像编辑器十一、Flash MX动画制作基础 目的和要求1、 了解Flash MX的主界面，熟悉绘图工具箱的功能2、 掌握编辑文本，时间轴的操作3、 理解元件的概念，并掌握元件的使用 主要内容1、 Flash MX的主界面，绘图工具箱，舞台，面板，图层，时间轴2、 铅笔工具，直线、椭圆和矩形工具，笔刷工具，钢笔工具，橡皮擦工具，墨水瓶工具，探色棒工具，箭头工具，任意变形工具3、 制作空心字，制作倒影字4、 时间轴面板，时间轴电的显示比例，灯箱功能十二、制作Flash MX动画 目的和要求1、 掌握使图象沿轨迹运动的方法2、 掌握制作渐变效果的方法3、 掌握背景移动的方法4、 掌握遮罩文字的方法5、 掌握转动倒影的方法 主要内容1、 图象沿轨迹的运动2、 色彩渐变，形状渐变3、 背景的变化移动4、 制作遮罩效果，修改动画速度，加工动画，制作倒影，转动倒影十三、Flash MX动画的交互功能 目的和要求1、 掌握语言编程基础，及Flash编程语言和JavaScript的区别和联系2、 掌握动作的基本语言3、 要求运用编程语言实现动画的交互 主要内容1、 编程语言的基本概念，编程动作的书写方法，Flash编程语言和JavaScript的区别和联系，为帧书写脚本，为对象书写动作2、 跳转语句，跳转到指定的URL，监测某帧是否下载，发送信息到动画主程序，编辑动画片断，条件语句3、 制作动画按钮，设置按钮控制命令4、 影片片断的Flash活用十四、Flash MX动画制作综合实例 目的和要求1、 掌握各种特殊效果的制作方法，并使之结合制作出精美的Flash动画2、 掌握通过编程语言实现特殊效果的方法3、 掌握制作Flash菜单 主要内容1、 星光闪烁的特效制作，控制影片的制作2、 制作鼠标跟随动画3、 制作新型菜单教材及参考资料：略8