耿浩闻-80后家园网站的设计与制作

1、80后家园网站的设计与制作主讲人：耿浩闻 指导教师：袁磊 副教授商务J07502班第一章：绪论1、选题背景2、论国内社区型网站之现状3、本站创立目的及意义4、论文结构选题背景 社区网站是立足于广大社区居民信息和需求的网站，它不仅仅带动的是居民社区的生活，而且带动的是整个商圈，信息圈，娱乐圈等的发展。社区和网络的链接在很大程度上促进了居民的生活步伐，带动了网络消费，网络文化，社区文化的传播，也有利的提高了居民的生活水平。全方面的给居民和商家提供了一个交流的平台，让信息服务于居民，让需求服务于商家。论国内社区型网站之现状 中国第一娱乐互动门户，包括聊天室、网络电台、数码、游戏、魔兽世界、创业、涂鸦

2、板、招聘、休闲、淘宝城、白领、游戏卡、邮箱、充值等栏目. 1999年3月创立，以其开放、包容,受到了全球华人网民的推崇，综合提供相册、音乐盒子、分类信息、站内消息等一系列功能服务，并以人文情感为核心的综合性虚拟社区和大型网络社交平台。 西祠胡同始建于1998年，是华语地区第一个大型综合社区网站，经多年积累和发展，西祠已成为最重要的华人社区门户网站。chinaren是搜狐旗下华人最大的青年社区。中国互联网第一品牌，中国互联网主流人群获取资讯和交流最大网络平台，中国搜索引擎的鼻祖，中国互联网文化运动的先驱、中国综合门户网站的创始者。猫扑天涯西祠胡同chinaren 国内传统发展概况：从三足鼎立到两

3、家争雄。社区网站刚刚进入战国时代时，大大小小的网络论坛生长着消亡着。而随着网络的迅猛发展，网民们也逐渐分野细化，分类细化的网络社区呼之欲出。这时，三家都带有商业背景的社区网站西祠、西陆、天涯，与第一代的网络论坛的创立者不同，他们一开始就摈弃了理想和人文的色彩，以规范的商业合作吸引新网民的加入，而完成了圈地运动的网站，将利用庞大的网民资源开展他们的商业活动。当年的各地板砖排行榜来看，这三个社区的帖子经常上榜。这三大社区，和三大门户网站的论坛，形成了分庭抗礼的局面。此时，社区网站呈现三足鼎立的局面。 但赢利模式问题一直是困饶互联网的一个瓶颈，猫扑异军突起，猫扑是最早转向Web2.0模式的，这也是国

4、内论坛变革的起点。天涯凭借其内容的优势，居次席，但赢利问题始终还是个问题。至少目前看来，呈现的是两家争雄的态势。论国内社区型网站之现状本站创立目的及意义展现80后一代风采，提供新闻、时尚、情感、回忆等。为80后青年提供互联网生活服务。为特定人群提供个性化信息。包括新闻、资讯、资源及服务等。满足了广大网民日益丰富的文化生活需求，为区域经济、社会和文化发展起到促进作用。社区网站在未来的中国互联网平台、电子商务领域中将担纲更重要的角色，将是电子商务未来的重要战略领域。M1M2M4M3论文结构绪论技术介绍网站设计技术实现论文结构设计：绪论：背景、现状、目标、意义。关键技术介绍（DIV+CSS、网络三剑

5、客、网页原理）网站总体设计与分析（包括设计需求、实现目标以及网 站各级页面的设计）网站的实现：LOGO、各级页面的制作、内部样式控制网站发布与维护结论第二章：关键技术介绍关键技术介绍关键技术网络三剑客DreamweaverFlashFireWorksDIV+CSSHTMLPhotoshop设计原理第三章：网站整体设计与分析网站总体设计与分析设计原则可扩展性原则 设备应选用符合国际标准的系统和产品,保证系统具有较长的生命力和扩展力,满足将来系统升级的要求。开放性与稳定性原则 满足社区网站内特定用户群的需求,同时也应采用开放性的网站体系,方便网络的升级、扩展。可维护性原则 具有监测、故障诊断、故障

6、隔熟、过滤设置等功能,设计时,应尽可能选取集成度高、模块可通用的产品,以便于管理和维护。先进性与实用性原则 采用符合国际标准的成熟技术和设备,确保社区网站能够适应将来社区网站发展需要。同时,坚持应用、经济的原则。网站系统分析80后家园网站在网站的首页，用户可以看到所有板块的最新信息，在首页的顶部，设计为一个Logo，在Logo的下面是用户导航栏。2级页面包括5大模块，分别是：关注点80（新闻与关注）、创业吧、80那点事（数码世界）、情感和80后回忆。3级页面是网站的内容页面，具体板块的内容都在3级页面内。Logo是网站设计重要的一部分，实用Fireworks等技术进行设计实现，选择鲜明的颜色代

7、表着网站5大模块的主题色，也彰显着80后年轻一代的青春与活力。Logo的设计制作3级页面：内容2级页面：5大模块首页index首页的设计与制作2级页面的制作3级页面的制作LOGO的制作第四章：网站实现网站整体布局设计网站顶部控制网站内容控制 将板块划分为多个板块，在网站的首页以模块对齐的方式排列各个板块，这些板块包括关注点80，创业吧，80那点事，职场之道，情感观，80后回忆。每一个板块都是用相同的式样控制内容。 网站内容是本网站最重要的组成部分，在首页用于排列各个模块，而在二级或三级页面，则用于显示详细的内容。 在网站的顶部用于放置网站Logo，导航，网站顶部在网站所有页面都存在，为保持网站

8、整体风格一致，都采用相同的顶部HTML代码，且使用CSS式样一致。只有在2级页面主题色的选用不同。网站实现网站首页图片及相应内容自动播放实现 在网站首页，有自动播放图片的功能，每隔3秒钟，当前图片将变成下一张图片，随之更换的还有底部的相应文字描述，这些图片和文字描述分别对应该网站的各个模块，他们分别是首页，新闻公告，社区中心，校园招聘，信息求助。自动播放的功能实现技术是JavaScript，其核心原理是JavaScript提供的setTimeout()函数以及JavaScript对DOM的操作。网站地图导航的实现 网站地图导航是网站的重要组成部分，可以为用户提供快速进入另一个页面的链接集。通常

9、网站地图导航在网站的任何页面均可以看到。第五章：网站发布与维护第五章：网站发布维护与疑难点注册网站域名网站的维护网站发布需要注意的问题域名的选择网站发布难点的关键及解决方案发布与维护 在制作过程中，曾遇到各种突发性事件，比如在修改页面的时候，页面突然失控，导致整个网页布局全部散乱，还有在使用Spry技术的时候，整个网站每种Spry效果只能使用一次，因为会建立一个相同的类，最初不会修改，只能每种Spry使用一次。后期在导师的指导下经过多次调试，终于将散乱的页面重新修正好，继续了网站的制作。后期随着学习的深入，在导师的帮助下有所提高。对图片的设计和网站整体颜色的挑选也有所提高。第六章：结论 随着电子信息技术的发展,社区网站已成为学校必备的基础设施,做好社区网站建设,满足80后青年精神生活需要,有效发挥社区网站的作用,以成为互联网时代继续发展的必然要求和重要的一部分。 社区网站不仅为特定群体提供了信息交流的广阔空间，而且营造了