电子商务18165

.一、项目名称二、软件运行环境 三、软件的组成四、软件的使用说明五、参考文献六、小结 七、分工一、项目名称： 制作水果经营网站二、软件运行环境：主要为win7系统 硬件：显示屏 软件：Microsoft office 和 Frontpage 2003三、软件的组成：1. 启动单击“开始”“程序”“Microsoft Office”“Microsoft Office FrontPage 2003”命令，就可以启动FrontPage 2003。2. 退出单击标题栏上的关闭按钮，或者单击“文件”菜单中的“退出”命令，就可以退出FrontPage 2003。 窗口组成 1. 标题栏主要显示当前编辑的页面主题，以及窗体的“最大化”、“最小化”和“退出”按钮。2. 菜单栏是编辑页面文件和管理网站时用到的主要操作菜单。3工具栏，它提供各种操作的快捷按钮。4编辑窗格是网页的主要编辑区。5. 任务窗格 “任务窗格”功能是用来快速浏览FrontPage任务的区域。打开FrontPage或者新建网页时，就会显示在程序窗口的右侧，它提供各种链接，当执行不同的任务时，会显示相关任务的各种链接。6. 任务栏网页编辑器网页编辑器时，制作网页的主要区域包括设计、拆分、代码、预览四种视图模式。编辑器的左下角有四个切换命令，编辑器可以在这四种视图之间相互切换。值得注意的是，预览视图模式下网页不能编辑，只能在其他三种模式下编辑网页。 制作网页的一般步骤单击“文件”菜单下的“新建”命令，建立一个空白网页。编辑网页，如同在Word中编辑文字一样对文字进行编辑、排版等操作。插入各种网页元素，如：图片、表格、图表、控件、脚本等。保存所创建网页网页的创建创建网页的四种途径：空白网页文本文件根据现有网页其他网页模板 网页的布局单击“表格”菜单中的“布局表格和单元格”项，打开“布局表格和单元格”任务窗格，在“新建表格和单元格”区域存在两个按钮：绘制布局表格和绘制布局单元格。 单击“绘制布局表格”按钮，鼠标变为铅笔形状，拖动鼠标在网页上绘制一个表格。设置文本格式文字的输入在网页中输入文本的方法比较简单，与Word文字处理软件中输入文字的操作相似，将光标移动到要输入文字的地方直接输入就可以了 。插入表格新建网页，并且命名为“mypage2.htm”，保存以备后用。单击菜单“表格”“插入”“表格”命令，以打开“插入表格”对话框，如图6-12所示。在对话框中设置行数为“4”，列数为“2”，设置对齐方式为“居中”，设置边框粗细为“1”，背景颜色为“银灰色”。 单击“确定”按钮，完成表格插入操作，并输入文字应用图片单击“插入”“图片”“来自文件”命令，打开“图片”对话框，选择图片“liubei.jpg”，单击“插入”插入图片。选择“图片属性”项，打开“图片属性”对话框。 “环绕样式”选择“左”，“布局”栏中的“对齐方式”选择“左对齐”，“大小”栏中，选择“指定大小”和“保持纵横比”两个复选框，长度单位选择“像素”，“高度”设为“100”，因为保持纵横比，这时宽度就会自动变为“131”，调整图片位置。 应用超链接超链接是FrontPage中很重要的概念，可以说整个网站中的网页在超链接的作用下才得以有效的组织起来，浏览者利用超链接才能方便、快捷地浏览到相关的信息。1. 在文本中应用超链接2. 在图片中应用超链接 (1) 直接为图片插入超链接(2) 通过绘制热点插入超链接FrontPage组件包括字幕、网站计数器、Excel表格、图表，横幅广告等，这些组件可以直接使用而不用编写任何程序。有些组件是必须在服务器端运行的，为了保证组件的正常运行，服务器端必须安装“FrontPage Server Extensions”，一般安装了“Internet服务管理器”或者“Microsoft Personal Web Server”后就已经包含了“FrontPage Server Extensions”。四、软件的使用说明：1.自定义浏览器分辨率预览检查在设计网页时，可实时调节当前页面为在客户端显示的分辨率，以便预览当前效果。大家查看FrontPage 2003界面右下端状态上显示网页大小的区域，默认为792533，右键单击后，弹出如图1所示菜单，在此可设置任意分辨率方便进行预览。 2.描摹图像 大家在学习书法的时候，都接触过临摹吧，描摹图像的功用与其类似，就是通过创建一个图像（一般为网页的效果图）为参照物，以便于网页的设计制作。在Dreamweaver软件的各个版本中基本上都有这个功能，现在高傲的微软也开始学习这个优点了。点击菜单栏上的“视图描摹图像设置”，在弹出对话框中，选择指定图像，再设置其坐标（即在设计页面上显示的位置）。最后，设置透明度，再确认即可。这个描摹图像只是显示在FrontPage 2003的设计视图中，不会在你制作完毕的页面中显示出来。 3.层功能 过去，FrontPage最欠缺的功能之一就是无法像Macromedia Dreamweaver那样使用层。而层的应用在网页制作中已经是不可或缺了。好在FrontPage 2003终于支持了此项功能。 点击菜单栏上的“插入层”，将在当前页面中显示一个默认为“layer1”的层。用鼠标在各节点上拖曳，调节其大小，然后把光标插入点置于层中，输入所需的文字（图2）。另外，将光标定位于该层内，在其右键弹出菜单中选择“层属性”，就可在界面右侧的任务窗格上设置该层的ID，边框和底纹的样式、边距，以及定位样式与位置等参数。 4.插入交互式按钮 点击菜单栏上的“插入交互式按钮”，弹出如图3所示对话框，在“按钮”标签页中，设置按钮的显示文字、样式以及链接。在“字体”标签页中设置其相关选项。最后，我们再切换到“图像”标签页，设置悬停图像及鼠标键按下时的图像等。 5.行为的应用 行为一直是Dreamweaver的强项，而FrontPage2003现在也有这个功能了。 点击菜单栏上的“格式行为”，查看界面右侧的“行为”窗格，点击“插入”向下箭头按钮，在弹出菜单中可选择播放声音、弹出消息、调用脚本及弹出菜单等事件。在选择指定的插入对象后，将弹出相应的设置对话框，在其中按需操作。所有添加的行为事件，均会显示在列表中。 小知识：行为是事件和由该事件触发的动作的组合。由于行为代码是客户端的javascript代码，因此它无需服务器的支持就可触发事件。 6.使用网页重定向 在FrontPage 2003中，点击菜单栏上的“工具中文简繁转换插入重定向代码”，在弹出对话框中，设置简体页面网址及繁体页面网址。而后，插入的代码将通过浏览器对支持语言的检测，实现自动转向。 7.检查网页错误 点击菜单栏上的“工具辅助功能”，在弹出对话框中设置检查范围、内容及显示对象，接着点击“检查”按钮即可。利用此项功能，就可快速找出指定网页是否有错误，并可查看问题之所在。 8.优化HTML代码 FrontPage系列过去在代码效率方面做得相当不好，经常产生大量的垃圾代码。而在FrontPage 2003中，点击菜单栏上的“工具优化HTML”，在其中可酌情选择删除对象，包括注释性内容及空白信息等，从而删除大量垃圾代码，提高网页代码执行的效率，为网页“减肥”。 9.规划页面布局 一个成功的设计作品，大都需要事先为其规划设计布局，以便于宏观控制其内容。在Dreamweaver中，从其4.0版本开始就加入了页面规划视图来方便设计者对页面布局进行设计，如今FrontPage 2003也具有这个功能了。 点击菜单栏上的“表格布局表格和单元格”，在程序右侧窗格中将显示相应的属性设置。我们着重查看“表格布局”下拉列表，在其中有若干布局样式可供选择。当我们选择一种合适的应用于当前页面上后，可随时在设计视图中按需自行调节其布局样式。Frontpage2003是Microsoft公司推出的！ 目前的fontpage2003只是业余人士用的办公软件，而且基于IE内核的浏览窗口给跨浏览器的前台编程带来很大的阻碍，而且替代产品也就是SharePoint Designer2007在语法格式的控制非常严格，而且对代码的大小写控制的比较严格，个人认为Adobe的Dreamwear cs4提供了多种编程语言的编辑支持有利于专业程序员设计Demo。五、参考文献：百度百科 和 网上大部分卖水果的网站,例：六、小结： 我小组水果网站从2012年10月正式开通以来，在老师的指导帮助下和全体组员的共同努力下，网站制作取得圆满成功。截止12月3日，我组网站共有13个网页，其中主网页一个，和12页子网页。但由于技术有限，不能完成真正的后台数据库，深表遗憾。经过长达几个月的努力，我组获得了一些经验，现总结汇报如下：1、 老师指点老师指点是我组网站得到良好建设的基础，老师课堂上的软件指点和监理网站的技术展示是本组成员建设网站的技术基础。老师上课时各种专业知识是本组成员完善网站的理论依据，而老师提供的上级实践是本组成员完成网站的主要平台。在此，我代表本组成员对老师的指点表示由衷的感谢。2、 个人分工按照老师的要求，我组采取分工进行制作网站，每个人负责一至二个网页，做到明确分工，这样可以保证每个组员都能积极参与本组的网站建设中来。3、 依靠集体网站的整合和整理，仅靠每一个人的力量很难实现。我组充分调动全体成员的积极性，坚持靠集体力量建设网站，全体成员积极讨论，开展各项调查，共同确立本组的网站内容。并且全体成员进行广泛的探讨，确立例明确的个人分工，是完成网站建设的重要保证。4、界面力求简洁美观在确保各个网页整体风格和界面样式一致的基础上，我组充分利