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

1、西安电子科技大学课程设计报告信息治理与信息系统（理）学号： 姓名： 班级： 学期：2009至2010学年 1 学期目录引言2. 设计中考虑的问题3. 使用工具3. Dreamweaver8简介3. 网页结构4. 站点的定义与创建5. 超链接的介绍9. 文字的链接10. 图片的链接11. 层的插入与应用11层的插入11层的应用12. 视频及音频的插入14. 网页界面实例16主页16All star16Jack Purcell17One star17靓品推举17. 个人体会17. 参考文献18引言在Internet飞速进展的今天，互联网成为人们快速猎取、公布和传递信息的重要渠道，他在人们政治、经济

2、、文化、科学、生活等各个方面发挥着重要的作用。因此网站建设在Internet应用上的地位显而易见，它差不多成为政府、企事业单位信息化建设中的重要组成部分，从而备受人们的重视。我这次开发的是一个公司产品宣传的网页。Converse作为一个有悠久历史的运动品牌，现在差不多是一个家喻户晓的大品牌。1908年由美国摩尔匡威于麻省春田市创办了篮球鞋的专业制造厂，CONVER ALL SATAR因此就诞生了。1917年正式推出了ALL START帆布鞋，以其狂放不羁的设计，风靡全球一炮而红。1923年以具有运动天赋和口才的篮球明星CHVCK TAYLOR的亲笔签名成为闻名商标。集复古、流行、环保于一身的A

3、LL START帆布鞋，是美国文化的精神象征，以其为所欲为，自由自在没有约束的穿着形态，更成为追求自我时尚的青年人的忠实排挡。在中国市场，现在上市的有ALL STARCHUCK TAYLOR （全明星经典帆布鞋）、JACK PURCELL（开口笑）、ONE STAR(古典帆布鞋)三大系列。因此本网页介绍了国内市场上的三种系列的Converse，与几款最新的靓品。创建本站的有用工具要紧为：Dreamweaver、Photoshop、Fireworks等，部分建站素材来源于网络。由于我们对网页设计也只是初步学习，从来没有用它开发过一个具体项目，因此我在开发本网站过程中是要不断的翻阅一些书籍以及观看

4、教学视频来丰富我的这方面只是。有时也有专门多困难是个人多无法解决的，在此我专门感谢老师和同学，是他们在我最需要关心时给了我指导。网页的实现过程一HTML语言为主，也使用了少量的Java代码。关键词网页设计 HTML语言 Dreamweaver Photoshop.设计中考虑的问题1. 用户第一次进来，将给他的感受是什么？频道导航，位置导航，社会导航，页面布局，页面风格，页面视觉效果，内容密集度，页面的文字的提示性。2要呈现给他的内容是什么？是不是他想要的？用户最想看到的内容是什么，他来到那个地点最关注的内容是什么，我们能不能第一时刻满足他，要素：如标题，图片，内容，联系方式，用户对信息的赞贬度

5、，评价。3. 要提供给他的核心服务是什么？用户进来后，我们提供的核心服务是什么？信息可比性服务、翻译服务、信息地图服务、音乐试听服务依旧其他服务?4. 页面信息构架的内容推举性是不是合理？网页是借自己的牌坊，宣传自己的内容获得流量转换或广告的收益。在页面信息构架的内容可推举性设计上，我们以如何样的方式去推举内容，强制性模块内容推举，依旧内容相关性匹配推举？拿什么样的页面位置去更好的推举？5. 页面信息构架的功能互动性设计是不是可用？互动性、交互性设计，能够专门友好的和用户建立其沟通，包括交互方式、交互效果、交互提醒、流量诱导，以及网站的交互信息的输出等阻碍着用户对网站的活跃度认识、参与的积极性

6、。. 使用工具开发中用到的工具和技术简单介绍如下：采纳Dreamweaver为开发软件，css样式，超级链接，并用fireworks做简单的图形编辑，运用Photoshop来后期制作。. Dreamweaver8简介Dreamweaver8简介Dreamweaver是Macromedia公司的出品的一款“所见即所得”的网页编辑工具。与 Frontpage不同，Deamweaver采纳的是Mac机浮动面版的设计风格，关于初学者来讲可能会感到不适应。但当你适应了其操作方式后，就会发觉Dreamweaver的直观性与高效性是Frontpage所无法比拟的。Dreamweaver关于DHTML（动态网

7、页）的支持特不行，能够轻而易举地做出专门多眩目的互动页面特效。插件式的程序设计使得其功能能够无限的扩展。Dreamweaver与Flash、Fireworks 并称为 Macromedia的网页制作三剑客，由因此同一公司的产品，因而在功能上有着一个特不紧密的结合。因此，讲Dreamweaver是高级网页制作的首选并不为过。 Dreamweaver最新的版本为:Dreamweaver 8。. 网页结构首页首页All StarJack PurcellOne Star靓品推举. 站点的定义与创建在正式开始制作网页之前，最好先定义一个新网站，这是为了更好地利用站点窗口对站点文件进行治理。定义方法方法一

8、：在站点窗口的下拉菜单选择最后一项编辑站点，如下图。现在会弹出一个新的对话框，点击“新建”按钮就能够定义一个新网站，假如日后需要对旧有网站重新定义，能够在左边的网站列表中选中你需要重新定义的网站，然后点击“编辑”按钮便可。方法二：选择菜单“站点”“新建站点”选项。（如图所示） 在接着看到的对话框中，要进行以下简单的设置： 网站名称：为你的网站起一个名字，那个名字只起着识不的作用，与网站公布后真实的名字无关。 假如不需要什么专门的服务器技术，就选“否”这项。 本地根目录：设置网站在本地硬盘的位置，点击后面的文件夹图标能够选择硬盘的任意目录作为存放网站文件的目录； 能够任意选择你想要将文件存储在服

9、务器上的位置，方法同上一步本地根目录的建立相同。 选择默认的状态即可。 完成后，回到站点窗口，就能够看到如下类似的画面： 能够看到，“我的网站”的名称差不多出现在站点窗口了，因为是新建的一个站点，所在在本地目录看到的一片空白。站点定义完毕之后，就能够正式制作属于你自己的网页了。. 超链接的介绍按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。 假如按照使用对象的不同，网页中的链接又能够分为：文本超链接， HYPERLINK /view/42116.htm t _blank 图像超链接，E-mail链接，锚点链接， HYPERLINK /view/130979

10、.htm t _blank 多媒体文件链接，空链接等。 超链接是一种对象，它以专门编码的文本或 HYPERLINK /view/42121.htm t _blank 图形的形式来实现链接，假如单击该链接，则相当于指示 HYPERLINK /view/7718.htm t _blank 扫瞄器移至同一网页内的某个位置，或打开一个新的网页，或打开某一个新的WWW网站中的网页。 网页上的超链接一般分为三种：一种是绝对URL的超链接。URL（Uniform Resource Locator）确实是 HYPERLINK /view/245485.htm t _blank 统一资源定位符，简单地讲确实是网

11、络上的一个站点、网页的完整路径，如；第二种是相对URL的超链接。如将自己网页上的某一段文字或某标题链接到同一网站的其他网页上面去；还有一种称为同一网页的超链接，这种超链接又叫做书签。 超链接还能够分为动态 HYPERLINK /view/1383410.htm t _blank 超连接和静态超连接。动态超连接指的是能够通过改变HTML代码来实现动态变化的超链接，例如我们能够实现将鼠标移动到某个文字链接上，文字就会象 HYPERLINK /view/7262.htm t _blank 动画一样动起来或改变颜色的效果，也能够实现鼠标移到 HYPERLINK /view/19159.htm t _b

12、lank 图片上图片就产生 HYPERLINK /view/1308625.htm t _blank 反色或模糊等等的效果。而静态超链接，顾名思义，确实是没有动态效果的超链接。 在网页中，一般文字上的超链接差不多上蓝色（因此，用户也能够自己设置成其他颜色），文字下面有一条 HYPERLINK /view/547703.htm t _blank 下划线。当移动 HYPERLINK /view/265736.htm t _blank 鼠标指针到该超链接上时，鼠标指针就会变成一只手的形状，这时候用鼠标左键单击，就能够直接跳到与那个超链接相连接的网页或WWW网站上去。假如用户差不多扫瞄过某个超链接，那

13、个超链接的文本颜色就会发生改变（默认为紫色）。只有图像的超链接访问后颜色可不能发生变化。文字的链接在属性面板的Link一项，填写链接地址，当扫瞄者点击该链接的时候，扫瞄器就回跳转到该页面。 假如你希望该页面是在一个新窗口打开，能够在Target中选择“_balnk”。假如要链接到网站内的文件，能够点击 ：上图中，我们是将文字链接到“all star.html”那个文件，特不注意的是最底的“相关于”的选项，意思是选择相对路径的形式，默认是“文档”，也能够选择“站点根目录”，区不在于，“文档”是指相对路径是从本页开始计算，而“站点根目录”是从根目录开始计算（即“/”）另外，假如使用“站点根目录”的

14、模式做成的链接，在本地硬盘直接打开页面扫瞄通常会出错，但在Dreamweaver的预浏模式和上传上服务器后，都可不能有问题。文字链接代码：输入的文字图片的链接图片链接的建立过程与文字链接相似，就不多作介绍了。但特不要提出的是，某些图片，在加上链接后，会出现一个蓝色的边框，要将边框去掉，将Border设为0即可。图片链接代码：. 层的插入与应用层的插入层（Layer）是一种 HTML 页面元素，您能够将它定位在页面上的任意位置。层能够包含文本、图像或其它 HTML 文档。层的出现使网页从二维平面拓展到三维。能够使页面上元素进行重叠和复杂的布局。打开Dreamweaver后，找到菜单栏处的“插入”

15、，然后点开下拉菜单，选择布局对象，插入层即可，如图因此黄蓝色的框架确实是一个层的插入。层的应用一个页面中能够画出专门多的层，这些层都会列在层面板中。层之间也能够相互重叠。层面板能够通过菜单窗口菜单选“层”打开。那个地点我们需要对几个概念进行解释。层有隐藏和显示的属性。这是层的一个重要属性和以后讲到的行为相结合就变成了重要的参数。单击层面板列表的左边，能够打开关闭眼睛。眼睛挣开和关闭表示层的显示和隐藏。层还有一个概念确实是层数，层数决定了重叠时哪个层在上面哪个层在下面。比如层数为的层在层数为的层的上面。改变层数就能够改变层的重叠顺序。层面板上面还有一个参数确实是防止层重叠。一旦选中，页面中层就无

16、法重叠了。层还有一种父子关系也确实是隶属关系。在层面板中是如此表示的。图中Layer2挂在Layer1的下面。Layer1为父层，Layer2为子层。在页面中拖动Layer1，Layer2也跟着动起来。因为他们差不多链在一起了，同时Layer2隶属于Layer1。父层移动会阻碍到子层。移动layer2层，Layer1层不动。也确实是子层可不能阻碍到父层。要建立如此的一种隶属关系方法专门简单。在层面板中按Ctrl键将子层拖拽到父层即可。由于层在网页布局上特不方便，因此，一些人可能不喜爱使用表格或“布局”模式来创建自己的页面，而是喜爱通过层来进行设计。Dreamweaver8能够使用层来创建自己的

17、布局，然后将它们转换为表格。 在转换为表格之前，请确保层没有重叠。请执行以下操作：选择“修改”“转换”“层到表格”。即可显示“转换层为表格”对话框。选择所需的选项。单击“确定”。 选择所需的选项。单击“确定”。. 视频及音频的插入. 视频的插入关于 Flash 视频 使用 Dreamweaver 中的“插入 Flash 视频”命令，可将 Flash 视频内容插入 Web 页面，而无需使用 Flash 创作工具。该命令能够插入 Flash 组件；当您在扫瞄器中查看它时，它显示您选择的 Flash 视频内容以及一组播放控件。“插入 Flash 视频”命令提供以下选项，用于将视频内容发送给站点访问者

18、： 累进式下载视频将 Flash 视频 (FLV) 文件下载到站点访问者的硬盘上，然后播放。然而，与传统的“下载并播放”视频传送方法不同，累进式下载同意在下载完成之前就开始播放视频文件。 流视频将 Flash 视频内容进行流处理并立即在 Web 页面中播放。若要在 Web 页面中启用流视频，您必须具有对 Macromedia Flash Communication Server 的访问权限，这是唯一可对 Flash 视频内容进行流处理的服务器。 在 URL 文本框中，指定广告ConverseMyDriveThru.flv 文件的相对路径，方法是单击“扫瞄”，扫瞄至广告ConverseMyDri

19、veThru.flv 文件（位于站点的广告ConverseMyDriveThru 根文件夹中），并选择该 FLV 文件。 从“外观”弹出式菜单中选择 Halo Skin 2。 所选外观的预览会出现在“外观”弹出式菜单下方。“外观”选项指定将包含 Flash 视频内容的 Flash 视频组件的外观。 在“宽度”和“高度”文本框中，执行以下操作： 在“宽度”文本框中，键入 180。 在“高度”文本框中，键入 135 ，然后按 Enter 键。单击“检测大小”以确定 FLV 文件的准确宽度和高度。然而，有时 Dreamweaver 无法确定 FLV 文件的尺寸大小。在这种情况下，必须手动输入宽度和高

20、度值。 “宽度”和“高度”文本框中的值以像素为单位指定 FLV 文件的宽度和高度。能够任意调整这些值以更改 Web 页面上的 Flash 视频的大小。增加视频的尺寸时，视频的图片品质通常会下降。 “包括外观”是 FLV 文件的宽度和高度与所选外观的宽度和高度的加和。 其余选项保留默认的选择值： 限制高宽比保持 Flash 视频组件的宽度和高度之间的高宽比不变。默认情况下会选择此选项。 自动播放指定在 Web 页面打开时是否播放视频。默认情况下取消选择该选项。 自动重新播放指定播放控件在视频播放完之后是否返回起始位置。默认情况下取消选择该选项。 单击“确定”关闭对话框并将 Flash 视频内容添加到 Web 页面。 “插入 Flash 视频”命令生成一个视频播放器 SWF 文件和一个外观 SWF 文件，它们用于在 Web 页面上显示 Flash 视频内容。（您可能需要单击“文件”面板中的“刷新”按钮来查看新的文件。）这些文件与 Flash 视频内容（在此情况下，为 cafe_townsend 根文件夹）所添加到的 HTML 文件存储在同一目录中。当您上传包含 Flash 视频内容的 HTML 页面时，Dreamweaver 将这些文件作为相关文件上传（只要单击“要上传相关文件？”对话框中的“是”）。 保存该页，然后能