网站作业
| 街角的暖色步调 ——猫狗·救助 | |
| “街角的暖色步调—猫狗·救助”的创立是基于前段时间动物保护者在高速路上拦截了一辆开往屠宰场的卡车，解救了500只流浪狗的新闻，并结合2011年5月15日上海市颁布了最新的“养犬条例”为由头。我们将合作的目光转向了不少现在流浪猫狗救助组织，现在，几乎全国各地都有自己的动物保护组织，但存在两个问题，一是有些组织的“动物”范围涵盖过广，不够专门化。二是有自己的较为专业的网站较少，且多为为本组织服务的，而不是在大众范围内进行传播。因此，我们希望通过建立一个针对“猫”“狗”的，强调“关怀”“救助”的，多媒体化、去博客化的、具有原创性的网站，来解决以上问题。 （1）内容：——原创性 整个网站由的顶部导航栏分为“首页”“about us”“前期作业展示”三大块，点击后为三个独立的页面。 而Header下是对所有内容的分类目录，作为首页的菜单导航。分为“义工手札”、“育‘儿’心经”、“阿猫阿狗”、“实用信息”、“新闻速递”以及单独列出的“【原创】”六大块。 为了保证整个网站基调与“关爱”“救助”相契合，我们选择了橘红色的暖色调为主色，同时，在header处插入了自己PS的图片，以更契合主题。 整个首页页面被分为了三块，即“slideshow”（原创文章）、特别报道、编者推荐。 在内容上，其中义工手札内包括四篇原创文章，以及一个纪实视频。四篇原创文章由小组成员进行撰写，其中有对“好猫好狗义工团上海站”站长、赶赴南京受灾区义工阿福的采访稿。另外，还有作为流浪猫领养者小组成员的文章。 在“新闻速递”板块中，有小组成员拍摄与制作的专业新闻视频。我们小组成员在视频新闻中采访了上海市居民以及实地考察了杨浦区某一指定动物疫苗注射点，并电话连线了上海人大常委以了解新条例的实施情况。 “阿猫阿狗”版块主要是图片的展示，一个是小组成员对学校的猫狗进行的记录拍摄，通过gallery的形式展现出来。另一个则是对丢失和亟待领养的猫狗进行筛选后，挂在了网上，希望能形成互动，并尽自己一份力。 而在“育‘儿’心经”和“实用信息”中虽然是网上摘录的，但也经过了多个新闻源的整理。 （2）多媒体性 A.视频 ａ．在“新闻速递”板块中，有小组成员拍摄与制作的专业新闻视频，是通过flash-video-player插件，将视频上传至根目录下而实现的。 ｂ．在“义工手札”中的“【视频】新闻专题纪实——80后公民大典善者：救助流浪动物”则是通过插入酷六网站的视频代码而实现的。 c.前期作业中展示的视频作业，则是上传到优酷网站后在链接到本网站页面中的。 d. 边栏上还配有原创视频缩略版，可在首页打开，也可打开文章页面收看。 B.相册gallery展示 a.首页通过模板自带的slideshow实现原创文章的展示 b.在“阿猫阿狗”中，用NextGEN Gallery软件实现了将小组成员对学校的猫狗进行的记录拍摄，通过slideshow的形式展现出来。在“义工手札”的“我的Tiger”一文中也插入了小组成员所拍摄猫的照片滚动展示。 C.音频 在“义工手札”的“PUSSY”一文中，通过插件“audio player”实现了音频的插入。 （3）去博客化的新闻类网站，强调“web2.0”时代特性 A.模板主题的新闻化 首先，为了实现去博客化，我们采取的模板是wordpress中第二热门的新闻杂志类模板“arras”，整个首页页面被分为了三块，即“slideshow”（原创文章）、特别报道、编者推荐。而在侧栏，通过“Tabbed Sidebar”小工具使用，列出了最新文章更新、评论、标签、特别报道四个方面的文章。并配有最热文章排名、微博实时更新、热点词汇3D标签云等。而不同于一般博客单纯按时间分类的方式和形式。边栏上还配有视频，可在首页打开，也可打开文章页面收看。 B. 插件实现互动性 a.选择 “Blogroll Widget with RSS Feeds”插件实现了对多个“流浪猫狗救助机构”微博主的微博实时更新，同时还具有超链接的功能，即读者可以点击其感兴趣的微博，从而进入该微博祝的新浪微博主页。 b.使用了“WP-RecentComments”的评论插件，可以显示评论者的头像、名字以及内容。评论内容默认是折叠收起的，默认回复到想要给予交流的留言下。同时，可以通过点击来展开，这样使得不需要进入页面就能查看完整的评论了。还有翻页的功能，可以查看更多的评论。另外还可以实现将回复评论发送到读者邮箱。 c.使用了“ｂshare”的社会化分享插件，能够将本网站的内容分享到“天涯”、“QQ”、“优酷”、“新浪”等近20个交互性网站。 d.使用了“ Wordpress Popular Posts”插件，可以通过统计文章浏览量和评论量对最热门文章进行实时的排名与更新，方便读者查阅。 e. 选择 “Breadcrumb TrailBreadcrumb Trail”，该插件可以对读者的位置进行跟踪，方面读者知道自己所处在整个网站中的位置。 f. “Page Links To”插件让我们网站实现了对外面网站的链接，如在首页的最顶端，会有“好猫好狗义工团上海站”的新浪博客超链接，点击直接进入。 ============ 实践体会 ============ 做网站是个工程量巨大、且极为繁琐的工作，需要组内各个成员都非常齐心协力，大家一起制作，互相学习请教。最终，不仅收获了自己亲手制作出的网站，还收获了彼此间更为亲密的感情。同时，插件的使用在wordpress构建中尤为重要，对于实现多媒体性、交互性等尤为重要。 做多了才发现，对于wordpress后台管理等一系列操作，其实都是有一定的逻辑在里面，一旦清楚掌握了，相对来说也会简单许多。甚至连格式化网站都操作过了，看来无论怎样都要在改代码前，先备份。 | |
| 课程: 媒介融合概论 (2010-2011学年第二学期 李华强 刘咏 邓建国） 年级: 2009级 作者: 李诗乐 陈洋 彭旻 詹捷 黄昭成 张圣云 浜田万里 | |