新闻网站的设计与制作.docx

新闻网站的设计与制作.docx

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

新闻网站的设计与制作

题目：

新闻网站的设计与制作

新闻网站设计与制作

摘要：

随着现代网络信息的快速发展，人们对外界的信息需求越来越高。

本论文将从建站的实际情况出发，经过对有关网站新闻网站的一番考察和分析。

确立了系统采用Dreamweaver作为开发环境，AdobeFireworksCS6作为辅助工具。

阐述系统的结构设计和功能设计，实现新闻的分类显示，最近新闻显示、热点新闻显示、搜索、等。

登陆本网站后可以了解到当下最新的新闻资讯，浏览到社会各方面的详细消息。

本网站具有很好的外部接口，较好的容错性，能够承受大量用户同时浏览的压力，满足大部分新闻发布的需求，能够很好的配合其它子系统服务于网站的新闻发布。

网站主要以文字、图片、视频合理并且有序地呈现在大家面前。

简单的说,新闻网站就是充当一个网络新闻媒介的功能。

关键词：

新闻网站；Dreamweaver；设计

NewsWebsiteDesignArticles

Abstract:

Withtherapiddevelopmentofmodernnetworkinformation,peopleincreasinglyhighdemandforoutsideinformation.ThispaperwillBuildtheactualsituation,throughtosomenewssitesaboutthesiteinvestigationandanalysis.EstablishedasystemusingDreamweaverasthedevelopmentenvironment,AdobeFireworksCS6asanauxiliarytool.Elaboratestructureofthesystemdesignandfunctionaldesign,implementation,newsclassificationshowsthattherecentnewsshow,hotnewsshow,search,andsoon.Afterlandingonthiswebsiteyoucanlearnthelatestnewsandinformationinstantly,navigatetothesocialaspectsofthedetailednews.Thissitehasagoodexternalinterface,betterfaulttolerance,abletowithstandthepressureofalargenumberofuserstosimultaneouslyview,tomeettheneedsofmostpressreleases,canbeverygoodwithothersubsystemsservingthewebsite'snewsrelease.Websitemainlytext,pictures,videoandreasonableandorderlypresentationinfrontofeveryone.Simplyput,thenewssiteistoactasanetworkmediafunctions.

Keyword:

Newssites;Dreamweaver;design

第一部分：

引言

伴随着网络的出现，网页逐渐融入人们的生活。

快速及时的新闻浏览，五彩缤纷的网上信息，使网络与人们的生活息息相关，于是世界上又出现了第三媒体——Internet。

新闻网站是一个新闻单位不可缺少的部分,同时也是现代网民了解时事不可缺少的工具。

它的内容对于新闻的决策者和管理者来说都至关重要,所以新闻网站应该能够为用户提供充足的信息和快捷的查询手段。

但一直以来人们使用传统人工的方式管理文件档案，这种管理方式存在着许多缺点,如:

效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。

　随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。

作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:

检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。

这些优点能够极大地提高网上新闻发布的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。

第二部分：

工具介绍

运行平台：

html浏览器（360安全浏览器）。

开发平台：

Dreamweaver，AdobeFireworksCS6。

语言：

html。

2.1Dreamweaver

AdobeDreamweaver，简称“DW”，是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

AdobeDreamweaver使用所见即所得的接口，亦有HTML（标准通用标记语言下的一个应用）编辑的功能。

它有Mac和Windows系统的版本。

随Macromedia被Adobe收购后，Adobe也开始计划开发Linux版本的Dreamweaver了。

Dreamweaver自MX版本开始，使用了Opera的排版引擎"Presto"作为网页预览。

2.2AdobeFireworksCS6

网页图片处理也是网页制作一个非常重要的组成部分,图片是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。

常用的图片处理软件有网页三剑客中的Fireworks和Photoshop,对于一些简单的图片处理工作用Fireworks即可完成,而对于复杂和性能要求高的图片比如jpg格式的图片往往采用Photoshop去处理。

本网站的图片主要使用Fireworks。

AdobeFireworksCS6[1]是专业的网页图片设计、制作与编辑软件。

它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片。

更重要的是Fireworks可以轻松地实现大图切割，让网页加载图片时，显示速度更快！

让你在弹指间便能制作出精美的矢量和点阵图、模型、3D图形和交互式内容，无需编码，直接应用于网页和移动应用程序！

FireworksCS6更是利用jQuery支持制作移动主题，从设计组件中添加CSSSprite图像。

为网页、智能手机和平板电脑应用程序提取简洁的CSS3代码。

利用适用于MacOS的增强的重绘性能和适用于Windows®的内存管理，大大提高工作效率。

利用增强型色板快速更改颜色。

2.3html浏览器

网页浏览器是个显示网页服务器或档案系统内的文件，并让用户与此些文件互动的一种软件。

它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。

这些文字或影像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种资讯。

网页一般是HTML的格式。

有些网页是需使用特定的浏览器才能正确显示。

本网站的设计主要使用360安全浏览器。

第三部分：

网站结构图

第三部分：

网站界面设计

本主界面为index.html，它的功能是显示新闻类别,热点新闻中的7条新闻和最新新闻，并提供新闻的详细分类。

新闻以文字、图片以及视频的方式传递信息。

它是由2.html，2.1.html，娱乐.Html等模块组成。

无论是专业网站还是企业网站，一个网站对其内容的管理都要涉及到采编、分类、发布、浏览、检索等内容。

信息管理实现网站内容的更新与维护，提供在后台输人、查询、修改、删除各类别和专题中的具体信息的功能，选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。

系统的主要功能是通过几个功能模块来实现的。

具体的设计过程如下：

3.1新闻浏览

该模块负责分页列出网站所有新闻的信息，包括标题、类型、来源部门字段及发布日期，每条新闻的标题被做成一个超链接，点击它们就能跳转页面进行新闻阅读。

添加代码：

首页