多媒体课件设计与制作第5章.pptVIP

第5章Dreamweaver网络型多媒体课件制作 5.1 网页制作概述 网络课件是指运行在网络上的多媒体课件，其中网页是构成课件的主体。 5.1.1 网络概述 在1946年世界上第一台电子计算机问世后的十多年时间里，由于价格很昂贵，计算机数量极少。早期所谓的计算机网络，主要是为了解决这一矛盾而产生的，其形式是将一台计算机经过通信线路与若干台终端直接连接，我们可以把这种方式看作最简单的局域网雏形。 5.1.2 网站开发的步骤 建立一个网站一般有以下8个步骤。 1．确定网站主题 网站主题就是你将要建立的网站所要包含的主要内容。一个网站必须要有一个明确的主题，这样才能给用户留下深刻的印象。 2．搜集材料 3．规划网站 一个网站设计得成功与否，很大程度上决定于设计者的规划水平。规划网站就像设计师设计大楼一样，图纸设计好了，才能建造漂亮的房子。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等。只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟、胸有成竹，也只有如此，制作出来的网页才能有个性、有特色，具有吸引力。 5.1.2 网站开发的步骤 4．选择合适的制作工具 尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件，往往可以起到事半功倍的效果。网页制作涉及的工具比较多，首先就是网页制作工具了，目前大多数网页制作人员选用的都是“所见即所得”的编辑工具，这其中的优秀者当然是Dreamweaver和FrontPage了。除此之外，还有图片编辑工具，如Photoshop、PhotoImpact等；动画制作工具，如Flash、Cool 3d、Gif Animator等；还有网页特效工具，如有声有色等，你可以根据需要灵活运用。 5．制作网页 材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了。这是一个复杂而细致的过程，要按照先大后小、先简单后复杂的方法来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，再逐步完善小的结构设计；所谓先简单后复杂，就是先设计出简单的内容，再设计复杂的内容，以便出现问题时及时修改。 5.1.2 网站开发的步骤 6．上传测试 网页制作完毕后要发布到Web服务器上，才能够让全世界的用户访问。现在上传的工具有很多，有些网页制作工具如Dreamweaver，本身就带有FTP功能，利用这些FTP工具，可以很方便地把网站发布到服务器上。网站上传以后，要使用浏览器访问自己的网站，逐页逐个链接地进行测试，发现问题，及时修改，再上传测试。全部测试完毕就可以把网址告诉他人，进行访问了。 7．推广宣传 网页做好之后，还要不断地进行宣传，这样才能让更多的用户认识它，提高网站的访问率和知名度。推广的方法有很多，例如到搜索引擎上注册、与别的网站交换链接、加入广告链接等。 8．维护更新 网站要注意经常维护更新内容，保持内容的新鲜，只有不断地给它补充新的内容，才能够吸引更多的浏览者。 5.2 Dreamweaver Adobe Dreamweaver，简称“DW”，中文名称“梦想编制者”，是美国Macromedia公司（现已被Adobe公司收购）开发的集网页制作和管理网站于一体的“所见即所得”的网页编辑器，它是第一套针对专业网页设计师特别开发的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Dreamweaver、Flash以及Fireworks，三者曾被Macromedia公司称为DreamTeam（梦之队），也常被称为网页三剑客。 5.2.1 Dreamweaver CS6的新增功能 Dreamweaver CS6相对于之前的版本，更新的“实时视图”和“多屏预览”面板可以高效地创建和测试跨平台、跨浏览器的 HTML5 内容；使用响应迅速的CSS3自适应网格版面，以协助设计人员在不同屏幕大小的终端设备上显示项目；利用增强的 jQuery Mobile 和 PhoneGap，能构建更出色的移动应用程序，并通过重新设计的多线程 FTP 传输工具来缩短上传大文件所需的时间。 5.2.2 认识Dreamweaver工作界面 1．启动Dreamweaver 2．工作区界面 3．“文档”工具栏 4．状态栏 5．“插入”栏 6．“属性”面板 5.2.3 建立教学站点 1．建立静态网站站点 2．建立动态网站站点 5.2.4 页面的版式设计 网页布局的方式可以采用“层”和“表格”，本例中采用“层”的方式进行网页布局。 5.2.5 页面的总体设置 1．设置页面的头内容 2．设置页面属性 5.2.6 编辑网页标头部分 1．插入层