新闻网站的设计与制作.docx
- 文档编号:11504464
- 上传时间:2023-03-02
- 格式:DOCX
- 页数:9
- 大小:627.08KB
新闻网站的设计与制作.docx
《新闻网站的设计与制作.docx》由会员分享,可在线阅读,更多相关《新闻网站的设计与制作.docx(9页珍藏版)》请在冰豆网上搜索。
新闻网站的设计与制作
新闻网站的设计与制作
第一部分:
引言第二部分:
工具介绍
2.1Dreamweaver
2.2AdobeFireworksCS6
2.3html浏览器
第三部分:
网站结构图第三部分:
网站界面设计
3.1新闻浏览
3.2新闻阅读
10
10
3.3新闻查询
第四部分:
总结致谢
新闻网站设计与制作
确立了系统采用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
第一部分:
引言
伴随着网络的出现,网页逐渐融入人们的生活。
快速及时的新闻浏览,
五彩缤纷的网上信息,使网络与人们的生活息息相关,于是世界上又出现
新闻网站是一个新闻单位不可缺少的部分,同时也是现代网民了解时事不可
缺少的工具。
它的内容对于新闻的决策者和管理者来说都至关重要,所以新闻网站应该能够为用户提供充足的信息和快捷的查询手段。
但一直以来人们使用传统人工的方式管理文件档案,这种管理方式存在着许多缺点,如:
效率低、保密性差,另外时间一长,将产生大量的文件和数据,这对于查找、更新和维护都带来了不少的困难。
随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。
作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:
检索迅速、查找方便、可靠性高、存储量大、保
密性好、寿命长、成本低等。
这些优点能够极大地提高网上新闻发布的效率,也
是企业的科学化、正规化管理,与世界接轨的重要条件。
Dreamweave,AdobeFireworksCS6。
语言:
html。
2.1Dreamweaver
AdobeDreamweave,;简称“DW”,是美国MACROMED公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,禾用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。
AdobeDreamweaver使用所见即所得的接口,亦有HTML(标准通用标记语言下的一个应用)编辑的功能。
它有Mac和Windows系统的版本。
随Macromedia被Adobe收购后,Adobe也开始计划开发Linux版本的Dreamweaver了。
Dreamweave咱MX版本开始,使用了Opera的排版引擎"Presto"作为网页预览。
2.2AdobeFireworksCS6
网页图片处理也是网页制作一个非常重要的组成部分,图片是网页内容最有视觉冲击力的表现方法,因此,图片在网页中具有非常重要的作用,不管这些图片是作为内容还是作为修饰而存在。
常用的图片处理软件有网页三剑客中的
Fireworks和Photoshop,对于一些简单的图片处理工作用Fireworks即可完成,而对于复杂和性能要求高的图片比如jpg格式的图片往往采用Photoshop去处理。
本网站的图片主要使用Fireworks。
AdobeFireworksCS6[1]是专业的网页图片设计、制作与编辑软件。
它不仅可以轻松制作出各种动感的Gif、动态按钮、动态翻转等网络图片。
更重要的是
Fireworks可以轻松地实现大图切割,让网页加载图片时,显示速度更快!
让你
在弹指间便能制作出精美的矢量和点阵图、模型、3D图形和交互式内容,无需
编码,直接应用于网页和移动应用程序!
FireworksCS6更是利用jQuery支持制作移动主题,从设计组件中添加CSSSprite图像。
为网页、智能手机和平板电脑应用程序提取简洁的CSS3代码。
利用适用于MacOS的增强的重绘性能和适用于Windows?
的内存管理,大大提高工作效率。
利用增强型色板快速更改颜色。
2.3html浏览器
网页浏览器是个显示网页服务器或档案系统内的文件,并让用户与此些文件互动的一种软件。
它用来显示在万维网或局部局域网络等内的文字、影像及其他资讯。
这些文字或影像,可以是连接其他网址的超链接,用户可迅速及轻易地浏览各种资讯。
网页一般是HTM啲格式。
有些网页是需使用特定的浏览器才能正确显示。
本网站的设计主要使用360安全浏览器。
第三部分:
网站界面设计
本主界面为index.html,它的功能是显示新闻类别,热点新闻中的7条新闻和最新新闻,并提供新闻的详细分类。
新闻以文字、图片以及视频的方式传递信息。
它是由2.html,2.1.html,娱乐.Html等模块组成。
冷•垃fl"皿;f*4盘勺理代・片富*・+4:
(fi-rs>i>L0-2:
?
沁皐鼻J?
审Jdr*輸札isL:
MlE土酣直曲忙TQ-ZLj
rfi購転斗士;LiA左曲中E*A・;申弓目:
:
9;:
?
z但
-FH.rt范12不上尸«生Ei?
]-LV^a【KAH诅:
■hHS中0?
^:
叵tl耳mH田
•苛百柴需人Fl口弑n』H」汁ViiWiQir:
hv
讥jt鬪吉営E!
^总:
H・hKIIUmI=n7:
.L'
,用肾■樹屈HfLU:
.BRWfl协二局导《1
■Hr
无论是专业网站还是企业网站,一个网站对其内容的管理都要涉及到采编、分类、发布、浏览、检索等内容。
信息管理实现网站内容的更新与维护,提供在后台输人、查询、修改、删除各类别和专题中的具体信息的功能,选择本信息是否出现在栏目的首页、网站的首页等一系列完善的信息管理功能。
系统的主要功能是通过几个功能模块来实现的。
具体的设计过程如下:
3.1新闻浏览
该模块负责分页列出网站所有新闻的信息,包括标题、类型、来源部门字段
及发布日期,
每条新闻的标题被做成一个超链接,点击它们就能跳转页面进行新
闻阅读。
"痢俪刘诗详杨幕郑喪盘点新生代扫富美"女神(E)[2013-10-23]苹果发布iFadAit■平板电脑11月1目中国首发C2OL3-1Q-22]
》》〉日确定#击落进入钓鱼島中a无人机中方回应[2013-10-18]
金三孕报岀炉解密基金建仓路[2013-10-21]
>»KS:
梅匹找平卡卡由攻巴?
H-lQK兰[2 添加代码: Vtdheight="37"background="images/2.png">vtablewidth="1000"height="41"border="0"> class="STYLE1">
3.2新闻阅读
在其他页面中点击标题链接即进入新闻阅读页面,此时,每条新闻的详细信息将被取出,包括内容、标题、关键字等,并按照相对固定的格式放置在页面的不同区域,所有新闻使用大致相同的页面布局,只是各字段对应的内容不同而已,另外,页面其它位置,可以动态放置其他元件,如网站标志logo、页面广告banner等链接图片,这样可以很容易地实现图文并茂的阅读效果。
白宫过万圣节奥巴马夫妇分发果招特儿童
£013^11^01011;£&来源:
海夕卜网
查看原S
澎网冋日电当地时嗣I琳哗述,蠶欝St羈鬻来'奥巴马夫妇在白宴提肴蓝子向儿戢放糖
3.3新闻查询
该模块提供了新闻查询功能,输入待查找的内容及选定分类信息可以快速地
找到符合条件的新闻,并输出查询结果。
O吐活]-O[学习]・QLK栗]■O[手机]-◎[足球]■◎[健康]-
添加代码:
第四部分:
总结
经过本次的网站设计实训课程,在这次设计过程中,培养了我的自学能力,在遇到技术困难的时候,能够认真的对待,永不放弃,无论是查看各种书籍还是到图书馆中查找各种资料,想尽一切办法将这个问题解决。
我总结了很多的经验,这将在以后的学习生活中有很大的帮助。
我将理论联系实际,把书本中的知识运用到工作中。
同时我也从老师同学那里学到了很多有用的技能和技巧,使我受益非浅。
虽然有一些功能没有实现或者实现的不好,希望在以后的工作和学习生活中把它完成,弥补今天的遗憾。
打开主页index.html,各个超链接、图片、视频都能正常显示,整个网页在浏览器里能正常运行。
致谢
从这次实训课开始到论文的完成这些天里,在指导老师XX老师和同学们的
地帮助下完成了这次实训课的内容。
实训课包括了两个内容:
一是网站的设计与制作:
二是论文的完成。
在网站的设计中,首先王剑老师让我们确定自己的主题,接下来是拿出网站的框架与模块,在得到老师的认同后开始了网站的制作。
网站的制作主要有Dreamweave嗽件。
这门课程是大二上期学习的,在此之前也是不常使用有很多工具的使用方法都记忆比较模糊了,于是又拿起了教材复习了一遍,同时在软件上进行操练。
但是期间还是有很多不懂的地方,还好有身边的同学给我指点,让我节省了不少的时间。
在这里真心的感谢老师给与的指导和同学们的帮助。
通过对本网站的设计使我对书本上的知识点和理论有了更深一层的了解,使我学会了如何利用所学的知识,把理论结合于实践中,进一步掌握了开发新闻网站系统的流程,从而对本专业有了更深刻的认识。
此后,我会加倍努力的去研究,在熟练的基础上掌握更多的新型技术,来提高自己的开发水平。
这次课程又让我重拾过去学过的知识,让我明白学过的技巧不能丢,这做到及时温习,养成良好的学习习惯。
孔子说的,温故而知新,可以为师也。
颇有道理。
作为没有经验的我们制作一个网站,能力还是有限的,应该在自己知识基础上做突破,不懂的积极的请教别人。
最后再次衷心的感谢我的指导老师对我的指导和启发以及我的同学们,谢谢!
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 新闻 网站 设计 制作