电子商务网站建设第3章.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * (4) 在【文本】和【链接】文本框中，设置网页文件中默认的文本和链接文本颜色。 (5) 在【访问过的链接】和【活动链接】文本框中，设置网页文件中访问后链接的文本和动态链接的文本颜色。 (6) 在【左边界】和 【顶部边界】文本框中，设置整个页面距离浏览器左侧边缘和顶部边缘的宽度，通常设置为0。 (7) 在【边界宽度】和【边界高度】文本框中，设置整个页面距离页边的宽度和高度，通常可设置为0。 (8) 在【文档编码】下拉式菜单中，设置用于显示文档字符集字体的HTML编码方式。 (9) 在【跟踪图像】文本框中，输入页面跟踪图像的路径和文件名。或者单击文本框右边的【浏览】按钮，在打开的【选择图像源】对话框中选择跟踪图像的路径和文件名，如图3-21所示。选中文件后单击【确认】按钮。借助该图片安排网页布局，该图片浏览时是见不到的。 (10) 在【图像透明度】中，可设置跟踪图像的透明度。 在网页设计时，经常要对页面背景、文字、链接、激活的链接设置颜色。一种颜色可以由色调、亮度、饱和度来定义，也可以由其所含的红、绿、蓝（RGB）的比例所对应的值来定义。例如，在Dreamweaver MX中对文字设置颜色，可选择【文本】｜【颜色】命令，打开【颜色】对话框，如图3-22所示，在这个对话框中可以选择【基本颜色】，也可以通过右侧的色板和滑块来选择新的颜色，并把选中的新颜色添加到【自定义颜色】中去。还可以用Dreamweaver MX中颜色的工具“吸管”来检测选取颜色。 3设置网页对象的颜色 图3-22【颜色】对话框 1. 网页中文本输入 2. 设置汉字的字体列表 输入网页中的空格 4. 文本换行 5. 文本的属性设置 4 网页文本的输入和属性设置 1. 网页图像格式简介 (1) GIF（Graphics Interchange Format） (2) JPEG（Joint Photographic Experts Group） (3) PNG（Portable Network Graphic） 2. 插入网页图像的方法 注意：应先将该网页文档保存在本地站点中，然后再将该网页文档打开后插入图像文件，此时图像文件以相对路径插入。图像文件不要以URL的绝对路径插入，否则会导致图像不能显示。 5 网页图片的插入和属性设置 图像的属性设置 (1) 在【图像】文本框中可以设置该图像的名称。 (2) 在【宽】和【高】文本框中设置的是该图像的宽度和高度。。 (3) 在【源文件】文本框中输入这个图片的路径和文件名称。也可以单击文本框右边的图标，以浏览的方式得到图形文件的路径和名称。 (4) 在【链接】文本框中设置图像超链接的URL地址，此时该图像被设置为一个超链接的源端点。 (5) 在【替代】文本框可输入图像的说明文字。 (6) 单击【编辑】按钮，可打开外部编辑器进行图片编辑。设计者用右击图片，或按住Ctrl键再双击图片，在快捷菜单中选择【编辑方式Fireworks】命令，也能打开Fireworks进行图片编辑。 (7) 单击【重设大小】按钮，将改变了大小的图像重新设置为图像的原始尺寸。 (8) 在【垂直边距】和【水平边距】两个文本框中设置图片四周空出的尺寸。 (9) 在【目标】下拉列表中指定图像链接的目标文件的显示方式。如果图像无链接，此项设置无效。 (10)在【低品质源】文本框中指定另一个图像，这个图像一般是原图的低品质替换图形。在原图没有显示出来之前先显示这幅图，让浏览者能大体了解图形的内容。 (11)【边框】文本框中可输入图形边框的宽度。 (12)3个按钮定义图像在页面中的对齐方式：左对齐、居中对齐和右对齐。对齐方式和文本在页面中的对齐方式一样。 (13)在【对齐】下拉式列表中是设置在一行中图形和文本的对齐方式，其功能分别为： (14)在【地图】中选择创建热区的工具可建立图像的多个链接热区，具体操作方法在第4章中介绍。 图3-32在网页中插入的图像及其图像【属性】面板 例2 制作如图显示的网页。 4 简单网页的制作实例 本例的制作要求如下： （1） 页面的背景图片为bg0000.jpg； （2） 在合适的位置插入图片earth.gif ； （3） 在网页中输入横排带阴影的文字“BusinesstoCustomer”和“欢迎访问电子商务网站”； （4） 将网页用welcome.htm为名保存在本地站点My site中。 完成本例的操作步骤如下。 （1） 启动Dreamweav