网页制作与工具技能训练课稿.doc

网页制作与工具技能训练 一、技能训练目的、要求和任务 本训练是网络信息技术课程的后续实践过程，主要培养学生网络信息技术和信息管理的应用能力，通过对网页的规划、网页的设计、网页动画的设计等专业能力和方法能力的训练以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质等，使学生掌握个人网页的开发和流程，并能独立和协作进行操作，使之在就业时能够成为一个合格的信息人才。 本实践训练的内容是以工作过程为向导，以工作任务为基点，综合理论知识，操作技能和职业素养为一体的训练思路。通过网页的设计完成情境，对学生进行有目的的训练，使学生不但能够掌握网页设计的专业知识和专业技能，还能够全面培养其团队协作、沟通表达、工作责任心、职业道德与规范等综合素质，使学生通过学习的过程掌握网页设计所需要的各项技能和相关专业知识。由于网页的布局和信息的传送、浏览通过教材内容难以获得直接的感觉，所以有必要加强实践环节的技能训练，其基本要求如下： （一）熟练掌握网页设计工具的使用方法。（2~3种） （二）学会网页设计的基本原理和方法。 （三）正确理解各种信息的发布和浏览方式。 （四）本课程的学习过程也是网页设计的训练过程，要求学生编写的程序结构清楚、正确易读，符合软件过程的规范，从而培养学生的数据抽象能力； （六）通过个人网页的设计，引导学生学习当前流行的开发工具的使用，为今后学习面向对象的程序设计做一些铺垫。 Microsoft公司的FrontPage 和Macromedia公司的Dreamweaver是使用最多的HTML网页制作工具HotDog是较早基于代码的网页设计工具，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。 HotDog的高级HTML支持插入marquee，并能在预览模式中以正常速度观看。这点非常难得，因为即使首创这种标签的Microsoft在FrontPage 98中也未提供这样的功能。HotDog对plug－in的支持也远远超过其他产品，它提供的对话框允许你以手动方式为不同格式的文件选择不同的选项。但对中文的处理不很方便。 　　　 HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。Allaire的HomeSite 3.0是一个小巧而全能的HTML代码编辑器，有丰富的帮助功能，支持CGI和CSS等等，并且可以直接编辑perl程序。HomeSite工作界面繁简由人，根据习惯，可以将其设置成像Notepad那样简单的编辑窗口，也可以在复杂的界面下工作。 　 HomeSite具有良好的站点管理功能，链接确认向导可以检查一个或多个文档的链接状况。 　　 　 HomeSite更适合那些比较复杂和精彩页面的设计。如果你希望能完全控制你制作的页面的进程，HomeSite 3.0是你最佳选择。不过对于生手过于复杂。 ③DreamWeaver——自制动态HTML动画的网页　　 　　　 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug－in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 ②轻巧实用的Paint Shop Corel Paint Shop Pro X 是一款功能完善、使用简便、可与 PhotoShop 相媲美的专业级数码图像编辑软件。 Corel Paint Shop Pro X 为您提供的工具使您可以轻松的捕捉、创建、增强并最优化您的图形文件除了支持超过三十多个文件格式外，它提供的 Layer 功能，让您编辑多个 Layer 后再结合为一，并且可以让每个 Layer 都拥有不同的特殊效果，使您在编辑上方便许多，修改时也可以仅针对某个 Layer 进行修改而不必全图重新制作！另外，内建的画面截取功能让您截取任何屏幕画面进行编辑，再利用其多种特殊效果及制作网页用按钮等功能制作专业级的图案。 ③ 网页图像制作专家Fireworks Fireworks是一个强大的图形处理工具