汽车电子商务课程设计指导书.doc

淮 阴 工 学 院课 程 设 计 指 导 书课程名称： 汽车电子商务 课程编号： 1514700 学时学分： 1周1学分 专业层次： 本 科 制订日期： 2008年 3月 版 次： 1 归口单位： 交通工程系 汽车电子商务课程设计指导书一、课程设计的目的和要求：目的：通过课程设计，使学生掌握用所学电子商务理论知识来分析和解决实际问题的能力。要求：熟练掌握电子商务网站设计原则、基本构成要素、功能设计、界面布局设计等基本技能。二、课程设计的内容和步骤：内容：本课程设计有如下三个任务供学生选择完成，学生可以根据自己的情况选择其中任一种完成提交报告即可，但每组必须单独完成，不能有重复。 任务一：选择一个中小型汽车企业业务介绍为例，通过分析其业务，制定其电子商务策略，完成网站设计，给出设计说明书。任务二：选择一个中小型二手车营销服务企业，通过调查了解该企业运行状况，制定其电子商务策略，完成网站设计，给出设计说明书。任务三：针对某一个汽车售后服务行业的中小企业，制定其电子商务策略，完成网站设计，给出设计说明书。步骤：1）设计准备2）电子商务网站规划的总体设计确定所设计电子商务网站的目标，进行市场需求的调查分析；电子商务网站设计与管理的可行性分析。确定所设计电子商务网站的解决方案的内容和要求。3）电子商务网站的开发技术与工具选择包括网页开发技术、网络数据库技术、Web数据库及Web与数据库接口技术、搜索引擎和全文搜索引擎技术的选择。4）汽车销售（或服务）电子商务网站整体实现设计5）整理和编写设计说明书6）设计总结和答辩三、课程设计时间：1周四、任务说明：一、设计准备认真研究设计任务书，明确设计要求、条件、内容和步骤；通过阅读有关资料、参考有关电子商务网站等，了解设计对象；复习课程有关内容，熟悉有关电子商务网站的设计方法和步骤；准备好设计需要的图书、资料和软件；拟定设计计划等。二、电子商务网站规划的总体设计确定所设计电子商务网站的目标，进行市场需求的调查分析；电子商务网站设计与管理的可行性分析。确定所设计电子商务网站的解决方案的内容和要求。三、电子商务网站的开发技术与工具选择包括网页开发技术、网络数据库技术、Web数据库及Web与数据库接口技术、搜索引擎和全文搜索引擎技术的选择。建议本网站开发采用FrontPage网页制作工具。四、汽车销售（或服务）电子商务网站整体实现设计独立设计一个类似电子商务网站的网站（主页+其他）。参考主页如下。导航栏中应该有以下的项目：1.网站的介绍：文字说明，注意各种字体的设置，以及版面的安排。2.商品的信息：用表格显示，包含各种商品的价格，名称，数量，介绍等。3.用户信息提交：用表单实现，包含姓名，性别，年龄，收入，地址，自我介绍，等等，合理利用各种表单。并可以提交（不需要提交后的处理）。要求：各个链接要正确；合理插入图片，注意文本的编排和字体的设置，界面要求美观；整个版面设成一个表格里的话，整个页面会显得更加整齐；要有广告等实际网站具备的内容。FrontPage网站开发软件的使用方法简介。1.新建站点利用向导和模板可以方便地建立各种站点，在新建站点时，可根据不同的需要选用不同的向导或模板，然后再对向导或模板生成的网页（HTNML文件）进行修改。不同的向导或模板新建站点的步骤可能不同，我们选择“公司介绍向导”为例进行介绍。（1）在FrontPage2003窗口中，选择文件新建网页或站点命令，选择站点模板命令，打开如图1所示对话框。（2）在指定的新网站的位置下拉列表框中输入存放新站点文件的文件夹。（3）双击要使用的公司展示向导图标，打开模板或启动向导。打开如图2所示对话框。图1 站点模板对话框 图2 公司网站建立向导对话框（4）单击下一步按钮，在弹出的如图3所示的对话框中，可以设置站点中所需的网页，设置完成单击下一步按钮。（5）在弹出的对话框中选择主页要包括的内容，还可以再拉下来的几个对话框中对站点中网页的内容进行设置。最后单击完成按钮即可。2.新建网页利用向导或模板建立的站点不会完全符合用户的要求，可能所需的网页在向导或模板中并没有提供。这时，可以自己创建所需的网页。如在上例中要建立的公司站点没有有关公司组织与人事安排的网页，可以先手动新建网页，然后将网页添加到站点的组织构件中去。下面就以建立公司的组织与人事安排网页为例进行介绍。（1）选择文件新建网页或站点命令，在弹出的任务窗格中选择网页模板命令，弹出如图4所示的对话框。在常规选项卡中，选择一个模板或向导，再单击确定按钮即可。选择普通网页图标，然后单击确定按钮。图3 设置站点中的网页 图4 网页模板对话框（2）此时新建的网页显示在窗口中，如图5所示。（3）选择文件保存命令，弹出的对话框如图6所示。在对话框中单击更改标题按钮更改网页的标题为“公司的组织结构”，在文件名文本框中输入“组织”，设置完成后单击保存按钮。（4）单击视图栏中的导航图标，在文件夹列表中拖动新建的“组织.htm”到站点的结构图，将其放置在一级子目录中，如图7所示。此时，双击“组织.htm”图标，切换到网页视图。网页将被自动更新，如图8所示。图5 新建的网页图6 另存为对话框图7 将新建的网页链接到站点中图 8 更新后的网页3.修改网页3.1 打开一个网页（1）在窗口的视图栏中，单击文件夹图标，切换到文件夹视图。（2）FrontPage的文件夹视图与Windows资源管理器非常相似。在文件夹视图中，找到要编辑的网页，然后双击该网页图标，即可打开网页视图，对网页进行编辑。在其他视图中，双击网页图标，同样会自动打开该网页。如在超链接视图中，无论在文件夹列表中，还是在超链接窗格中，双击扩展名为.htm的文件，都可以直接打开该网页。3.2修改向导或模板建立的网页利用向导或模板建立的网页仅仅是一个框架。图9显示的是用公司展示向导建立的网页，还必须做大量的工作。 在这些网页中，软件自动生成注释，注明有哪些内容要求修改。有些需要替换原有图片，有些是修改某些对象属性，有些需要修改网页上的文字。如图10所示的外观、常规、视频选项卡中，标出了用户可做的修改。图9 一个网页的框架图 10 图片属性对话框对文字进行修改的操作与Word没多大差别，一般格式设置也没有多大的差别。4.设置文字格式4.1设置字体格式字体的格式属性很多，大致可以分为4类：字号、字体、颜色和字体的修饰。设置字体的属性可用下面的方法：（1）选中要设置字体属性的文字；（2）选择格式字体命令，打开如图11所示的字体对话框；（3）可在对话框中设置字体的各种属性；（4）单击确定按钮，完成对字体格式的设置。4.2设置段落格式（1）右击要设置格式的段落，在弹出的快捷菜单中选择段落命令，打开如图12所示对话框；（2）在此对话框中可以设置段落的各种格式。4.3设置项目列表列表是将有关内容组织成容易阅读的格式，要求各部分重点突出、简洁有效、层次分明和结构有序。在HTML中列表共分3种，分别是编号列表、定义列表和图像列表。选中要建立列表的文本，然后选择格式项目符号和编号命令，打开项目符号和编号方式对话框。4.4使用表格利用表格可以有效地组织大量的数据，在表格中可以输入文字，也可以插入图片。（1）在网页中插入表格选择表格插入表格命令，弹出插入表格对话框，如图13所示。在插入表格对话框里，设置表格的行数、列数、对齐方式和单元格边框宽度等属性，然后单击确定按钮即可。（2）设置网页的属性插入表格后，可右击表格，然后再快捷菜单中选择表格属性命令，即可打开内容与图13所示对话框一样的对话框。（3）表格的其他操作建立表格后，可以插入、删除及合并一些单元格，还可以添加标题等。图11 字体对话框 图12 段落对话框5.插入各种对象5.1插入图片网页上的常用的图片文件格式有JPEG和GIF。可用下面的方法插入图片：图13 插入表格对话框（1）将要添加到网页的图片复制到站点所在文件夹下的Images子目录中。（2）选择插入图片来自文件命令，弹出如Word操作一样的图片选择对话框。（3）在图片对话框里选中图片文件后单击插入按钮；或在图片对话框中双击要使用的文件，可将其插入到网页中。5.2水平线在网页中，水平线可以起到分隔文本内容或强调文本内容的作用。添加了水平线后还可以修改其属性，如宽度、高度、对齐方式和颜色等。如果使用了主题，水平线将被该主题中对应的图形所替代。在网页视图下将光标移动到要插入水平线的地方，选择插入水平线命令。双击插入的水平线，在如图14所示的水平线属性对话框中可以改变水平线的宽度、高度、对齐方式和颜色等。 图14 水平线属性对话框 图15 网页横幅属性对话框5.3横幅横幅是一个快速为网页添加标题的方法。选择插入网页横幅命令，弹出如图15所示的网页横幅属性对话框。选择图片单选按钮，并在文本框内输入所需要的标题。5.4横幅广告现在很多的广告牌是运动的，每隔一段时间翻转一次，从而打出不同的广告。网页中横幅广告的显示效果和这种广告牌的效果差不多，它按时间顺序不断变换显示的内容。设置横幅广告的具体方法如下：（1）首先准备好要显示的图片。（2）将光标移动到要添加横幅广告的地方，选择插入Web组件命令，弹出如图16所示的插入Web组件对话框。（3）在插入Web组件对话框中的组件类型列表框中选择动态效果选项，再在右边的选择一种效果列表框中选择交互式按钮选项，单击完成按钮，弹出如图17所示的对话框。图16 插入Web组件对话框 图17 交互式按钮对话框（4）单击添加按钮，从打开的对话框中选择图片添加到显示图片列表框，在显示图片列表框的图片将在横幅广告中播放。图片播放的顺序与图片在显示图片列表框里的顺序相同。（5）在过渡效果下拉列表框里选择两幅图片之间切换的过渡效果。在每幅图片显示文本框里输入图片切换的时间，单位为秒。（6）在链接到文本框里输入横幅广告链接的地址。（7）单击确定按钮即可。如果创建了横幅广告后要重新设置其属性，双击横幅广告位置处的图片即可。5.5字幕在网页中创建字幕可以在浏览器中显示一条水平滚动的文本信息。具体方法如下：（1）在网页视图里将光标移动到要创建字幕的位置，或选中要在字幕中显示的文本。（2）选择插入Web组件命令，弹出如图16所示的对话框。（3）在组件类型列表框中选择动态效果选项，再在右边的选择一种效果列表框中选择字幕选项，单击完成按钮，弹出如图18所示的对话框。（4）在文本框中输入字幕将要显示的文本，文本长度不限。（5）如果要设置字幕文本的滚动方向，选择方向选项组中左和右单选按钮中的一个。（6）在速度选项组可以设置字幕移动的速度。（7）在表现方式选项组里设置字幕文本的运动方式。（8）在大小选项组里可以设置字幕的大小。（9）在重复选项组里可以设置字幕的重复次数。（10）在背景色下拉列表框里设置字幕滚动文本的背景色，设置完成后单击确定按钮。5.6网站计数器网站计数器计算并显示一个网页被访问的次数。如果在主页中添加一个网站计数器，该网点的访问者就可以看到主页被访问过多少次。（1）在网页视图下将光标移动到要插入网站计数器的地方，选择插入Web组件命令，然后再组件类型列表框中选择计数器选项。（2）在选择计数器样式列表中选择一种计数器样式，然后单击完成按钮，弹出属性对话框，如图19所示。（3）再在此对话框中进一步设置计数器重置的数字与数字位数即可。 图18 字幕属性对话框 图19 计数器属性对话框6创建超链接6.1创建超链接超链接是文本或图片的一个基本属性。只要合理地设置文本或图片属性，就可以为文本或图片建立超链接。（1）在网页中选中要建立超链接的文本或图片，按Ctrl+K键，弹出如图20所示的插入超链接对话框。（2）在地址下拉列表框中输入要链接的站点的网址，然后单击确定按钮。6.2导航条导航条是一组特定格式的链接，在一些复杂的模板和向导中会自动在网页中建立导航条。（1）在网页中单击一个导航条，将其选中，按Alt+Enter键，打开如图21所示的链接栏属性对话框。（2）在常规选项卡中的要添加到网页的超链接选项组中，选择超链接的类型。（3）在样式选项卡中的方向和外观选项组中设置超链接的样式。图20 插入超链接对话框 图21 链接栏属性对话框7使用主题使用主题可以使网页具有统一的风格，既可以对单独的网页使用主题，也可以对站点的所有网页使用主题。如果先对站点使用主题，然后再对其中的某一个网页使用主题，这个网页的主题将不使用站点主题而使用新设置的主题。因此，无论怎样修改站点主题的属性，对这网页都不会产生影响，受影响的只是那些应用站点默认主题的网页。7.1对站点或网页应用主题（1）如果对网页使用主题，应该先在网页视图打开要使用主题的网页，如果是对站点使用主题则不必要。（2）选择格式主题命令，弹出如图22所示的主题对话框。图22 自定义主题对话框（3）如果对网页使用主题，应选择所选的网页单选按钮；如果是对站点使用主题，选择所有网页单选按钮。（4）选择的主题将显示在主题示例预览框中。使用主题时，如果对主题的颜色不满意，可以更改页面也文本的颜色，如正文、标题导航条等的颜色。还可以设置主题里的图片等。8发布网页发布网页就是将创建完成的站点复制到服务器上指定的URL的过程，实际上就是在两台计算机上建立同样的站点拷贝。如果想修改