电子商务第6节.pptVIP

第6章 网页制作及其工具 6.2 设计表单网 图6-13搜索表单属性 第6章 网页制作及其工具 6.1 网页制作与FrontPage 6.2 设计表单网页 第6章 网页制作及其工具 返回主目录 6.1 网页制作与FrontPage ? 6.1.1 Web页面 电子商务最重要的一个环节就是在网上发布信息，掌握网页制作技术是网上发布信息的必要条件。用于网页制作的工具很多，如Dreamweaver、Flash、Fireworks、FrontPage等，对于网页制作的初学者来说，FrontPage被认为是最容易掌握的一个网页制作工具，而且，其效果也相当不错。因此，本章主要介绍用FrontPage制作Web页面。 网页是用HTML（超文本标识语言）在文本文件中加入标记以*.Htm或者*.html保存的文件，但*.Htm或者*.html与Word生成的.doc文档不同，后者包含了插入的图片和其它对象，可以自由地移动和发布，而网页是纯文本文件，它并不包含插入其中的图片等对象，它只是将插入对象的位置告诉浏览器，而后由浏览器来定位和显示。所以，如果在网页中插入了图片或者其它对象，一定要将这些图片文件与网页一起发布，否则网页将不能正常显示。如果在网页中有一个链接指向本地的另一个网页文件，也要把这个图片文件与该网页文件一并发布，否则，当点击这个链接时，浏览器将找不到要跳转的目标文件。 6.1.2如何制作页面 FrontPage是微软公司推出的Web站点创建和管理工具，它包含以下几项功能： ① 创建、设计和管理整个Web站点； ② “所见即所得”地制作Web页面； ③ 将计算机配置为Web服务器，通过Internet或Intranet对外发布Web页面； ④ 处理Web页面中图像； ⑤ FrontPage的扩展功能。 1.启动主页制作工具 在Window98/NT/2000系统中安装FrontPage后，将生成一个“Microsoft FrontPage”快捷菜单，选择此菜单可以执行FrontPage 2000，进入FrontPage的普通网页编辑器后，出现如图6-1所示的FrontPage窗口。 这个窗口有点象Word窗口，实际上微软是把FrontPage作为Office中的一部分来发布的，所以FrontPage和其它成员有类似的界面。不过，在Word中处理的是文档，在FrontPage中处理的是页面。至于工具栏的使用、其它的编辑操作和剪贴板功能，则与Word中的用法几乎是一样的。 图6-1 FrontPage窗口 2.制作简单的页面 1）输入文字 输入文字的步骤如下： (1)按工具栏上的按钮，新建一个空白网页。 (2)在网页中键入文字，其使用方法与其它字处理软件相同。 (3)设置文本的格式。用鼠标选定一块文本后，可以用来调整对齐方式，用来改变文本字体效果。其它用来更改文本颜色及文字大小的工具均与Word中的相同。 (4)保存网页。指定保存的路径和文件名，一个纯文本的网页就编成了。新建一个网页应马上保存文件，并为本次工作专门建立一个目录，把相关的文件都保存在该目录中。可以在目录中再建立下一级的子目录，如imge子目录专门存放网页中的图片,down子目录存放下载文件，sound子目录存放声音文件等，这样，在以后发布主页时只要将工作目录中的文件和子目录一并上载即可。 需要注意的是，回车时的设置和Word有所不同，Shift+Enter为行回车，而直接按Enter则是段落回车，段落回车后的两行之间会插入一个空白行。在键入中文字符的时候，最好将字体设置为宋体，因为有的浏览器只支持宋体中文字符的显示，如果使用其它字体，则可能出现乱码。 2）插入图片 将光标移动到页面要插入图片的位置，选择“插入/图片”菜单，其选择方法与在Word中的相同，如果直接点击图像工具栏按钮，就会出现如图6-2所示的对话框。 可以直接键入图片的所在位置。如果在网页中插入了图片，在发布网页时一定要将图片放在一起，而且还要保持网页文件和图片文件的相对路径不变，否则网页中的图片将不能正常显示。如果在工作目录下建立了一个子目录专门存放图片，这样就不会出现相对路径改变的情况。 注意，制作网页时不要在网页中插入过多的图片，否则由于网络通信带宽有限，会造成用户等待下载网页的时间过长。 图6-2 选择图片对