1.2初识网页制作软件(课件）-高二《网页设计与制作》同步教学（北京理工版）

2023-07-30

| 9页

| 84人阅读

| 3人下载

普通

内容正文：

任务二　初识网页制作软件　一、软件介绍Ｐｈｏｔｏｓｈｏｐ是由Ａｄｏｂｅ公司开发的图像处理软件，被公认为目前ＰＣ上最好的平面美术设计软件，它功能完善、性能稳定、使用方便，几乎所有的广告公司、出版社、软件公司都将ＰＳ作为平面制作工具的首选。Ｆｉｒｅｗｏｒｋｓ是也由Ａｄｏｂｅ公司开发的图像处理软件，是第一套专门为制作网页图形而设计的软件，提供了网页图形设计及制作的解决方案。作为一款为网络设计而开发的图像处理软件，Ｆｉｒｅｗｏｒｋｓ能够自动切割图像、生成光标动态感应的ＪａｖａＳｃｒｉｐｔ程序，且具有强大的动画功能和相当完美的网络图像生成器。Ｆｌａｓｈ是由Ａｄｏｂｅ公司开发设计的交互式动画设计软件，可以将声音、动画以及富有新意的界面融合在一起，制作出高品质的网页动态效果。Ｆｌａｓｈ广泛应用于网页动画制作中。下一页返回任务二　初识网页制作软件　ＦｒｏｎｔＰａｇｅ是由Ｍｉｃｒｏｓｏｆｔ公司推出的新一代Ｗｅｂ网页制作软件。由于ＦｒｏｎｔＰａｇｅ界面与Ｗｏｒｄ、ＰｏｗｅｒＰｏｉｎｔ等软件的界面极为相似，因此网页制作者能够更加方便、快捷地创建和发布网页，且ＦｒｏｎｔＰａｇｅ具有直观的网页制作和管理方法，简化了大量的工作。Ｄｒｅａｍｗｅａｖｅｒ是Ａｄｏｂｅ公司推出的一款大众化的网页制作软件，它具有可视化编辑界面，用户不用编写复杂的ＨＴＭＬ代码就可以生成跨平台、跨浏览器的网页，既适合于专业网页编辑人员，同时也容易为业余网页制作人员所掌握。市面上有很多种网页编辑软件，有的重视效率，有的强调版面设计，而这些功能在Ｄｒｅａｍｗｅａｖｅｒ中都可以很方便地实现。Ｄｒｅａｍｗｅａｖｅｒ还支持动态ＨＴＭＬ技术，并采用ＲｏｕｎｄｔｒｉｐＨＴＭＬ技术。在网页设计过程中，上一页下一页返回任务二　初识网页制作软件　动态ＨＴＭＬ技术能够让用户轻松设计复杂的交互式网页，产生动态效果，从而奠定了其在网页高级设计功能方面的领先地位。因此，Ｄｒｅａｍｗｅａｖｅｒ是一款可以满足多层次需求的可视化专业级网页制作软件。目前，网页设计与制作一般采用的软件是Ｄｒｅａｍｗｅａｖｅｒ、Ｐｈｏｔｏｓｈｏｐ和Ｆｌａｓｈ的组合，即使用Ｄｒｅａｍｗｅａｖｅｒ设计与制作网站和网页，使用Ｐｈｏｔｏｓｈｏｐ制作和处理网页中用到的图像，使用Ｆｌａｓｈ制作和处理网页中的动画。上一页下一页返回任务二　初识网页制作软件　二、了解ＤｒｅａｍｗｅａｖｅｒＣＳ６界面组成ＤｒｅａｍｗｅａｖｅｒＣＳ６是集网页制作与网站管理于一体的可视化网页编辑制作工具，是网页设计开发人员使用最多的网页制作软件，具有“所见即所得” 的特点和强大的跨平台、跨浏览器功能。安装ＤｒｅａｍｗｅａｖｅｒＣＳ６与安装其他软件的方法大体相似，在此不再过多叙述。在安装ＤｒｅａｍｗｅａｖｅｒＣＳ６后，通过桌面上ＤｒｅａｍｗｅａｖｅｒＣＳ６的快捷方式或通过程序菜单都可以启动ＤｒｅａｍｗｅａｖｅｒＣＳ６。启动ＤｒｅａｍｗｅａｖｅｒＣＳ６软件后，创建新ＨＴＭＬ文档，就可以打开ＤｒｅａｍｗｅａｖｅｒＣＳ６的工作界面，如图１－１所示。ＤｒｅａｍｗｅａｖｅｒＣＳ６的工作界面主要包括菜单栏、标题栏、工具栏、状态栏、工作区域、属性栏和面板栏等。上一页下一页返回任务二　初识网页制作软件　１.菜单栏主窗口中的菜单栏对整个环境下的所有窗口提供菜单控制。这些菜单允许用户方便地管理整个主窗口的布局，配置Ｄｒｅａｍｗｅａｖｅｒ环境。菜单栏由“文件” “编辑” “查看” “插入” “修改” “格式” “命令” “站点” “窗口” “帮助” 等项目组成，用于对当前文档执行一些操作以及对Ｄｒｅａｍｗｅａｖｅｒ主窗口布局进行一些修改。另外菜单栏的“帮助” 项，提供了关于使用Ｄｒｅａｍｗｅａｖｅｒ和创建Ｄｒｅａｍｗｅａｖｅｒ扩展功能的帮助系统及各种语言的参考材料。２.标题栏标题栏处显示当前文档的名称。ＤｒｅａｍｗｅａｖｅｒＣＳ６允许同时对多个文件进行编辑与修改，当打开多个文件时，标题栏处显示多个文件。通过单击文件名的方式可以实现在多个文档间的切换。上一页下一页返回任务二　初识网页制作软件　３.工具栏使用工具栏中的视图按钮可以快速切换到文档的不同视图，包括: 代码视图、设计视图和拆分视图。其中代码视图在工作区域显示当前文档的ＨＴＭＬ代码，主要用于网页的修改、特效的制作和动态网站的开发ꎻ 设计视图是网页设计与制作人员使用较多的视图，在此视图中可以实现“所见即所得” 的设计制作，网页设计人员可以在此区域对网

资源预览图

由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。