仰望星空论坛网页设计

目  录

第1章 课程设计目的与要求

1.1 课程设计目的

1.2 课程设计的实验环境

1.3 课程设计的预备知识

1.4 课程设计要求

第2章 课程设计内容

2.1 需求分析

2.2 开发工具简介

2.3 制作步骤

2.4 网页制作的要素

2.5 网页制作的技巧

2.6 网页艺术设计的特点

第3章 网页详细设计与分析

3.1 建立布局

3.2 网页中的图像

3.3 网站的维护

第四章 主要模块代码

第五章 个人总结

参考文献

第1章 课程设计目的与要求

1.1 课程设计目的

本课程的课程设计实际是电子商务专业学生学习完《网页设计与制作》课程后,进行的一次全面的综合训练,其目的在于加深对基本知识的理解,掌握运用各种书本学习过软件的基本方法。

1.2 课程设计的实验环境

硬件要求能运行Windows 9.X操作系统的微机系统。数据库应用系统开发软件可以选用:FoxPro for Windows;Visual FoxPro;Microsoft Access,或其他数据库管理系统;以及其它学习或自己使用过的相关软件.

1.3 课程设计的预备知识

熟悉数据库的基本知识及一种以上数据库系统开发软件。及有关网页设计的工具软件.

1.4 课程设计要求

按课程设计指导书提供的课题(参考),应根据下一节给出的基本需求独立完成各个方面的设计,可以组成设计小组,分模块进行,共同协作完成一个应用系统的开发任务。要求书写详细的设计说明书,对复杂的代码段和程序段,应画出程序流程图。在界面设计中,画出每个窗口的布局,有多个窗口时,按模块调用的方式画出窗口调用图,用手工画好报表和标签样式,严禁相互抄袭。

第2章 课程设计内容

2.1 需求分析

一个网站项目的确立是建立在各种各样的需求上面的,这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要,其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对对网站开发拥有不同知识层面的客户,项目的负责人对用户需求的理解程度,在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求,并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员,保证开发过程按照满足用户需求为目的正确项目开发方向进行,是每个网站开发项目管理者需要面对的问题。

2.2 开发工具简介

2.2.1 网页图像设计工具--Photoshop、Fireworks

在网页制作过程中,首先要使用 Photoshop 或 Fireworks 设计网页和整体 效果图、处理网页中的图像、背景图及网页的图标、按钮等。Photoshop 是平 面图像处理业界霸主 Adobe 公司推出的跨越 PC 和 MAC 两界首屈一指的大型图像 处理软件.它功能强大,操作界面友好,得到了广大第三方开发厂家的支持,从而 也赢得了众多的用户的青睐。Fireworks 是 Adobe 公司推出的著名平面图像设 计和图像处理软件,它具有强大的图像处理功能和操作易用性,受到广大平面 图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调 板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制 作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。

2.2.2 动画制作工具--Flash MX 2004

Flash MX 2004是 Macromedia 公司的一个的网页交互动画制作工具。 flash 制作出来的 用 动化是矢量的,不管怎样放大、缩小,它还是清晰可见。 用 flash 制作的文件 很小,这样便于在互联网上传输,而且它采用了数据流技术,只要下载一部分, 就能欣赏动画,而且能一边播放一边传输数据。 交互性更是 flash 动画的迷人 之处,可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点, 才使 flash 日益成为网络多媒体的主流。

2.2.3 网页排版工具--Macromedia Dreamweaver 8

Macromedia Dreamweaver 8 是由 Macromedia 公司推出的,用于网页开发 和网站管理的专业化设计工具。它采用了多种新技术,具有设计和开发网站过 程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实 用的功能;它具有友好的操作界面,在文档窗口中可以打开各种浮动面板,同 时还可以使用系统内置的多种对象进行操作。它将可视布局工具、应用程序开 发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和 设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。从对基于 CSS 的设计的领先支持到手工编码功能,Dreamweaver 提供了专业人员在一个 集成、高效的环境中所需的工具。开发人员可以使用 Dreamweaver 及所选择的 服务器技术来创建功能强大的 Internet 应用程序,从而使用户能连接到数据库、Web 服务。

2.2.4 网站的运行环境

为了保证系统运行的效率和可靠性,系统服务器端应具有较高的软硬件配 置,客户端的要求不是很高。此应用程序可广泛运行于国际互联网即 Internet, 也可适用于内部的局域网。其运行要求如下:

服务器端:操作系统—Windows xp/ 2000 server;

Web 服务器—IIS5.0;

数据库服务器—SQL server2000 浏览器—IE5.0 以上版本等;

客户端: Internet Explorer(IE5.0)等。

2.3 制作步骤

再做网页之前,我确定了做网页的五个步骤。

一、确定网站主题 :网站主题就是要建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。

二、搜集材料 :明确了网站的主题以后,你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。

三、规划网站 :一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。也只有如此制作出来的网页才能有个性、有特色,具有吸引力。

四、选择合适的制作工具 :尽管选择什么样的工具并不会影响你设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。

五、制作网页 :材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小,就是说在制作网页时,先把大的结构设计好,然后再逐步完善小的结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便出现问题时好修改。在制作网页时要多灵活运用模板,这样可以大大提高制作效率。

2.4 网页制作的要素

1、网页的整体布局设计

网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时,更要注意为了达到最佳的视觉表现效果,而讲究整体布局的合理性,比如一家生产型的企业,它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验,从而方便他对产品的了解,促成最后的购买。

2、网页设计中色彩的运用

色彩是艺术表现的要素之一,在网页设计中,根据和谐、均衡和重点突出的原则,将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响,合理地加以运用,按照色彩的记忆性原则,一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质,如红色象征血、太阳;蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时,应使用淡雅而沉静的颜色,使人心理上感觉凉爽一些,增强人们的购买心理,使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制,但不能毫无节制地运用多种颜色,一般情况下,先根据总体风格的要求定出一至二种主色调,在已经有了完备的CIS(企业形象识别系统)的企业进行网页设计时,更应该按照其中的VI进行色彩运用。在色彩的运用过程中,还应注意的一个问题是:由于国家和种族、宗教和信仰的不同,以及生活的地理位置、文化修养的差异等,不同的人群对色彩的喜恶程度有着很大的差异。如:儿童喜欢对比强烈、个性鲜明的纯颜色;生活在草原上的人喜欢红色;生活在闹市中的人喜欢淡雅的颜色;生活在“沙漠”中的人喜欢绿色。在设计中要考虑众多因素。

3、网页形式与内容相统一

要将丰富的意义和多样的形式组织成统一的页面结构,形式语言必须符合页面的内容,体现内容的丰富含义。运用对比与调和、对称与平衡、节奏与韵律以及留白等手段,通过空间、文字、图形之间的相互关系建立整体的均衡状态,产生和谐的美感。如对称原则在页面设计中,它的均衡有时会使页面显得呆板,但如果加入一些富有动感的文字、图案,或采用夸张的手法来表现内容往往会达到比较好的效果。点、线、面作为视觉语言中的基本元素,要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的,很多时候都需要将它们结合起来,表达完美的设计意境。

2.5 网页制作的技巧

一张完美的主页设计需要积累丰富的知识以及掌握大量的技巧。 在这里笔者从框 架和 CSS 样式的运用两方面来介绍网页设计的技巧。 1.框架的使用 FRAME(框架)是 Web 上经常会看到的页面结构。框架的最常见 用途就是导航。 一组框架通常包括一个含有导航条的框架和另一个要显示主要内 容页面的框架。使用框架具有以下优点:访问者的浏览器不需要为每个页面重新 加载与导航相关的图形;每个框架都具有自己的滚动条(如果内容太大,在窗口 中显示不下),因此访问者可以独立滚动这些框架。例如,当框架中的内容页面 较长时,如果导航条位于不同的框架中,那么向下滚动到页面底部的访问者就不 需要再滚动回顶部来使用导航条。使用框架具有以下缺点:可能难以实现不同框 架中各元素的精确图形对齐;对导航进行测试可能很耗时间。许多专业 Web 设 计人员不喜欢使用框架,并且许多浏览 Web 的人也不喜欢框架。在大多数情况 下,这种反感是因为遇到了那些使用框架效果不佳或不必要地使用框架的站点 (例如,每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框 架使用得法(例如,在允许其他框架的内容发生更改的同时,使一个框架中的导 航控件保持静态),则这些框架对于某些站点可能非常有用。 2. CSS 样式的使用 CSS(层叠样式表)是一种制作网页的新技术,它的全称是级 联样式表,即 Cascading StyleSheets 的缩写,又称之为风格样式表单。CSS 是 在网页制作过程中普遍用到的技术。采用了 CSS 技术控制的网页,设计者会更轻 松、有效地对页面的整体布局、颜色、字体、链接、背景以及同一页面的不同部 分、不同页面的外观和格式等效果实现更加精确地控制。

2.6 网页艺术设计的特点

  1. 交互性与持续性

网页不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因,也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息,即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互,使网页艺术设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页进行调整和修改。
例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不定期的进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。

  1. 多维性

多维性源于超级链接,主要体现在网页设计中对导航的设计上。由于超级链接的出现,网页的组织结构更加丰富,浏览者可以在各种主题之间自由跳转,从而打破了以前人们接收信息的线性方式。例如,可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂,不仅使浏览者检索和查找信息增加了难度,也给设计者带来了更大的困难。为了让浏览者在网页上迅速找到所需的信息,设计者必须考虑快捷而完善的导航设计。

3、多种媒体的综合性

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等,随着网络带宽的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将促使设计者综合运用多种媒体元素来设计网页,以满足和丰富浏览者对网络信息传输质量提出的更高要求。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流(Stream)技术的推动下,Internet网上出现实时的音频和视频服务,典型的有在线音乐、在线广播、网上电影、网上直播等。因此,多种媒体的综合运用是网页艺术设计的特点之一,是未来的发展方向。

  1. 版式的不可控性

网页版式设计与传统印刷版式设计有着极大的差异:

  1. 印刷品设计者可以指定使用的纸张和油墨,而网页设计者却不能要求浏览者使用什么样的电脑或浏览器;
  2. 网络正处于不断发展之中,不象印刷那样基本具备了成熟的印刷标准;
  3. 网页设计过程中有关Web的每一件事都可能随时发生变化。

这一切说明,网络应用尚处在发展之中,关于网络应用也很难在各个方面都制订出统一的标准,这必然导致网页版式设
计的不可控制性。其具体表现为:

  1. 网页页面会根据当前浏览器窗口大小自动格式化输出;
  2. 网页的浏览者可以控制网页页面在浏览器中的显示方式;
  3. 不同种类、版本的浏览器观察同一个网页页面,效果会有所不同;
  4. 用户的浏览器工作环境不同,显示效果也会有所不同。

把所有这些问题归结为一点,即网页设计者无法控制页面在用户端的最终显示效果,但这也正是网页设计的吸引人之处。

  1. 技术与艺术结合的紧密性

设计是主观和客观共同作用的结果,是在自由和不自由之间进行的,设计者不能超越自身已有经验和所处环境提供的客观条件限制,优秀设计者正是在掌握客观规律基础上得到了完全的自由,一种想象和创造的自由。网络技术主要表现为客观因素,艺术创意主要表现为主观因素,网页设计者应该积极主动地掌握现有的各种网络技术规律,注重技术和艺术紧密结合,这样才能穷尽技术之长,实现艺术想象,满足浏览者对网页信息的高质量需求。例如,浏览者欣赏一段音乐或电影,以前必须先将这段音乐或电影下载回本地机器,然后使用相应的程序来播放,由于音频或视频文件都比较大,需要较长的下载时间。流(Stream)技术出现以后,网页设计者充分、巧妙地应用此技术,让浏览者在下载过程中就可以欣赏这段音乐或电影,实现了实时的网上视频直播服务和在线欣赏音乐服务,无疑增强了页面传播信息的表现力和感染力。

网络技术与艺术创意的紧密结合,使网页的艺术设计由平面设计扩展到立体设计,由纯粹的视觉艺术扩展到空间听觉艺术,网页效果不再近似于书籍或报刊杂志等印刷媒体,而更接近于电影或电视的观赏效果。技术发展促进了技术与艺术的紧密结合,把浏览者带入一个真正现实中的虚拟世界。

第3章 网页详细设计与分析

3.1 建立布局

在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。Dreamweaver cs3是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。大家都知道,没有表格的帮助,很难组织出一个协调合理的页面。

1、点击“ALT+F6”键,进入布局模式,插入布局表格。建立一个大概的布局。

2、使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,所以表格大小和图片尺寸都要控制好。

3.2 网页中的图像

图像传输是WWW的真正魅力所在,它与文字相比具有显著的优点:一是直观,人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度;二是能更清楚地表达细节内容。正是由于这些优点,所以在进行网页设计时图像很受欢迎。如果网页做得像一幅风景画,浏览者一定会流连忘返(如果图片很大,效果会适得其反)。 图像文件的格式有几十种,如GIF、JPEG、BMP、EPS、PCX、PNG、FAS、TGA、TIFF、WMF等,现在Internet Explorer和Netscape支持的、最常用的图像格式是GIF、JPEG和BMP。

3.2.1在网页中插入图像

利用Dreamweaver cs3可以方便地在网页中插入图像,还可以设置图像边框、大小、和位置,并且可以直接对图像进行编辑。在网页中加入图像的操作非常简单:

1、新建一个空白网页,把光标定位在网页的开始位置。

2、打开“工具”菜单,选择“图片”菜单项,在子菜单中选择“来自文件”菜单项,或者单击工具栏中的图片工具图标,弹出一个“图片”对话框。

3、在此对话框中单击“浏览”按钮,出现一个“选择文件”对话框。

4、在“选择文件”对话框的文件列表中选择某个图像文件,然后单击“确定”按钮,或直接双击该图像文件,该图像即被加入到网页中。在网页中插入图像后我们就可以对图像的各种属性进行设置了。

3.2.2图像的各种属性设置

  1. 选中所插入的图片,单击鼠标右键,弹出一个快捷菜单,在菜单中选择“图片属性”菜单项,出现一个“图片属性”对话框。2、打开“外观”选项卡。
  1. 设定图像边框粗细:在“外观”选项卡的“布局”栏里可以根据需要定义图像的边框,也可以定义边框值为“0”,即无边框。

(2)设置图像环绕方式:一般情况下一幅图像只能与一行文字处在同一高度,但有时需要将图像和文字分开,且两者互不影响。比如在网页左边插入一幅图像,要求右边的文字就像没有图像时可以多行输入,这就要通过设置图像的环绕方式来实现。在网页中图像的环绕方式有两种:

①左环绕:图像在左边,文本在图像的右边进行环绕。

②右环绕:图像在右边,文本在图像的左边进行环绕。

在“外观”选项卡的“布局”栏中打开“对齐方式”下拉列表框,选择“左”选项,并单击“确定”按钮,图像就被设置为左环绕方式,同样,如果选“右”,图像就被设置为右环绕方式。

(3)编辑图像大小:在Dreamweaver cs3中,当在网页中加入一幅图像后,图像大小默认设置为其原来的大小,如果加入的图像太大或太小,或有其他特别需要,就得调整图像的大小。调整图像大小非常简单灵活,只要你选中加入的图像,用鼠标左键拖动图像边框,可任意调整图像的宽度和高度直到达到你满意的尺寸。

(4)设置图像缩放比例:网页设计的一个重要原则就是网页的兼容性,对于不同的浏览器或者不同的分辨率,不管是800×600的窗口,还是1024×768的窗口,网页都要能正常的显示。设置图像缩放比例就是将图像设置为大小可以按比例变化,与浏览器的大小成一固定比例,这样在不同大小的浏览器窗口里图像都能正常的显示外观。

设置图像缩放比例的步骤如下:

1、选中网页中的图像,单击鼠标右键,在弹出的快捷菜单里,选择“图像属性”菜单项,弹出一个“图像属性”对话框.

2、在“大小”栏中选中“指定大小”复选框,同时选中“宽度”和“高度”下面的“百分比”单选按钮,然后在“宽度”和“高度”栏里输入想显示的比例,单击“确定”完成设置。外还可以在“外观”选项卡的“水平间距”和“垂直间距”栏里进行设置,水平间距是指图像与周围元素在水平方向的间距,以象素为单位;垂直间距指图像与周围元素在垂直方向的间距。

3.2.3 怎样编辑网页中的图像

在Dreamweaver cs3中,可以使用“图片”工具栏中的各种工具对网页中的图像进行编辑,编辑功能主要有:图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。

另外,为了使图片更符合要求,我们还在photoshopcs3中队所用的图片进行了处理,使得图片看起来更加精细美观,符合我们的主题要求。

3.2.4 使用背景图像

使用背景图像与使用背景色不同,使用背景色只将网页的背景用某种颜色填充,而使用背景图像则是将网页的背景用图像平铺。这样做可以使制作的网页更美观好看。网页中使用背景图像的具体步骤如下:

1、新建一个空白网页。

2、单击鼠标右键,弹出的快捷菜单里选“网页属性”,弹出“网页属性”对话框.

3、开“背景”选项卡。

4、在“背景”选项卡的“格式”栏中选中“背景图片”复选框,然后单击下面的“浏览”按钮,出现一个“选择背景图片”对话框。

5、在“选择背景图像”对话框中单击“浏览文件”按钮,出现一个“选择文件”对话框。

6、在“选择文件”对话框的文件列表中选择图像文件,单击“确定”按钮。

这样,所选图片将作为整个网页的背景,如果在第4步时同时选中“水印”复选框,背景图片将显示为特殊的水印效果,当网页滚动时,背景不动,只有网页内容滚动,产生一种透明层的效果,非常吸引人。

3.2.5 插入flash动画

关于 Flash 视频 使用 Dreamweaver 中的“插入 Flash 视频”命令,可将 Flash 视频内容插入 Web 页面,而无需使用 Flash 创作工具。该命令可以插入 Flash 组件;当您在浏览器中查看它时,它显示所选择的 Flash 视频内容以及一组播放控件。

3.2.6 设置鼠标经过图片,进行图片交互

在插入图片的下拉菜单中有一项是“鼠标经过”,点击这一项,会弹出一个对话框,在对话框中可以设置鼠标经过前的图片和经过时的图片,选择“确定”即可。

3.2.7 设置链接

选中图片或者文字,在下面的链接属性中输入所要连接到的地址,同时,下方的目标属性被激活,输入blank设置成在新窗口中打开网页。我们设置了链接本站点的网页页面,同时也连接了外网,使得大家访问页面时能够查询更多详细的信息,方便用户查询。

3.3 网站的维护

网站维护就是对服务器及相关软硬件的维护,对可能出现的问题进行评估, 制定响应时间; 数据库维护,有效地利用数据是网站维护的重要内容,因此数 据库的维护要受到重视;内容的更新、调整等;制定相关网站维护的规定,将 网站维护制度化、规范化。

网站的维护主要包括以下内容:

  1. 即时更新新闻内容;
  2.  留言、投诉、咨询、信箱定期回复;
  3. 在系统运行过程中应定期对管理员用户名和密码进行更新,并对 IIS 和 NT 权限作相 应设置。

第四章 主要模块代码

进入页面代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>仰望星空</title>

<style type="text/css">

<!--

body {

background-color: #000000;

}

.STYLE1 {

color: #FFFFFF;

font-size: 12px;

font-family: "宋体";

}

.STYLE2 {

font-size: 12px;

color: #CCCCCC;

}

.STYLE5 {

color: #FFFFFF;

font-size: 18px;

font-family: "隶书";

}

.aaaa {

font-family: "隶书";

font-size: 18px;

color: #FFFFFF;

}

a:link {

text-decoration: none;

}

a:visited {

text-decoration: none;

}

a:hover {

text-decoration: none;

}

a:active {

text-decoration: none;

}

.STYLE7 {color: #FFFFFF}

-->

</style>

<script type="text/javascript">

<!--

function MM_jumpMenu(targ,selObj,restore){ //v3.0

  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

  if (restore) selObj.selectedIndex=0;

}

//-->

</script>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

</head>

<body>

<table width="85%" border="0" align="center">

  <tr>

    <td width="240" height="80" rowspan="2"><div align="right"><img src="mysite/image/logo.gif" width="240" height="80" /></div></td>

    <td height="60" colspan="2"><div align="left"><img src="mysite/image/1-1.jpg" width="600" height="58" border="0" usemap="#Map" /></div></td>

  </tr>

  

  

  <tr>

    <td width="46%" height="29"><span class="STYLE1">当前位置:仰望星空首页</span></td>

    <td width="26%"><table width="100" border="0" align="right">

      <tr>

        <td width="71%"><div align="right"><img src="mysite/image/navigation2.jpg" width="80" height="23" /></div></td>

        <td width="29%"><form name="form" id="form">

          <select name="jumpMenu" id="jumpMenu" οnchange="MM_jumpMenu('parent',this,0)">

            <option><站内跳转></option>

            <option value="musite/1-0.html" selected="selected">太阳家族</option>

            <option value="mysite/1-1.html">--太阳</option>

            <option value="mysite/1-2.html">--水星</option>

            <option value="mysite/1-3.html">--金星</option>

            <option value="mysite/1-4.html">--地球</option>

            <option value="mysite/1-5.html">--火星</option>

            <option value="mysite/1-7.html">--木星</option>

            <option value="mysite/1-6.html">--土星</option>

            <option value="mysite/1-8.html">--天王星</option>

            <option value="mysite/1-9.html">--海王星</option>

            <option value="mysite/2-0.html">宇宙深处</option>

            <option value="mysite/2-1.html">--NGC2237</option>

            <option value="mysite/2-2.html">--超新星遗迹</option>

            <option value="mysite/2-3.html">--NGC4414</option>

            <option value="mysite/2-4.html">--NGC6543</option>

            <option value="mysite/3-0.html">天文学发展</option>

            <option value="mysite/3-1.html">--哥白尼</option>

            <option value="mysite/3-2.html">--伽利略</option>

            <option value="mysite/3-3.html">--开普勒</option>

            <option value="mysite/3-4.html">--牛顿</option>

            <option value="mysite/3-5.html">--哈雷</option>

            <option value="mysite/3-6.html">--梅西耶</option>

            <option value="mysite/3-7.html">--哈勃</option>

            <option value="mysite/3-8.html">--爱因斯坦</option>

            <option value="mysite/3-9.html">--央斯基</option>

            <option value="mysite/4-0.html">探月专题</option>

            <option value="mysite/4-2.html">--探月新闻</option>

          </select>

        </form>        </td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td height="458" colspan="3"><table width="100%" border="0">

                  <tr>

                    <td width="65%" rowspan="18"><script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','600','height','450','align','right','src','image/1234','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','image/1234' ); //end AC code

        </script>

          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="600" height="450">

            <param name="movie" value="mysite/image/1234.swf" />

            <param name="quality" value="high" />

            <embed src="mysite/image/1234.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="450"></embed>

          </object></td>

                    <td class="STYLE5"> </td>

                  </tr>

                <tr>

                  <td class="STYLE5"> </td>

                </tr>

              <tr>

                <td class="STYLE5"> </td>

              </tr>

            <tr>

              <td class="STYLE5"><div align="left">作者寄语:</div></td>

            </tr>

          

        <tr>

        <td width="35%" class="STYLE5"><div align="left">结束了一天的忙碌</div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">疲惫的你</div></td>

      </tr>

      <tr>

        <td><div align="left"><span class="STYLE5">是否会留意</span></div></td>

      </tr>

      <tr>

        <td><div align="left"><span class="STYLE5">年年夜夜都不曾改变的繁星</span></div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">紧张的生活</div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">是否冲淡了童年的回忆</div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">星空一直在那里</div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">美丽而神秘</div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">让我们一起仰望星空</div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">去寻找</div></td>

      </tr>

      <tr>

        <td class="STYLE5"><div align="left">去享受</div></td>

      </tr>

      <tr>

        <td><div align="left"><a href="mysite/enter.html" target="_self"><img src="mysite/image/enter.jpg" width="180" height="60" border="0" /></a></div></td>

      </tr>

      

      <tr>

        <td> </td>

      </tr>

      <tr>

        <td> </td>

      </tr>

    </table></td>

  </tr>

  <tr>

    <td> </td>

    <td> </td>

    <td> </td>

  </tr>

  <tr>

    <td colspan="3" class="STYLE2"><div align="center">————————————————————————————————————————————————————————</div></td>

  </tr>

  <tr>

    <td> </td>

    <td><div align="center"><span class="STYLE7">版权所有@ 090705017 冀刚毅</span></div></td>

    <td> </td>

  </tr>

</table>

<map name="Map" id="Map"><area shape="rect" coords="466,27,527,49" href="#" /><area shape="rect" coords="533,29,598,49" href="#" /></map></body>

</html>

第五章 个人总结

本设计经过查资料、整理材料、设计网页、建设网站到写作论文,今天终于可以顺利的完成论文,终于让学生在课程设计的生活,得以划下了句点。 课程设计是对我们大学生活一年来教学的一个总结性考察, 里面包含了我们学过的很多方面的知识,平时的学习都是自己听老师讲解,或者就是做练习之类,缺少了自己的独立思考,通过这次的毕业设计,让自己清楚了解到自己的学习程度,和自我学习思考的能力。从第一眼看到资料的那种眼花缭乱的感觉,到最后看到自己做出的设计论文的成功,体验了一次从茫然到无助,最后的那种成功的欣慰,真的让自己受益匪浅,也使自己明白了,无论今后做什么事情,都要坚持不懈的努力,多从问题的关键出发,分析不同的思路,多做总结与比较,从而得 到最佳的结果。 这次的论文设计让我重新了解了很多在学校所学不到的东西, 也借此回顾了 一下我大学所学的知识。它让我掌握了很多Dreamweaver、Flash和Fireworks的知识,让我对我所学过的知识有所巩固和提高。在整个过程中,我学到了新知识,扩大了知识面。也让我认识到了学海无涯的真正含义,我将会不断的学习新的知识,让自己的能力得到进一不的提升。在论文的设计中它不仅培养了我严谨的思维方法,更造就了我积极乐观的生 活态度。 而且还要做到稳重但又不失创新,开朗但不浮躁,兴趣广泛,思路开阔,办事沉稳,团结合作的精神。总之,在这次毕业设计中,我们学会了许多的知识,是大学一年来所学知识的综合运用,切实感受到设计的苦与乐。在这里希望各位老师提出意见和建议,我们定会努力学习改进,争取作出更大的进步。

参考文献

[1]邓文渊.网页制作高手[M].北京:人民邮电大学出版,2007,6

[2]李宪广.网页制作边学边用[M].北京:清华大学出版社, 2009,3

[3]网页设计入门[EB/OL].http://www.xue8.com/sale/view.asp?Article ID=288

[4]许凌云,柳勇良.网页设计全方位学习[M].北京:清华大学出版社,2008,11

[5]陈琳.photoshop cs3 入门实战与提高[M].北京:电子工业出版社,2008,11

[6]焦慧.网页制作基础与典型范例[M].北京:电子工业出版社,2008,7

[7]戎马工作室.Dreamweaver 8与asp动态网站开发[M].北京:机械工业出版社,2006,5

[8]戴一波.Dreamweaver CS3网站制作炫例精讲[M].北京:电子工业出版社, 2008,1

[9]何秀芳.网页制作与网站建设课堂实录[M].北京:人民邮电出版社. 2009,3

[10]孙连三.新编网页制作与网站建设入门与提高[M].北京:人民邮电出版社. 2008,9

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

等天晴i

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值