05屆电子商务专业毕业论文(编辑修改稿)

05屆电子商务专业毕业论文(编辑修改稿)内容摘要：

海宜鑫实业股份有限公司商业网站分模块设计方案图： 网站风格的定位 众所周知，一个人拥有的独特风格是其他人所没有的，这会让人注意到这个人的特别之处。 一个商业网站同样如此，拥有其他商业网站所没有的风格和更加另类突出的视觉效果就会让浏览者愿意多停留一些时间，细细的品味该网站的内容，由此该网站可能会给人更多的关注。 网站风格可以从以下几个方面分析： 网站的色系是浏览者整体的视觉观感，若一个网站色系具有一致性 ，不仅会使网站整体看起来更加美观，还可以增加浏览的简洁与方便。 同时，网站的色系能衬托出网站的主题，色系与主题合理搭配，将会大大的增强网站的视觉效果。 该商业网站以庆祝国庆节为主题，为了突出喜庆的气氛采用红色，橘黄作为主色调（使用某种颜色或者色系的时候，主要考虑色彩的联想和象征意义），米黄，深褐、黑色和白色作为辅助色。 主引导页和子页应保持风格的统一，制作过程中注意色彩的搭配和灵活使用。 上 海 宜 鑫 实 业 股份有限公司 成长之路 辉煌历程 文化体悟 真情访谈 深切祝福 团队风采 成功案例 联系我们（留言） 关于我们 20504班毕业设计国庆专题 商业网站设计（上海宜鑫） 361 罗海新毕业论文 5 网站的排版包括了表格，框架的灵活应用，文本排版、段落格式以及样式表的灵活使用（排版的时候注意图文混排的方 式，行间距，段落间距和字体样式） 使用特效能够使得网站看起来更加活泼，例如加入 Flash、 Javascript、 Java Applets小程序等，适当的使用客户端特效能增加网页的动感，使网页看起来更加美观具有独特的风格。 网站的结构分析 宜鑫实业股份 成长之路 （ 01czzl） Images Flash Script Sound 辉煌历程 (02ghlc) 真情访谈 (04zqft) 联系我们 (08lxwm) ……………… Images Flash Script Sound Database 20504班毕业设计国庆专题 商业网站设计（上海宜鑫） 361 罗海新毕业论文 6 第三章 图形图象处理 LOGO 动画制作 把切好的图用裁切工具把单独做动画的切片裁剪下来，保留图层的内容，给图 起名字，栅格化有图层样式的图层和图层蒙板，把叠加方式进行 合并，在 Flash 软件 中调入 PSD 文件格式制作动画。 打开 Flash 软件，新建一空文件，选择 版，导入 PSD 文件，见图： 将这些图像图层导入为：拼合的位图图像（注意要选中左边的所有图层，最好给图层在 PS里起个名字），压缩选择无损，将舞台设置为 PSD 画布大小。 LOGO 在 Flash 里制作动画的过程（背景光晕和星星放射效果） 20504班毕业设计国庆专题 商业网站设计（上海宜鑫） 361 罗海新毕业论文 7 在 Flash 里制作高光过渡效果。 图片资料收集 这一步骤由第一小组组织在网上、书籍等收集而来。 并进一步的整理。 如： 1997 年 6 月 6 日 ，上海宜鑫实业股份有限责任公司开业。 为适应当地发展需求，第一次采用 yx作为自己的英文品牌标识，这也是宜鑫海外战略第一步，也为进一步打开国际市场创造了良好的开端。 1997 年 11 月宜鑫集团公司成立„„„„ 资料收集整理好后传到第二小组进行排版筛选。 再到入网页进行调节字体、颜色、行距、字号等。 利用 Photoshop、 Fireworks 修改与制作图片 第二小组接到第一小组收集来的图片就利用 Photoshop、 Fireworks 等软件，对相关图片进行处理和修改。 需要的图片但没有收集到，也可以通过 这些软件进行相应的制作出来好方便网站的应用。 在对图象进行编辑的时候，可以设置图象描边，图文混排，图片提示，创建图象热区，图象边距。 还可以修改图片的大小，裁减图片，修改图片的亮度和对比度等。 选中图象，在 [属性 ]面板的 [边框 ]文本框中输入数字“ 1”，可以看到编辑文档中的图象就没有边框了，按 F12 键可以看一下预览的效果。 当然可以根据需要，将 [边框 ]文本中的数值增大或缩小来改变图象描边的粗细。 有时候在一个页面中必须插入文字和图片，图文混排的效果就显得十分重要。 选 中图象，在 [属性 ]面板上，单击 [对齐 ]下拉菜单中的 [左对齐 ]命令。 或者用鼠标右键单击它，在弹出的快捷菜单中执行 [对齐 ]/[左对齐 ]命令。 设置完毕以后，可以摇曳图片到合适的位置。 这样就实现了图文混排的效果。 前面给文字链接增加过提示，这一次给图片增加提示。 首先选中要增加的提示的图象，然后在 [属性 ]面板的 [替换 ]文本框输入要提示的内容，例如“这就是我。 ”。 按 F12 键预览一下效果。 当鼠标的光标停留在图象上的时候，就显示出提示的文字了。 有时候需要在一幅大的图象 中添加许多超连接，这时可以采用创建图象热区的方法，每一个热区都可以建立一个超级连接。 打开“ 文件，仍然插入图象，在 [属性 ]面板中分别单击 3 个按纽，可以在图象上建立 3 种不同形状的热区。 选择其中一个矩形的热区，在 [属性 ]面板上修改各个参数。 在 [连接 ]文本框中输入连接地址“ [目标 ]选项的下拉菜单中选择“ blank”，在 [替换 ]20504班毕业设计国庆专题 商业网站设计（上海宜鑫） 361 罗海新毕业论文 8 文本框中输入“连接到上海宜鑫实业有限责任公司”。 这样，一个图象热区就完成了，鼠标指 针经过每个图象热区的时候，都会发生相应的变化，提示这是一个超连接，单击它可以打开所连接的网站或页面。 应用图象热区可以很方便的在一幅图象上创建许多超连接。 换句话说，如果整张网页只由一幅图片组成，可以使图象热区功能完成该网页的制作，只要根据实际需要利用矩形热点，椭圆形热点和多边形热点工具，创建相应的热区即可。 设置图象边距，可以使图象和表格边框产生一个边距，也会与相邻的文字或者其他图片产生一个边距。 有时设置一个边距一个非 0 的数值就可以起到美观作用。 例如我们在网页中插入一个 1 行 1 列的无边框表格，然后在里面插入获奖证书图片，选中它，在 [属性 ]面板中，设置 [垂直边距 ]和 [水平边距 ]的值都为“ 20”。 我们明显发现，获奖证书图片明显与表格边框有距离。 选中图象，在图象的右侧、底边和右下角会出现黑色的控制手柄。 摇曳这些控制手柄，就可以调整图象的大小，也可以在 [属性 ]面板中直接修改图象的 [宽 ]和 [高 ]的数值来改变图象的大小，这时候， [宽 ]和 [高 ]的数值也就都加粗显示了。 在网页中选中图形后，右击鼠标，在弹出的快捷菜单中，选择 [编辑方式 ]命令对图 象进行修改和处理，此处默认的是 Fireworks 软件。 为什么 Fireworks 是默认的图象处理软件呢。 执行 [编辑 ]/[首选参数 ]命令，在 [首选参数 ]对话框的 [分类 ]选项中选择 [/文件类型编辑器 ]，可以看到扩展名为“ gif ”的编辑器就是Fireworks。 单击 [编辑器 ]上方的加号按钮，选择外部编辑器 “ photoshop”软件，然后单击 [打开 ]按钮，可以看到 [编辑器 ]中多了“ Adobe photoshop”软件选项。 选中它，然后单击上方的 [设为主要 ]按钮，“ Adobe photoshop” 软件就设置为默认的图象处理软件了。 有时候完全可以不借助外部编辑器来对图象进行处理，在 [属性 ]面板的 [编辑 ]后就有一个 [裁减 ]按钮。 选中图象以后，单击 [裁减 ]按钮，系统弹出对话框，提示“你要执行的操作将永久性改变所选图象。 可以通过选择“编辑＞撤消”撤消所做的任何更改”。 单击 [确定 ]按钮，就可以对图象进行裁减。 这时可以看到所选图象上出现了裁减选择区域，调整到合适的大小，双击鼠标后，图象就只剩下选中的区域了。 这时候如果重新插入此图象文件，发现插入的图象。 这说明裁减过程本身就是对该图象文件的 操作。 如果要撤消操作，可执行 [编辑 ]/[撤消 ]命令撤消所做的任何更改。 10 .切图以后进行优化。 20504班毕业设计国庆专题 商业网站设计（上海宜鑫） 361 罗海新毕业论文 9 大图或者用来做动画的图一般多存为 JPG 格式，注意质量和容量的协调，小图标或者渐变图一般用 GIF 格式存储。 （优化的原则：保持图像质量尽可能清晰的同时，减小文件的容量） 11 .相同的区域尽可能保存成相同的文件格式（否则可能会出现颜色的不连续） 12 .有动画翻转的区域一定不能保存成 JPG 或者 PNG 格式，因为只有 GIF 格式才能存储动画（当然在 Flash 里做动画除外） 注：静态翻转图像和动画形式翻转图像的制作都是由图层复合所完成的，首先给按钮制作两种样式，当正常情况下显示第一种样式，当鼠标放上去的时候，通过图层的显示和隐藏显。 在 Dreamweaver 8 中可以改变图象的亮度和对比度。 单击 [属性 ]面板上 [编辑 ]后的 [亮度与对比度 ]按钮，在弹出的 [亮度与对比度 ]对话框中进行相应值的调整，修改后的效果与修改前的效果大不相同。 同样可以修改图象的锐化程度。 在 [属性 ]面板中，单击 [编辑 ]后的 [锐化 ]按钮，在弹出的对话框中进行相应值的调整。 使用 Photoshop Cs 创建图象的时候，离不开丰富多彩的颜色装衬。 但 Photoshop Cs 中创建图象大多数是要应用到网页中去的，网页中显示的效果与所处的平台及不同的浏览用户所使用的显示设备有关系。 设置图片的颜色，可以从工具箱的“颜色”框中选择笔触。