新闻网站的设计与制作Word格式.docx
《新闻网站的设计与制作Word格式.docx》由会员分享,可在线阅读,更多相关《新闻网站的设计与制作Word格式.docx(11页珍藏版)》请在冰豆网上搜索。
随着科学技术的不断提高,计算机科学日渐成熟,其强大的功能已为人们深刻认识,它已进入人类社会的各个领域并发挥着越来越重要的作用。
作为计算机应用的一部分,使用计算机对网上新闻发布进行管理,具有着手于管理所无法比拟的优点.例如:
检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。
这些优点能够极大地提高网上新闻发布的效率,也是企业的科学化、正规化管理,与世界接轨的重要条件。
第二部分:
工具介绍
运行平台:
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新闻浏览
该模块负责分页列出网站所有新闻的信息,包括标题、类型、来源部门字段及发布日期,每条新闻的标题被做成一个超链接,点击它们就能跳转页面进行新闻阅读。
添加代码:
<
tr>
<
tdheight="
37"
background="
images/2.png"
>
tablewidth="
1000"
height="
41"
border="
0"
tdwidth="
109"
align="
center"
divalign="
class="
STYLE1"
ahref="
index.html"
首页<
/a>
/div>
/td>
94"
2.html"
娱乐<
3.html"
体育<
95"
4.html"
国际<
92"
5.html"
科技<
97"
6.html"
财经<
81"
7.html"
军事<
/tr>
/table>
3.2新闻阅读
在其他页面中点击标题链接即进入新闻阅读页面,此时,每条新闻的详细信息将被取出,包括内容、标题、关键字等,并按照相对固定的格式放置在页面的不同区域,所有新闻使用大致相同的页面布局,只是各字段对应的内容不同而已,另外,页面其它位置,可以动态放置其他元件,如网站标志logo、页面广告banner等链接图片,这样可以很容易地实现图文并茂的阅读效果。
3.3新闻查询
该模块提供了新闻查询功能,输入待查找的内容及选定分类信息可以快速地找到符合条件的新闻,并输出查询结果。
286"
formid="
form1"
name="
method="
post"
action="
"
imgsrc="
images/4.png"
width="
25"
/>
label>
inputtype="
text"
textfield"
id="
strong>
新闻搜索<
/strong>
/label>
/form>
第四部分:
总结
经过本次的网站设计实训课程,在这次设计过程中,培养了我的自学能力,在遇到技术困难的时候,能够认真的对待,永不放弃,无论是查看各种书籍还是到图书馆中查找各种资料,想尽一切办法将这个问题解决。
我总结了很多的经验,这将在以后的学习生活中有很大的帮助。
我将理论联系实际,把书本中的知识运用到工作中。
同时我也从老师同学那里学到了很多有用的技能和技巧,使我受益非浅。
虽然有一些功能没有实现或者实现的不好,希望在以后的工作和学习生活中把它完成,弥补今天的遗憾。
打开主页index.html,各个超链接、图片、视频都能正常显示,整个网页在浏览器里能正常运行。
致谢
从这次实训课开始到论文的完成这些天里,在指导老师XX老师和同学们的地帮助下完成了这次实训课的内容。
实训课包括了两个内容:
一是网站的设计与制作:
二是论文的完成。
在网站的设计中,首先王剑老师让我们确定自己的主题,接下来是拿出网站的框架与模块,在得到老师的认同后开始了网站的制作。
网站的制作主要有Dreamweaver软件。
这门课程是大二上期学习的,在此之前也是不常使用有很多工具的使用方法都记忆比较模糊了,于是又拿起了教材复习了一遍,同时在软件上进行操练。
但是期间还是有很多不懂的地方,还好有身边的同学给我指点,让我节省了不少的时间。
在这里真心的感谢老师给与的指导和同学们的帮助。
通过对本网站的设计使我对书本上的知识点和理论有了更深一层的了解,使我学会了如何利用所学的知识,把理论结合于实践中,进一步掌握了开发新闻网站系统的流程,从而对本专业有了更深刻的认识。
此后,我会加倍努力的去研究,在熟练的基础上掌握更多的新型技术,来提高自己的开发水平。
这次课程又让我重拾过去学过的知识,让我明白学过的技巧不能丢,这做到及时温习,养成良好的学习习惯。
孔子说的,温故而知新,可以为师也。
颇有道理。
作为没有经验的我们制作一个网站,能力还是有限的,应该在自己知识基础上做突破,不懂的积极的请教别人。
最后再次衷心的感谢我的指导老师对我的指导和启发以及我的同学们,谢谢!