《新闻网站的设计与制作》由会员分享，可在线阅读，更多相关《新闻网站的设计与制作（14页珍藏版）》请在金锄头文库上搜索。
1、0题 目 ： 新闻网站的设计与制作 第 1 页目录第一部分：引言 .3第二部分：工具介绍 .32.1 Dreamweaver.32.2 Adobe Fireworks CS6.42.3 html浏览器 .4第三部分：网站结构图 .5第三部分：网站界面设计 .53.1 新闻浏览 .73.2 新闻阅读 .83.3 新闻查询 .9第四部分：总结 .10第 2 页致谢 .10新闻网站设计与制作摘要：随着现代网络信息的快速发展，人们对外界的信息需求越来越高。本论文将从建站的实际情况出发，经过对有关网站新闻网站的一番考察和分析。确立了系统采用 Dream weaver 作为开发环境，Adobe Firew
2、orks CS6 作为辅助工具。阐述系统的结构设计和功能设计，实现新闻的分类显示，最近新闻显示、热点新闻显示、搜索、等。登陆本网站后可以了解到当下最新的新闻资讯，浏览到社会各方面的详细消息。本网站具有很好的外部接口，较好的容错性，能够承受大量用户同时浏览的压力，满足大部分新闻发布的需求，能够很好的配合其它子系统服务于网站的新闻发布。网站主要以文字、图片、视频合理并且有序地呈现在大家面前。简单的说,新闻网站就是充当一个网络新闻媒介的功能。第 3 页关键词：新闻网站；Dream weaver；设计News Website Design ArticlesAbstract: With the rapi
3、d development of modern network information, 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 Firewo
4、rks CS6 as an auxiliary tool. Elaborate 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
5、social aspects of the detailed news. This 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.
6、Website mainly text, pictures, video and 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第一部分：引言伴 随 着 网 络 的 出 现 ， 网 页 逐 渐 融 入 人 们 的 生 活 。 快 速 及 时 的 新 闻 浏 览 ，五 彩 缤 纷 的 网 上 信 息 ， 使 网 络 与
7、 人 们 的 生 活 息 息 相 关 ， 于 是 世 界 上 又 出 现 了第 三 媒 体 Internet。新闻网站是一个新闻单位不可缺少的部分,同时也是现代网民了解时事不可缺少的工具。它的内容对于新闻的决策者和管理者来说都至关重要,所以新闻网站应该能够为用户提供充足的信息和快捷的查询手段。但一直以来人们使用传统人工的方式管理文件档案，这种管理方式存在着许多缺点,如:效率低、保密第 4 页性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的
8、作用。作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高网上新闻发布的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。第二部分：工具介绍运行平台：html 浏览器（360 安全浏览器） 。开发平台：Dreamweaver，Adobe Fireworks CS6。语言：html。2.1 DreamweaverAdobe Dreamweaver，简称“DW” ，是美国 MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第
9、一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Adobe Dreamweaver使用所见即所得的接口，亦有 HTML（标准通用标记语言下的一个应用）编辑的功能。它有 Mac和 Windows系统的版本。随Macromedia被 Adobe收购后，Adobe 也开始计划开发 Linux版本的Dreamweaver了。 Dreamweaver自 MX版本开始，使用了 Opera的排版引擎Presto 作为网页预览。2.2 Adobe Fireworks CS6第 5 页网页图片处理也是网页制作一个非常重要的组成部分,图片
10、是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。常用的图片处理软件有网页三剑客中的Fireworks和 Photoshop,对于一些简单的图片处理工作用 Fireworks即可完成,而对于复杂和性能要求高的图片比如 jpg格式的图片往往采用 Photoshop去处理。本网站的图片主要使用 Fireworks。Adobe Fireworks CS61是专业的网页图片设计、制作与编辑软件。它不仅可以轻松制作出各种动感的 Gif、动态按钮、动态翻转等网络图片。更重要的是 Fireworks可以轻松地实现大图切割，让网页加载图片时，显
11、示速度更快！让你在弹指间便能制作出精美的矢量和点阵图、模型、3D 图形和交互式内容，无需编码，直接应用于网页和移动应用程序！Fireworks CS6更是利用 jQuery 支持制作移动主题，从设计组件中添加 CSS Sprite 图像。为网页、智能手机和平板电脑应用程序提取简洁的 CSS3 代码。利用适用于 Mac OS 的增强的重绘性能和适用于 Windows 的内存管理，大大提高工作效率。利用增强型色板快速更改颜色。2.3 html浏览器网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。这些文字或
12、影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。网页一般是 HTML的格式。有些网页是需使用特定的浏览器才能正确显示。本网站的设计主要使用 360安全浏览器。第 6 页第三部分：网站结构图第三部分：网站界面设计本主界面为 index.html，它的功能是显示新闻类别,热点新闻中的 7条新闻和最新新闻，并提供新闻的详细分类。新闻以文字、图片以及视频的方式传递信息。它是由 2.html，2.1.html，娱乐.Html 等模块组成。第 7 页无论是专业网站还是企业网站，一个网站对其内容的管理都要涉及到采编、分类、发布、浏览、检索等内容。信息管理实现网站内容的更新与维护，提供在后台
13、输人、查询、修改、删除各类别和专题中的具体信息的功能，选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。第 8 页系统的主要功能是通过几个功能模块来实现的。具体的设计过程如下：3.1 新闻浏览该模块负责分页列出网站所有新闻的信息，包括标题、类型、来源部门字段及发布日期，每条新闻的标题被做成一个超链接，点击它们就能跳转页面进行新闻阅读。 添加代码：第 9 页首页娱乐体育国际科技财经军事3.2 新闻阅读在其他页面中点击标题链接即进入新闻阅读页面，此时，每条新闻的详细信息将被取出，包括内容、标题、关键字等，并按照相对固定的格式放置在页面的不同区域，所有新闻使用大致相同的页面布局，
14、只是各字段对应的内容不第 10 页同而已，另外，页面其它位置，可以动态放置其他元件，如网站标志 logo、页面广告 banner等链接图片，这样可以很容易地实现图文并茂的阅读效果。3.3 新闻查询该模块提供了新闻查询功能，输入待查找的内容及选定分类信息可以快速地找到符合条件的新闻，并输出查询结果。第 11 页添加代码：新闻搜索第四部分：总结经过本次的网站设计实训课程，在这次设计过程中，培养了我的自学能力，在遇到技术困难的时候，能够认真的对待，永不放弃，无论是查看各种书籍还是到图书馆中查找各种资料，想尽一切办法将这个问题解决。我总结了很多的经验，这将在以后的学习生活中有很大的帮助。我将理论联系实际，把书本中的知识运用到工作中。同时我也从老师同学那里学到了很多有用的技能和技巧，使我受益非浅。虽然有一些功能没有实现或者实现的不好，希望在以后的工作和学习生活中把它完成，弥补今天的遗憾。第 12 页打开主页 index.html，各个超链接、图片、视频都能正常显示，整个网页在浏览器里能正常运行。致谢从这次实训课开始到论文的完成这些天里，在指导老师 XX老师和同学们的地帮助下完成了这次实训课的内容。实训课包括了两个内容：一是网站的设计与制作：二是论文的完成。在网站的设计中，首先王剑老
