新闻网站的设计与制作

《新闻网站的设计与制作》由会员分享，可在线阅读，更多相关《新闻网站的设计与制作（14页珍藏版）》请在装配图网上搜索。

1、 题 目 ： 新闻网站的设计与制作 目录第一部分：引言3第二部分：工具介绍32.1 Dreamweaver32.2 Adobe Fireworks CS642.3 html浏览器4第三部分：网站结构图5第三部分：网站界面设计53.1 新闻浏览73.2 新闻阅读83.3 新闻查询9第四部分：总结10致谢10新闻网站设计与制作摘要：随着现代网络信息的快速发展，人们对外界的信息需求越来越高。本论文将从建站的实际情况出发，经过对有关网站新闻网站的一番考察和分析。确立了系统采用Dream weaver作为开发环境，Adobe Fireworks CS6作为辅助工具。阐述系统的结构设计和功能设计，实现新闻

2、的分类显示，最近新闻显示、热点新闻显示、搜索、等。登陆本网站后可以了解到当下最新的新闻资讯，浏览到社会各方面的详细消息。本网站具有很好的外部接口，较好的容错性，能够承受大量用户同时浏览的压力，满足大部分新闻发布的需求，能够很好的配合其它子系统服务于网站的新闻发布。网站主要以文字、图片、视频合理并且有序地呈现在大家面前。简单的说,新闻网站就是充当一个网络新闻媒介的功能。关键词：新闻网站；Dream weaver；设计News Website Design ArticlesAbstract: With the rapid development of modern network informat

3、ion, people increasingly high demand for outside information. This paper will Build the actual situation, through to some news sites about the site investigation and analysis. Established a system using Dream weaver as the development environment, Adobe Fireworks CS6 as an auxiliary tool. Elaborate

4、structure of the system design and functional design, implementation, news classification shows that the recent news show, hot news show, search, and so on. After landing on this website you can learn the latest news and information instantly, navigate to the social aspects of the detailed news. Thi

5、s site has a good external interface, better fault tolerance, able to withstand the pressure of a large number of users to simultaneously view, to meet the needs of most press releases, can be very good with other subsystems serving the websites news release. Website mainly text, pictures, video and

6、 reasonable and orderly presentation in front of everyone. Simply put, the news site is to act as a network media functions.Key word: News sites; Dreamweaver; design 第一部分：引言 伴随着网络的出现，网页逐渐融入人们的生活。快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体Internet。新闻网站是一个新闻单位不可缺少的部分,同时也是现代网民了解时事不可缺少的工具。它的内容对于新闻的决

7、策者和管理者来说都至关重要,所以新闻网站应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件档案，这种管理方式存在着许多缺点,如:效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。 随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。 作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高网上新闻发布的效率,也

8、是企业的科学化、正规化管理,与世界接轨的重要条件。第二部分：工具介绍运行平台：html浏览器（360安全浏览器）。开发平台：Dreamweaver，Adobe Fireworks CS6。语言：html。2.1 DreamweaverAdobe Dreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用

9、）编辑的功能。它有Mac和Windows系统的版本。随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。 Dreamweaver自MX版本开始，使用了Opera的排版引擎Presto 作为网页预览。2.2 Adobe Fireworks CS6 网页图片处理也是网页制作一个非常重要的组成部分,图片是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。常用的图片处理软件有网页三剑客中的Fireworks和Photoshop,对于一些简单的图片处理工作用Fireworks即可完成,

10、而对于复杂和性能要求高的图片比如jpg格式的图片往往采用Photoshop去处理。本网站的图片主要使用Fireworks。Adobe Fireworks CS61是专业的网页图片设计、制作与编辑软件。它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片。更重要的是Fireworks可以轻松地实现大图切割，让网页加载图片时，显示速度更快！让你在弹指间便能制作出精美的矢量和点阵图、模型、3D 图形和交互式内容，无需编码，直接应用于网页和移动应用程序！Fireworks CS6更是利用 jQuery 支持制作移动主题，从设计组件中添加 CSS Sprite 图像。为网页、智能手机和平板

11、电脑应用程序提取简洁的 CSS3 代码。利用适用于 Mac OS 的增强的重绘性能和适用于 Windows 的内存管理，大大提高工作效率。利用增强型色板快速更改颜色。2.3 html浏览器 网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是HTML的格式。有些网页是需使用特定的浏览器才能正确显示。本网站的设计主要使用360安全浏览器。第三部分：网站结构图第三部分：网站界面设计 本主界面为index.html，它的功能是

12、显示新闻类别,热点新闻中的7条新闻和最新新闻，并提供新闻的详细分类。新闻以文字、图片以及视频的方式传递信息。它是由2.html，2.1.html，娱乐.Html等模块组成。无论是专业网站还是企业网站，一个网站对其内容的管理都要涉及到采编、分类、发布、浏览、检索等内容。信息管理实现网站内容的更新与维护，提供在后台输人、查询、修改、删除各类别和专题中的具体信息的功能，选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。系统的主要功能是通过几个功能模块来实现的。具体的设计过程如下： 3.1 新闻浏览 该模块负责分页列出网站所有新闻的信息，包括标题、类型、来源部门字段及发布日期，每条

13、新闻的标题被做成一个超链接，点击它们就能跳转页面进行新闻阅读。 添加代码： 首页 娱乐 体育 国际 科技 财经 军事 3.2 新闻阅读 在其他页面中点击标题链接即进入新闻阅读页面，此时，每条新闻的详细信息将被取出，包括内容、标题、关键字等，并按照相对固定的格式放置在页面的不同区域，所有新闻使用大致相同的页面布局，只是各字段对应的内容不同而已，另外，页面其它位置，可以动态放置其他元件，如网站标志logo、页面广告banner等链接图片，这样可以很容易地实现图文并茂的阅读效果。 3.3 新闻查询 该模块提供了新闻查询功能，输入待查找的内容及选定分类信息可以快速地找到符合条件的新闻，并输出查询结果。

14、添加代码： 新闻搜索 第四部分：总结经过本次的网站设计实训课程，在这次设计过程中，培养了我的自学能力，在遇到技术困难的时候，能够认真的对待，永不放弃，无论是查看各种书籍还是到图书馆中查找各种资料，想尽一切办法将这个问题解决。我总结了很多的经验，这将在以后的学习生活中有很大的帮助。我将理论联系实际，把书本中的知识运用到工作中。同时我也从老师同学那里学到了很多有用的技能和技巧，使我受益非浅。虽然有一些功能没有实现或者实现的不好，希望在以后的工作和学习生活中把它完成，弥补今天的遗憾。打开主页index.html，各个超链接、图片、视频都能正常显示，整个网页在浏览器里能正常运行。致谢 从这次实训课开始

15、到论文的完成这些天里，在指导老师XX老师和同学们的地帮助下完成了这次实训课的内容。实训课包括了两个内容：一是网站的设计与制作：二是论文的完成。在网站的设计中，首先王剑老师让我们确定自己的主题，接下来是拿出网站的框架与模块，在得到老师的认同后开始了网站的制作。 网站的制作主要有Dreamweaver软件。这门课程是大二上期学习的，在此之前也是不常使用有很多工具的使用方法都记忆比较模糊了，于是又拿起了教材复习了一遍，同时在软件上进行操练。但是期间还是有很多不懂的地方，还好有身边的同学给我指点，让我节省了不少的时间。在这里真心的感谢老师给与的指导和同学们的帮助。通过对本网站的设计使我对书本上的知识点和理论有了更深一层的了解，使我学会了如何利用所学的知识,把理论结合于实践中,进一步掌握了开发新闻网站系统的流程,从而对本专业有了更深刻的认识。此后,我会加倍努力的去研究,在熟练的基础上掌握更多的新型技术,来提高自己的开发水平。这次课程又让我重拾过去学过的知识，让我明白学过的技巧不能丢，这做到及时温习，养成良好的学习习惯。孔子说的，温故而知新，可以为师也。颇有道理。作为没有经验的我们制作一个网站，能力还是有限的，应该在自己知识基础上做突破，不懂的积极的请教别人。最后再次衷心的感谢我的指导老师对我的指导和启发以及我的同学们，谢谢！