信息管理与信息系统课程设计分析报告

信息管理与信息系统课程设计分析报告西安电子科技大学<<公司产品宣传网页制作>>课程设计报告信息治理与信息系统（理）学号：姓名：班级：信息管理与信息系统课程设计分析报告全文共29页，当前为第1页。学期：2009至2010学年1信息管理与信息系统课程设计分析报告全文共29页，当前为第1页。目录引言…………………2Ⅰ.设计中考虑的问题……………3Ⅱ.使用工具………3⑴.Dreamweaver8简介…………3⑵.网页结构………4Ⅲ.站点的定义与创建……………5Ⅳ.超链接的介绍…………………9⑴.文字的链接……………………10⑵.图片的链接……………………11Ⅴ.层的插入与应用………………11⑴．层的插入………11⑵．层的应用………12信息管理与信息系统课程设计分析报告全文共29页，当前为第2页。Ⅵ.视频及音频的插入……………信息管理与信息系统课程设计分析报告全文共29页，当前为第2页。Ⅶ.网页界面实例…………………16主页…………16Allstar………16JackPurcell…………………17Onestar……………………17靓品推举……………………17Ⅷ.个人体会………17Ⅸ.参考文献………18引言信息管理与信息系统课程设计分析报告全文共29页，当前为第3页。信息管理与信息系统课程设计分析报告全文共29页，当前为第3页。我这次开发的是一个公司产品宣传的网页。Converse作为一个有悠久历史的运动品牌，现在差不多是一个家喻户晓的大品牌。1908年由美国摩尔◎匡威于麻省春田市创办了篮球鞋的专业制造厂，CONVERALLSATAR因此就诞生了。1917年正式推出了ALLSTART帆布鞋，以其狂放不羁的设计，风靡全球一炮而红。1923年以具有运动天赋和口才的篮球明星CHVCKTAYLOR的亲笔签名成为闻名商标。集复古、流行、环保于一身的ALLSTART帆布鞋，是美国文化的精神象征，以其为所欲为，自由自在没有约束的穿着形态，更成为追求自我时尚的青年人的忠实排挡。在中国市场，现在上市的有ALLSTARCHUCKTAYLOR（全明星经典帆布鞋）、JACKPURCELL（开口笑）、ONESTAR(古典帆布鞋)三大系列。信息管理与信息系统课程设计分析报告全文共29页，当前为第4页。因此本网页介绍信息管理与信息系统课程设计分析报告全文共29页，当前为第4页。由于我们对网页设计也只是初步学习，从来没有用它开发过一个具体项目，因此我在开发本网站过程中是要不断的翻阅一些书籍以及观看教学视频来丰富我的这方面只是。有时也有专门多困难是个人多无法解决的，在此我专门感谢老师和同学，是他们在我最需要关心时给了我指导。网页的实现过程一HTML语言为主，也使用了少量的Java代码。关键词网页设计HTML语言DreamweaverPhotoshop信息管理与信息系统课程设计分析报告全文共29页，当前为第5页。Ⅰ信息管理与信息系统课程设计分析报告全文共29页，当前为第5页。1.用户第一次进来，将给他的感受是什么？频道导航，位置导航，社会导航，页面布局，页面风格，页面视觉效果，内容密集度，页面的文字的提示性。2．要呈现给他的内容是什么？是不是他想要的？用户最想看到的内容是什么，他来到那个地点最关注的内容是什么，我们能不能第一时刻满足他，要素：如标题，图片，内容，联系方式，用户对信息的赞贬度，评价。3.要提供给他的核心服务是什么？用户进来后，我们提供的核心服务是什么？信息可比性服务、翻译服务、信息地图服务、音乐试听服务依旧其他服务?4.页面信息构架的内容推举性是不是合理？网页是借自己的牌坊，宣传自己的内容获得流量转换或广告的收益。在页面信息构架的内容可推举性设计上，我们以如何样的方式去推举内容，强制性模块内容推举，依旧内容相关性匹配推举？拿什么样的页面位置去更好的推举？5.页面信息构架的功能互动性设计是不是可用？信息管理与信息系统课程设计分析报告全文共29页，当前为第6页。互动性、交互性设计，能够专门友好的和用户建立其沟通，包括交互方式、交互效果、交互提醒、流量诱导，以及网站的交互信息的输出等阻碍着用户对信息管理与信息系统课程设计分析报告全文共29页，当前为第6页。Ⅱ.使用工具开发中用到的工具和技术简单介绍如下：采纳Dreamweaver为开发软件，css样式，超级链接，并用fireworks做简单的图形编辑，运用Photoshop来后期制作。⑴.Dreamweaver8简介Dreamweaver8简介信息管理与信息系统课程设计分析报告全文共29页，当前为第7页。Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与Frontpage不同，Deamweaver采纳的是Mac机浮动面版的设计风格，关于初学者来讲可能会感到不适应。但当你适应了信息管理与信息系统课程设计分析报告全文共29页，当前为第7页。Dreamweaver最新的版本为:Dreamweaver8。信息管理与信息系统课程设计分析报告全文共29页，当前为第8页。⑵信息管理与信息系统课程设计分析报告全文共29页，当前为第8页。首页首页AllStarJackPurcellOneStar靓品推举Ⅲ.站点的定义与创建在正式开始制作网页之前，最好先定义一个新网站，这是为了更好地利用站点窗口对站点文件进行治理。

定义方法信息管理与信息系统课程设计分析报告全文共29页，当前为第9页。方法一：在站点窗口的下拉菜单选择最后一项编辑站点，如下图。信息管理与信息系统课程设计分析报告全文共29页，当前为第9页。现在会弹出一个新的对话框，点击“新建”按钮就能够定义一个新网站，假如日后需要对旧有网站重新定义，能够在左边的网站列表中选中你需要重新定义的网站，然后点击“编辑”按钮便可。信息管理与信息系统课程设计分析报告全文共29页，当前为第10页。方法二：选择菜单“站点”－－“新建站点”选项。（如图所示）信息管理与信息系统课程设计分析报告全文共29页，当前为第10页。①网站名称：为你的网站起一个名字，那个名字只起着识不的作用，与网站公布后真实的名字无关。信息管理与信息系统课程设计分析报告全文共29页，当前为第11页。信息管理与信息系统课程设计分析报告全文共29页，当前为第11页。假如不需要什么专门的服务器技术，就选“否”这项。②本地根目录：设置网站在本地硬盘的位置，点击后面的文件夹图标能够选择硬盘的任意目录作为存放网站文件的目录；信息管理与信息系统课程设计分析报告全文共29页，当前为第12页。信息管理与信息系统课程设计分析报告全文共29页，当前为第12页。③能够任意选择你想要将文件存储在服务器上的位置，方法同上一步本地根目录的建立相同。信息管理与信息系统课程设计分析报告全文共29页，当前为第13页。④信息管理与信息系统课程设计分析报告全文共29页，当前为第13页。完成后，回到站点窗口，就能够看到如下类似的画面：信息管理与信息系统课程设计分析报告全文共信息管理与信息系统课程设计分析报告全文共29页，当前为第14页。能够看到，“我的网站”的名称差不多出现在站点窗口了，因为是新建的一个站点，所在在本地目录看到的一片空白。站点定义完毕之后，就能够正式制作属于你自己的网页了。Ⅳ.超链接的介绍按照链接路径的不同,网页中超链接一般分为以下3种类型:内部链接,锚点链接和外部链接。假如按照使用对象的不同，网页中的链接又能够分为：文本超链接，图像超链接，E-mail链接，锚点链接，多媒体文件链接，空链接等。超链接是一种对象，它以专门编码的文本或图形的形式来实现链接，假如单击该链接，则相当于指示扫瞄器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。信息管理与信息系统课程设计分析报告全文共29页，当前为第15页。网页上的超链接一般分为三种：一种是绝对URL的超链接。URL（UniformResourceLocator）确实是统一资源定位符，简单地讲确实是网络上的一个站点、网页的完整路径，如；第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去；还有一种称为同一网页的超链接，这种超链接又叫做书签。信息管理与信息系统课程设计分析报告全文共29页，当前为第15页。超链接还能够分为动态超连接和静态超连接。动态超连接指的是能够通过改变HTML代码来实现动态变化的超链接，例如我们能够实现将鼠标移动到某个文字链接上，文字就会象动画一样动起来或改变颜色的效果，也能够实现鼠标移到图片上图片就产生反色或模糊等等的效果。而静态超链接，顾名思义，确实是没有动态效果的超链接。在网页中，一般文字上的超链接差不多上蓝色（因此，用户也能够自己设置成其他颜色），文字下面有一条下划线。当移动鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就能够直接跳到与那个超链接相连接的网页或WWW网站上去。假如用户差不多扫瞄过某个超链接，那个超链接的文本颜色就会发生改变（默认为紫色）。只有图像的超链接访问后颜色可不能发生变化。⑴文字的链接信息管理与信息系统课程设计分析报告全文共29页，当前为第16页。在属性面板的Link一项，填写链接地址，当扫瞄者点击该链接的时候，扫瞄器就回跳转到该页面。信息管理与信息系统课程设计分析报告全文共29页，当前为第16页。假如你希望该页面是在一个新窗口打开，能够在Target中选择“_balnk”。假如要链接到网站内的文件，能够点击：信息管理与信息系统课程设计分析报告全文共29页，当前为第17页。上图中，我们是将文字链接到“allstar.html”那个文件，特不注意的是最底的“相关于”的选项，意思是选择相对路径的形式，默认是“文档”，也能够选择“站点根目录”，区不在于，“文档”是指相对路径是从本页开始计算，而“站点根目录”是从根目录开始计算（即“/”信息管理与信息系统课程设计分析报告全文共29页，当前为第17页。另外，假如使用“站点根目录”的模式做成的链接，在本地硬盘直接打开页面扫瞄通常会出错，但在Dreamweaver的预浏模式和上传上服务器后，都可不能有问题。文字链接代码：<ahref="所要链接的地址"target="_blank">输入的文字</a>⑵图片的链接图片链接的建立过程与文字链接相似，就不多作介绍了。但特不要提出的是，某些图片，在加上链接后，会出现一个蓝色的边框，要将边框去掉，将Border设为0即可。图片链接代码：<ahref="你要链接到的地址"target="_blank"><imgscr="图片地址URL"width="宽度"height="高度"alt="图片讲明"border="0"></a>Ⅴ.层的插入与应用信息管理与信息系统课程设计分析报告全文共29页，当前为第18页。⑴信息管理与信息系统课程设计分析报告全文共29页，当前为第18页。层（Layer）是一种HTML页面元素，您能够将它定位在页面上的任意位置。层能够包含文本、图像或其它HTML文档。层的出现使网页从二维平面拓展到三维。能够使页面上元素进行重叠和复杂的布局。打开Dreamweaver后，找到菜单栏处的“插入”，然后点开下拉菜单，选择布局对象，插入层即可，如图因此黄蓝色的框架确实是一个层的插入。⑵层的应用信息管理与信息系统课程设计分析报告全文共29页，当前为第19页。信息管理与信息系统课程设计分析报告全文共29页，当前为第19页。那个地点我们需要对几个概念进行解释。层有隐藏和显示的属性。这是层的一个重要属性和以后讲到的行为相结合就变成了重要的参数。单击层面板列表的左边，能够打开关闭眼睛。眼睛挣开和关闭表示层的显示和隐藏。层还有一个概念确实是层数，层数决定了重叠时哪个层在上面哪个层在下面。比如层数为２的层在层数为１的层的上面。改变层数就能够改变层的重叠顺序。层面板上面还有一个参数确实是防止层重叠。一旦选中，页面中层就无法重叠了。层还有一种父子关系也确实是隶属关系。在层面板中是如此表示的。信息管理与信息系统课程设计分析报告全文共29页，当前为第20页。信息管理与信息系统课程设计分析报告全文共29页，当前为第20页。图中Layer2挂在Layer1的下面。Layer1为父层，Layer2为子层。在页面中拖动Layer1，Layer2也跟着动起来。因为他们差不多链在一起了，同时Layer2隶属于Layer1。父层移动会阻碍到子层。移动layer2层，Layer1层不动。也确实是子层可不能阻碍到父层。要建立如此的一种隶属关系方法专门简单。在层面板中按Ctrl键将子层拖拽到父层即可。由于层在网页布局上特不方便，因此，一些人可能不喜爱使用表格或“布局”模式来创建自己的页面，而是喜爱通过层来进行设计。Dreamweaver8能够使用层来创建自己的布局，然后将它们转换为表格。在转换为表格之前，请确保层没有重叠。请执行以下操作：选择“修改”＞“转换”＞“层到表格”。即可显示“转换层为表格”对话框。信息管理与信息系统课程设计分析报告全文共29页，当前为第21页。信息管理与信息系统课程设计分析报告全文共29页，当前为第21页。选择所需的选项。单击“确定”。Ⅵ.视频及音频的插入⑴.视频的插入关于Flash视频使用Dreamweaver中的“插入Flash视频”命令，可将Flash视频内容插入Web页面，而无需使用Flash创作工具。该命令能够插入Flash组件；当您在扫瞄器中查看它时，它显示您选择的Flash视频内容以及一组播放控件。信息管理与信息系统课程设计分析报告全文共29页，当前为第22页。“插入Flash视频”命令提供以下选项，用于将视频内容发送给站点访问者：

累进式下载视频将Flash视频(FLV)文件下载到站点访问者的硬盘上，然后播放。然而，与传统的“下载并播放”视频传送方法不同，累进式下载同意在下载完成之前就开始播放视频文件。

流视频将Flash视频内容进行流处理并立即在Web页面中播放。若要在Web页面中启用流视频，您必须具有对MacromediaFlashCommunicationServer的访问权限，这是唯一可对Flash视频内容进行流处理的服务器。

在URL文本框中，指定广告ConverseMyDriveThru.flv文件的相对路径，方法是单击“扫瞄”，扫瞄至广告ConverseMyDriveThru.flv文件（位于站点的广告ConverseMyDriveThru信息管理与信息系统课程设计分析报告全文共29页，当前为第22页。从“外观”弹出式菜单中选择HaloSkin2。所选外观的预览会出现在“外观”弹出式菜单下方。“外观”选项指定将包含Flash视频内容的Flash视频组件的外观。在“宽度”和“高度”文本框中，执行以下操作：在“宽度”文本框中，键入180。信息管理与信息系统课程设计分析报告全文共29页，当前为第23页。信息管理与信息系统课程设计分析报告全文共29页，当前为第23页。单击“检测大小”以确定FLV文件的准确宽度和高度。然而，有时Dreamweaver无法确定FLV文件的尺寸大小。在这种情况下，必须手动输入宽度和高度值。“宽度”和“高度”文本框中的值以像素为单位指定FLV文件的宽度和高度。能够任意调整这些值以更改Web页面上的Flash视频的大小。增加视频的尺寸时，视频的图片品质通常会下降。“包括外观”是FLV文件的宽度和高度与所选外观的宽度和高度的加和。其余选项保留默认的选择值：限制高宽比保持Flash视频组件的宽度和高度之间的高宽比不变。默认情况下会选择此选项。信息管理与信息系统课程设计分析报告全文共29页，当前为第24页。自动播放指定在Web页面打开时是否播放视频。默认情况下取消选择该选项。信息管理与信息系统课程设计分析报告全文共29页，当前为第24页。自动重新播放指定播放控件在视频播放完之后是否返回起始位置。默认情况下取消选择该选项。单击“确定”关闭对话框并将Flash视频内容添加到Web页面。“插入Flash视频”命令生成一个视频播放器SWF文件和一个外观SWF文件，它们用于在Web页面上显示Flash视频内容。（您可能需要单击“文件”面板中的“刷新”按钮来查看新的文件。）这些文件与Flash视频内容（在此情况下，为cafe_townsend根文件夹）所添加到的HTML文件存储