美文网站设计项目报告.PDF

美文网站设计项目报告 学 号： 2012330108 姓 名： 侯忠宏 班 级：12 级网络工程师 《 》 主题网站设计方案 一、网站介绍： 伴随着我国经济的不断发展，人们生活水平的提高，精神和物 质上的投入与日俱增。人们越来越重视精神文明，特别是文学方 面。这为不带实用目的专供直觉欣赏作品的产业打开了发展新天 地，文学发展迎来了另一个高峰期。 而随着网络文化的发展，美文的概念已经不限定于某种文体， 或某类内容。网络文化是一种开放、自由的文化，给美文的概念 也赋予了更多的开放自由的元素，一个好的美文网是一个精品文 章阅读网站，有伤感文章，爱情美文，人生哲理在线阅读欣赏。 是一个不可多得的心灵驿站，天下美文应有竟有。让更多人理解 美文，能写出美文。 美文网站一个用语言和文字编织着的大家庭。用自己的文字谱 写着生活的那些点点滴滴。用文字让读者了解更多的事实和道 理。希望我们的文字可以打动更多的人,让人们享受文字的魅力, 从文章中学会享受生活。 二、网站理念 1．引导人们鉴赏美文 通过美文品赏人文精神，集美文摘抄、生活技巧、精品文摘、 娱乐实用和深度为一体。 2 2．品赏美文中的语言美 品赏美文中的语言，增强语言的感受力。 3．挖掘美文的情操美 培养读者正确的审美观念和审美情趣。 4．给读者作者提供相互交流的平台 好的美文大家赏，相互交流可以提高写作能力。 三、网站布局 1.首页布局： 3 （1）通过网页元素中的表格设计出的布局，分为上中下三部 分，设计出美观的网页，并且在网页中的表格中放入图像、 文字、动画等内容； （2）由首页图可以看出，页面主要分为五个部分：页面顶端的 网站主题“逝去的青春”和网站Logo；下面左侧部分的Flash 闪图，中间的最新更新以及右侧的会员中心；中间部分的 导航菜单和下面的相关美文链接，右侧部分是最新美文； 中下部分是美文美图和相关美文链接，右侧部分是随机美 文阅读和文章阅读月排行；网页最下方是页面链接、版权 申明。 2、页面顶端的主题 （1）“逝去的青春”与“美文网“运用了CSS 样式表的对齐方式 和字体的大小及颜色； （2）在 id为top 的div 中插入id为 logo的div 标签，在Logo 中插入图像logo.gif。 3、下面左侧与中间及右侧的部分 4 （1）左侧部分运用Flash 软件做的闪图； （2）中间部分用了表单、CSS 样式表的水平左对齐、水平居中 对齐以及a href标签的超链接（如：你若安好，便是晴天 这个页面用了文 字样式、图片的样式、页面的背景色，类选择器、浮动标签以及 5 logo超链接等（即body、img、p、.right、.titlel 等标签）。 这样就使文字和图片相互交错的页面效果，可以让读者看出故事 的题目和正文效果不同，在视觉上有吸引了，喜欢了。）； （3）左侧部分（会员中心） 运用了表单元素的、Flash 按钮以及超链接登陆、注册页面、注 册成功页面。 左侧页面主要用了表单的文 本框、密码框、单选按钮、