网页设计与制作 高职计算机应用技术 李云程 教学大纲.docVIP

课程编号 编制人 制定日期 修订日期 审定组(人) 审定日期 李云程 2005.4 2010.2 《网页制作》课程大纲 《网页制作》是一门专业必修基础课程，属于实操类的用技术。课前应具备：计算机导论、程序设计基础，后续课程为Web程序设计等。 课程任务是，针对互联网技术和网页设计与制作的实际应用，掌握网页基础知识、Dreamweaver开发工具，进行网页设计开发。同时包括网页特效技术、Fireworks图片设计与处理和Flas 学习本课程后，学生能够独立进行网页设计项目的开发。 熟练使用Dreamweaver软件，进行网页设计与制作的能力； 简单网页特效设计的能力； 进行图片设计与处理设计动画的基本能力； 网站发布与更新的能力； 网站规划的基本能力。 由于该课程侧重学生对网页设计技术掌握和实际应用能力培养，为了保证实训教学能够达到培养目标，因此要求课程在对图形、图像和声音处理能力强的计算机房进行，每个学生配备一台高性能计算机，并安装Macromedia Dreamweaver、Flash、Fireworks、IIS服务器管理工具等软件，并具备Internet上网条件。 Dreamwea ver软件功能 学会创建和管理站点； 学会用Html程序设计网页、通过实例设计掌握技能 任务1：体验互联网与网站剖析 任务2：网站规划和设计 任务3：创建一个站点； 以网站：http://www. Y和为例，分析网页中各种构成和网页元素； 网站策划与网页设计构思； 介绍软件功能、操练与使用 网站设计前初始属性的设置; 规划网站、使用Site视窗定义网站、网站的管理。 4 2 网页设计 实践项目 学会网页中文字、图片、声音、动画和视频的制作； 使用表格。 任务4 制作文本型网页； 任务5 制作图文并茂的网页； 任务6 制作图、文、音、多媒体并茂的网页。 网页中文字、图片、声音、动画和影像。 6 3 利用布局表格设计主 页 实践项目 使用布局表格和设计网页布局； 会进行简单图形设计； 学会特殊文字设计； 进行Gif动画设计； 学习基本动画设计方法； 学会简单网页动画设计； 掌握利用行为技术制作网页的各种方法 任务7：利用布局设计主页； 任务8：用Firew orks设计Logo； 任务9：用Firewo rks设计导航条； 任务10：用Firewor ks设计导航下拉菜单； 任务11：用Firew orks设计Gif动画； 任务12： 用Flash设计横幅文字变化广告； 任务13：用Flash设计横幅带有图文变化广告； 任务14：用Flash设计横幅带有图文复杂变化广告； 任务15：在主页中检查插件和跳出公告窗口 布局表格、布局单元格应用； 利用Fireworks绘制图形； 文字特效； Gif动画 Flash动画类型； 精彩特效设计； 行为面板介绍； 弹出新窗口； 检查插件； 20 4 页面超级链接设计 实践项目 学会超级链接制作技术。 任务16 创建文字与图片的内、外部链接； 任务17 创建锚点链接、电子邮件链接以及导航栏。 内部与外部超级链接； 电子邮件链接； 锚点链接； 图像映射与翻转图。 4 5 带有框架的页面设计 实践项目 了解并学习各种框架技术； 结合任务制作带有框架的页面。 任务18：利用框架技术制作“网上教育”内容页面。 1. 创建Frame页面; 2. Frame中的超级链接; 3. Frame的管理。 4 6 CSS与层的使 用 实践项目 理解层对象的作用； 学会其应用技巧。 任务19：使用CSS美化网页； 任务20：利用层布局设计制作“网上教育”栏目页面； 任务21：制作漂浮动画广告。 1. 网页加入图层； 2. 用层布局制作页面； 3. 时间轴动画。 6 7 网页模板设计 实践项目 学会设计网页模板。 任务22：使用模板制作“时尚直击”子栏目页面。 1. 网页设置为模板; 2. 模板的套用与更新; 3. 模板的运用与管理。 4 8 带有交互式表单的网页 实践项目 了解表单的构成； 会用表单设计用户填写信息的页面。 任务23：创建交互式表单。 1. 常用表单对象的使用; 2. 用电子邮件处理表单数据。 4 9 动态特效设计 实践项目 使用JavaScript制作常见特效技术。 任务24：显示日期时间并倒记天数提示； 任务25：树形目录的设计； 任务26：隐藏的浮动导航面板； 任务27：跟随鼠标运动的蛇形文字。 显示时间和日期；分时问候； 树形目录菜单；推拉菜单； 文字跟随鼠标。 10 10 发布与更新网 站 实践项目 1. 清楚网页发布前的准备环节和内容； 2. 进行先期测试； 3. 网页发布； 4. 网站更新。 任务28：发布与更新网站 1. 网页发布前的准备; 2. 先期测试; 3.