40个网页设计优秀案例

多给点分啊,那么一点.不过有用的话就多给点.

前言

当今社会，人们已完全融入了一个高速变革的信息时代，换而言之，人们不仅在办公室工作时无时无刻离不开对信息的需求，而且，由于internet和自动控制等技术的飞速发展，正在对人们的日常居家生活带来巨大的变化。人们对家居的要求已经远远不再局限于一张床，一个气派的客厅等温饱型需求，而向生活的舒适性即家庭设备的自动化和文化氛围（教育、娱乐与外界的联系）提出了更高的要求，而智能化住宅（intelligent home systems，即ihs）的概念就由此应运而生了。下面以一个比较典型的小区作为案例来介绍一下综合布线系统在智能家居上的运用。

项目说明

广州市政府市职机关芳村花园小区整个项目共6个区，21幢住宅楼，3476户，占地面积100760平方米, 总建筑面积39.5万平方米。该项目的弱电总包中标单位为广州市联通科技发展有限公司，智能家居综合布线采用丽特网络公司的run智能家居布线系统，run产品供货方为丽特网络金牌总代理德生创新公司。

需求分析

由于小区主要住户层次定位较高，购房大多对住宅的设施和功能要求很高。因此，对小区在智能化程度上要求较高。业主提出在每户住宅中必须满足语音，数据和有线电视的功能，以便满足将来推出的小区局域网、小区vod点播、网上购物、远程教学等新兴小区服务和家庭智能化的升级。

综合布线方案设计

在具体设计方案以前，简单介绍一下智能家居布线的标准情况。美国国内标准委员会(ansi)与tia/eia tr-41委员会内的tr-41.8分委会的 tr-41.8.2工作组于1991年5月份订出首个ansi/tia/eia570的家居布线标准，并于1998年9月，tia/eia 协会正式修定及更新家居布线的标准，并重新定为ansi tia/eia-570a -家居电讯布线标准(residential telecommunications cabling standard)。标准主要提出有关布线的新等级，并建立一个布线介质的基本规范及标准，主要应用支持话音、数据、影像、视频、多媒体、家居自动系统、环境管理、保安、音频、电视、探头、警报及对讲机等服务。标准主要规划于新建筑，更新增加设备，单一住宅及建筑群等。等级系统的建立有助于选择适合每一个家居单元不同服务的布线基础结构。加拿大nordx/cdt公司的run智能家居布线系统正是通过以上标准的产品。同时它也经过建设部建筑智能化系统工程设计专家工作委员会及技术监督局的严格检定及测试获得一定的资质。run进入国内市场不久，就在国内许多大城市有成功案例。在本项目中，经过研究，业主一致同意选用run作为其小区综合布线产品。

设计准则

在具体介绍设计小区布线方案以前，先简单介绍一下设计准则：

1.先决定有关的服务种类和需求，包括一切小区内和小区外的线，如话音、数据、视频等。

2.选择使用插座的数量、种类、位置和现行所需的插座数量。

根据以上准则作出以下的选择：

1.在每一个家庭中通讯中心所要传递的信息种类（数据、语章、图像）和型号必须符合和满足外线分配的信号种类，在不同的房间必须提供一个可扩充的信息插座。

2.通讯中心所需的模块板和配件的种类和数量。

3.使用插座的种类和数量。

4.由用户插座至通讯中心的电缆数量，长度和路径，包括非屏蔽双绞线和同轴电缆等。

根据本小区的建筑特点和实际情况，决定采用如下方案进行设计。该方案一般适合于面向中高级收入家庭，可以支持电话、电脑和电视，每户的信息点数量大约在10个左右，传输介质一般采用ibdn plus超五类四对双绞线和rg6u同轴电缆。

系统应用中的数据服务图示

在这里，小区中每户的信息点分布为：语音：2-6；数据：1-3；电视：1-3。

在整个小区中，将设立一个社区中心，同时也是计算机中心。一些水电煤的自动化计费、小区网、住宅小区连网报警、vod点播等服务都将在社区中心完成。

社区中心和每栋楼之间都采用6芯多模室外光缆进行连接，也可以选用ibdn的pic cat5电缆。pic这种高性能双绞线电缆用于连接光纤节点和用户，并可以为每一户用户提供传输性能高达52mbps（3300英尺）或26mbps（5000英尺）。每一个节点可服务多达600个家庭，既可满足将来实现视频点播，又大大节省费用。

总配线架及总配线室应放置于引进设备间，设备室会放置带电设备，主干电缆，划定点等部件。服务供应商所提供的外线服务，必须提供标准的管理计划，保护装置及有关所需的端接设备。室内必须提供充足的电源，灯光，抽风系统，空调等设施，分层配线室应放置于每一楼层或特定的某楼层，并需要一个容易管理的特定地方。

每户配置情况

每户配一个run的配线盒，实现电话的转接和并接，实现电视的一分三路，电脑的联网。run智能家居配线架是整个布线系统的核心，它位于室外线路的进线口。特别设计的配线架具有极高的性能价格比，适合普通家庭的需要。简化的跳线设计使没有特别培训的住户都可以自行改变线路的配置。

电视信号经同轴电缆分配到各个房间，采用同轴电缆保证了系统性能的稳定性，也不需要昂贵的适配器。语音和数字信号则通过双绞线分配。系统采用的高性能五类双绞线除了可以满足当前的需求，也可以满足未来数十年发展的需要。

下面，对系统应用中的数据服务略作介绍。

智能家居数据应用系统如图所示，每个工作区采用四口英式暗装面板。四孔信息插座采用模块化结构，设计时可根据需要配置相应的模块。在典型应用中，通常采用一个同轴电缆模块来连接电视，两个rj-45双绞线模块连接电话和电脑，而另外一孔则预留给未来的扩展。rj-45模块上的标识盖既可以帮助识别模块的功能，又可以起到防尘的作用。

这样一来，整个小区通过nordx/cdt的run智能家居综合布线系统，形成了一个有机的整体，保证了现今的功能，同时也为将来新的社区服务打下良好的基础。

此外，run 通讯中心及系统应用中的话音服务在这里不作介绍。

结论

一个满足信息化发展的高智能小区的诞生，为智能小区的建设提供了参考，同时为智能小区在中国的推广起到了积极作用。

网络策划范文五篇

网络策划 篇1

一、活动主题：

当今时代网络无处不在，每个人都已经渐渐地离不开它，学习并掌握一些网络常用技能与一些网络道德知识是每个人所必须的。提高大学生对网络的发展以及对其道德的认知，提高同学们对计算机的喜爱也是必要的，让他们在可以学习中发现知识普及带来的快乐。

二、活动目的：

为了方便同学们对计算机日常的使用和普及网络有关方面的知识，特举办网络道德知识竞赛，希望这个活动在帮助同学们解决问题的同时，能够提高同学们对专业知识的热情，以及掌握更多的网络道德知识。

三、活动事项：

1.活动时间：11月20号

2.活动地点：暂定

3.主办单位：软件学院科技拓展部

4.参赛对象：软件学院全体学生

四、活动流程：

一、学习阶段

1.每班班长把电子档发到班级里面，让学生进行学习。半月之后从班级里面抽人考试。

2.大一每班两人，大二大三每班一人参加比赛。

二、报名阶段

报名方式：通过各班班长以报名表的形式发送给科技拓展部部长王娜邮箱

三、正式比赛

1.时间11月20号、地点暂定

2.竞赛规则：从题库的一百三十道题里面抽出五十道题，每题两分，总分100分。考试时间是一个小时。

五、奖项设置：

1.一等奖：加个人操行分4分加三分班级量化

2.二等奖：加个人操行分3分加两分班级量化

3.三等奖：加个人操行分2分加一分班级量化

4.凡参与者每人加1分操行分。

六、人员安排

监考人员4人

改卷人员10人

会场布置人员10名

注意事项：

1、先对决赛教室进行申请；

2、相关负责人员提前一小时到场地进行布置和准备（包括黑板、标题，教室的布置，等等）；

3、用品道具提前购置，准备充分；

4、对于网络道德知识竞赛题及试卷要确保保密性

5，确保大赛准时开始。

网络策划 篇2

一、活动背景。

网络越来越贴近我们的大学，已经成为大学生活必不可少的一部分，但是网络是一把双刃剑，它给我们生活带来了方便的同时也带来了很多负面的影响。

二、活动主题。

创建网络文明、构建和谐校园。

三、活动目的。

为了更好地创建校园网络文明，提升大家的思想道德水平，体现当代大学生特有的风范。借此活动，呼吁大家学习文明上网，构建和谐校园网络文化。同时，动员同学们将活动开展到日常生活，让更多的人加入到创建网络文明的浪潮中。让我们不断提高文明用网意识，做一个文明的网民和文明上网倡导者。

四、活动过程。

1、时间：20xx年3月。

2、活动对象：信息科学与技术学院志愿团。

五、活动内容：

1、组织同学们观看关于网络文明事件的新闻报道视频。并围绕新闻中出现的问题请同学发表看法，阐述解决问题的关键。

2、文明上网投票活动。

3、“文明上网从我做起”倡议书及海报。

4、“绿色上网文明上网”宣传语征集。

网络策划 篇3

一、网络教育的基本特点

为了能够设计有效的网络课程，首先应该了解网络教育环境的基本特点，也就是说懂得网络技术能够给学习带来哪些特别便利条件。笔者将网络教育的主要特点归结为四点：

1．资源共享：

一般而言，我们将网络资源中与教育相关的部分都称之为网络教育资源，包括网络环境资源、网络信息资源、网络人力资源。网络环境资源是指构成网络教育空间的各种物理器件硬件设备等，如计算机设备、网络设备、通信设备等，以及形成网络正常运行空间的各类系统软件、应用软件；网络信息资源则是指在网络上蕴藏着的各种形式的与教育相关的知识、资料、情报、消息等的集合；网络人力资源则通常包括具备或开发或建设或应用各种网络教育资源的能力的个体，如网络硬件结构设计、维修人员、网络系统开发人员、网络系统安全维护人员、教育网页开发人员、网络用户等等。在这三部分资源中，网络信息资源是核心，因为其他两部分资源是为信息资源的建立、传播和利用而服务的。不同于以往传统的教育信息资源是以书籍、报刊、磁带、磁盘、胶片、广播、电视等为物质载体的，网络教育信息资源是一种以电子网络为录存载体和传输媒介的数字化信息资源，具有传递迅速、取之不尽、用之不竭的非凡特性。

2．时空不限：

网上教育活动可以在个体、群体、众体三个层次上进行，按活动方式可分为异步教学和同步教学。同步教学具有空间上的自由度，异步教学在空间和时间上均具有很大的自由度。下表显示可以用于支持各类教学活动的部分网络信息工具。

同步（实时）异步

个体IP电话，可视电话Web,VOD,FTP,E-mail

群体视频会议，聊天室，MUD/MOOWeb,VOD,FTP,Usenet,计算机会议

众体网络视频广播，卫星IPWeb,VOD,FTP,BBS

网上教育的时空不限性给教学活动带来虚拟性，现在虚拟教育已经成为人们津津乐道的话题。虚拟教育可分为校内模式和校外模式，校内模式指在校园网上开发的各种教育应用，校外模式指网上远程教育。可以把校内模式与校外模式有机结合起来，成为一个无缝连接新型教育系统。对于实力较强的学校来说，这种双重办学模式有助于进一步发挥其教育优势，现在国家鼓励重点院校开办网上远程教育是一个明智之举。

3．多向互动：

双向互动曾经是教学系统设计所追求的目标，而网上教学能够做到多向互动。从学生视角来看，他一方面可以通过利用课件、信息资源及智力工具进行学习而产生互动，另一方面可以通过与在线教师、同伴、专家等对话而产生互动。图1显示这种互动模式。

4．便于合作：

通过网络进行学习，学习者可以不受时空限制，不仅能够进行交流研讨，还可以利用适当的软件工具支持协同创作。现在许多网络教育平台带有群件系统的功能，能够支持一个学习群体方便地进行通讯交流、工作空间共享、应用软件共享和协同创作。

二、网络课程设计的若干原则

网络课程设计不能简单套用传统课程设计的思路和方法，一是要充分发挥网络媒体的.特长，二是要适当体现当代教育改革的精神。笔者提出以下建议，可以作为网络课程设计的基本原则。

1．以教育改革为宗旨

利用信息技术促进教育改革是当代教育发展的大方向，网上教育应该做到观念更新、教法革新、内容从新、评价创新。对于中小学教师教育来说，经过这种革新课程学习熏陶的教师们无疑会转而对中小学教育改革产生巨大的带动作用。

2．以异步学习为基础

网络既可以支持同步学习，又可以支持异步学习。但从网络媒体的特性来说，更适合于异步学习，因为异步学习可以利用网络的时间和空间两个自由度，而同步学习只利用了它的空间自由度，并且目前的网络线路还受到带宽的限制。就目前而言，在网络上实行同步教学既不经济又不实用。对于网上成人教育来说，异步学习更是应该大力倡导的。

3．以多元载体为环境

网上教育不应该排斥其他媒体，特别是书本和光盘，可以作为离线学习资源。将离线资源与网络课程相结合，一是可以弥补目前网上中文教育资源不足的缺陷，二是可以减少网络信息传输的负担，三是通过减少在线学习时间而降低费用。因此，我们主张采用网络、书本、光盘三位一体的学习媒体配置。

图2三位一体的学习媒体配置

4．以自主学习为中心

网上教育应该坚持以学员为主体，营造一种有助于学员探究性学习的环境，促进一种自主学习的文化。学员自主学习活动包括自学知识、观摩演示、观察案例、寻找信息、探索问题解法、交流研讨、构建作品、自我评价等。

5．以案例学习为抓手

在医学、管理学等学科领域，案例学习历来被作为至关重要的教学方法。在教育领域，特别是在教师培训中，更应应用案例学习方法，让学员通过大量的案例观察与分析，从中体验教学的科学性与艺术性，提升自己的教学设计水平。Internet上有许多专门收集教案的网站，其中存有成百上千个中小学学科教案，可以优选出许多可供教师培训课程的案例学习资源。

6.以学习资源为支撑

传统的课程是一个内容自足的封闭系统，而网上课程应该是一个以信息资源利用为特点的开放系统，课程资源库建设可以采取自建与引用相结合的办法。比较而言，传统课程开发是以学习内容设计为中心的，而网上课程应该是以学习过程设计为中心的，而且网上学习过程具有利用信息资源的有利条件。这种基于资源的学习模式尤其适用于成人学习者。

7.以合作学习为导向

合作学习是备受国际教育界推崇的学习模式，因为它有助于培养学习者的合作精神和协同解决问题能力。在教师教育中，如果能够让教师们学会在网上运用电子手段进行教学研讨和协同设计教案，无疑会对他们今后的教学行为产生积极影响，因此是值得倡导的学习模式。

8.以电子作品为业绩

网上教学应该让学员尽量利用电子手段完成作业，把他们的电子作品作为学习业绩。学员的电子作品可以传送给老师，也可以通过网页形式发布，以便接受多方评议。对于教师教育来说，特别有价值的电子作品是信息化教案，教师通过设计信息化教案的练习就能逐渐形成信息化教学能力，为我国教育信息化的发展积蓄力量。

9.以结构化评价为特色

传统的计算机辅助教学通常采取客观性评价办法，利用大量选择题型的测试方式。这种基于简单行为反应的测试方式证明带有很大的局限性。革新的测试理论主张采取面向绩效的评价，不但要知道学员做得怎么样，还要知道他是怎么做的。对于网上教育来说，比较易行的方法是依据学员的电子作品进行评价。课程设计者必须根据教学目标设计出一些结构化的定量评价标准，称之为量规。通常从作品的选题、内容、组织、技术、资源利用等方面确定评价的结构分量，并具体规定各分量的评分等级。有了这种量规，就能大大降低评价的主观随意性，不但可以教师评，而且可以让学员自评和同伴互评。如果事先公布量规，可以对学生作业起到导向作用。

10.以电子学档为管理手段

网上教育可以充分利用系统的信息管理功能，通过建立和维护学员的电子学档来管理学习过程。电子学档可以包括学员身份信息、学习任务信息、学习活动记录、学习评价信息、电子作品选集等。

三、网络课程设计案例

为了便于示范如何运用上述原则来设计网络课程，笔者用自己承担的一门网络课程为例，在此展示此课程的基本结构。本网络课程的设计方案吸收了信息化教学的理念和网络教育研究的最新技术成果，主要特点是：

（1）基于资源库的课程组织：这个课程按内容专题组织成为若干模块：各模块采取网页结构，并且与教学案例库、常见问答库（FAQ）、评价量规库、媒体素材库、参考文献库以及作业工具库相连接。

（2）基于电子学档的管理：本系统用电子学档记录学员的学习过程与学习成果，支持面向过程的学习评价。

（3）开放式信息库结构：系统允许教师将优选的学员优秀电子作品上传至案例库，也可以将学员中提出的常见问题加解答后作为新的FAQ存入答问库。

（4）多向互动与合作学习：允许学员利用网上异步的及实时的通讯工具，与在线同伴合作学习，或者与在线教师和在线专家进行信息交流。

本文在一定程度上反映了作者近年来在网络教育研究方面形成的基本理念和实践体会。由于这些研究和实践都属初步阶段，文中观点肯定有许多值得商权之处，仅作引玉之砖而已。

网络策划 篇4

活动主题：

网络涂鸦大赛

一、活动目的

涂鸦比赛能够充分激发同学们的创意，充分展示同学的才能，同时让同学们更好的领略科技和艺术的魅力。

本次活动使用的网站采用html5制作，在完成涂比赛的同时能够向大家介绍宣传html5等前沿的知识。

二、活动时间

三月底至四月初。

三、活动流程

（一）活动策划宣传

1.网络宣传。在微博、优习网、大学生精英论坛、qq空间等同学们活跃的在线社区进行线上宣传，充分预热。

2.校园宣传。在c区广场或者天颐广场进行户外宣传。

3.海报宣传：宣传海报5页，印刷好后在校园内张贴。

（二）初赛

1.规定涂鸦主题（待定），要求同学访问科技协会专门为本次比赛准备的在线涂鸦网站进行涂鸦制作。

2.制作好后选手将作品发送至指定邮箱。作品征集阶段持续一周。邮件内容要包括png格式的图片和报名表，报名表见附件。

3.将符合要求的参赛作品放到网络（微博或人人）中接受投票，票数前十份名的优秀作品进入决赛。

（三）决赛

1.队伍自我介绍。要求ppt或视频展示，每人2-3分钟。

2.公布决赛涂鸦主题。要求进入决赛的十名队伍进行现场规定主题的涂鸦。限时15分钟。

3.队伍涂鸦的过程中进行html5知识的讲解，达到宣传的目的。

4.选手在规定时间内完成作品后，依次展示个人作品并阐明寓意。

5.评委点评与现场观众投票。选出一等奖一名、二等奖两名、三等奖三名。其他队伍为优秀奖。

四、预算及奖品

一等奖（一名）：火狐双肩背包

二等奖（两名）：笔记本内胆包

三等奖（三名）：马克杯

优秀奖（四名）：鼠标垫

现场观众互动奖品（十名）：鼠标垫每人一个

活动预算

项目

规格

数量

单价（元）

总价

海报

60*90

5

10

50

宣传单页

a4

500

0.05

20

横幅

五米左右

1

6元/米

30

合计

100

山东师范大学第一届网络涂鸦大赛作品信息表

姓名

性别

学院专业

联系方式

作品名称

作品编号（选手勿填）

作品介绍与寓意

网络策划 篇5

一：场环境分析

截至今年8月底，中国手机用户总数已经达到9.272亿。说明中国手机市场是非常巨大的。

中国消费者的特点是追求物美价廉，但目前智能手机市场动辄几千元的高端国际品牌如iphone，千余元的智能手机功能却勉强智能，所以一款高端配置，价格千余元性价比极高的手机将会占有中国普通智能手机消费市场大部分份额。

小米手机是一款高性能发烧级智能手机，搭载Scopion双核1.5Ghz引擎比单核1GHz处理器手机性能提升了200%，1GB大内存 配置在市场上是中上等，对比其他同配置手机最便宜的也要2500，而小米只卖1999元。这与小米手机只采用网络销售节约了门店零售的成本离不开的，小米手机的超低价使其必然只进行网络销售。

二：目标市场分析

小米手机目标顾客群有以下几个特点：

习惯网络购物和从网络获取信息的人群2对价格敏感的中等收入人群社会上易接受新事物的人群较大这些人长期接触网络，对新事物有较为开放的心态2习惯依靠互联网生活的人越来越多，宅男宅女已经成为潮流3大多数年轻人由于经济原因，对价格都很敏感，很高性价比的小米手机对他们将非常有吸引力。所以早起小米手机名声不是很大，大家没有看到实物时，主要是依靠宅男宅女打开了市场。随着时间推移，当小米手机有了一定的口碑和知名度以后，开始吸引更多“非宅”人的潜在顾客，经一步扩大了市场。

三：网站规划

完善的企业网站优点在于：可以成为信息发布，信息搜集，信息处理，信息共享的工具。

（一）网站建设内容

1.产品信息

2.业务运行信息：查询热线，投诉热线，交易收费须知，其他注意事项

（二）网站设计原则

1.整体效果：页面简洁，布局美观大方 ，突出重点

2.内容分类：内容分类精确，布局符合用户阅览习惯

（三）网页设计

1.色彩平稳和谐，注意运用简洁精致的图片和动态元素吸引用户注意

2.后台系统保证信息的快速传递和安全性

四：网络推广

定位：产品定位为发烧友手机，核心卖点是高配和软硬一体，以及手机配件和免费软件

低价策略。小米手机的战略优势——最低廉的高端智能手机。

（一）销售渠道

以网络作为载体进行B2C电子商务销售方式。此销售方式优点：为企业提供销售渠道同时具有调查、服务、咨询一体的特点。

网络营销应该考虑到的因素：

1、完善的配送中心：与大型配送企业如凡客合作，完全采用凡客、如风达配送资源。

2、网络营销渠道的流畅性:建立一个完善的订货系统减少销售费用节约成本。

3、网上商城：和大型网上商城合作，利用其资源进行优势互补。积分促销手段，通过购物获得积分，顾客再利用一定积分换取购物优惠

（二）促销策略

1.口碑营销（病毒式营销）

小米手机需要一个环境：即使你不关注手机也知道有小米这个手机。利用国人看热闹的特点，制造“绯闻”如某某某看好小米手机（名人效应）；小米pkiphone4（品牌效应）等消费者爱看的事情

2.事件营销

召开发布会利用小米手机高配低价吸引媒体关注

3.微博营销

利用新的信息传播工具宣传小米手机

4.饥饿营销

成功吸引了消费者关注后，不能一下子满足消费者需求，从产品发布到正式售卖需要一定时间段，给消费者以想象的空间。

基于网格的网页设计概念及实际应用案例

一些大型站点都有着非常一流的视觉外观，它们很可能在设计时使用了网格系统。网格可以是页面布局显得紧凑而且稳定，为设计师在设计站点时提供一个逻辑严谨的模板。

但使用网格并不意味着枯燥的设计，一个好的设计师不仅能够合理地应用基于网格布局的规则，而且还能适时地打破这些规则。

The grid system is an aid, not a guarantee. It permits a number of possible uses and each designer can look for a solution appropriate to his personal style. But one must learn how to use the gridit is an art that requires practice.

- Josef Müller-Brockmann 我们来看一些网格的术语。网格是用竖直或水平分割线将布局进行分块，把边界、空白和栏包括在内，以提供组织内容的框架。

网格常在传统印刷中使用，但对网页设计也是非常合适的。网格设计不能使一个网站的布局看起来像报纸一样，但它的确可以辅助我们设计结构统一的站点。

网格是一个简单的辅助设计工具，而不是什么对设计产生不良影响的东西。

理解并遵循规则

当你开始学习任何一项技能时，都应当遵循它的一些指导原则。从一开始就把基础的东西学好，能使你高效地应用这些规则。

学习网格也不例外。你应当按照网格来设计布局，并让所有设计元素对齐到它们所在的位置。在设计中使用网格能结构化内容并且给你一个设计起点，但这不应当阻止我们的任何创意灵感。 1、自己创建网格系统

对于建立自己的模板系统，尽管有很多不同的理论，但归根结底，还是要选择你手边用起来最顺手的工具。

你可以把一个空文档按照数学原理分割成奇数栏或偶数栏，而且通常要把栏之间的空白考虑在内。

只要你喜欢，你的网格可以很复杂或者很简单。你的网格越复杂，你就拥有越多的自由发挥空间；而网格越简单，留出的空白也越多。这完全取决于你自己的决定。

下面是一些用Photoshop制作的例子，它们可以在Photoshop中用网格来查看。2、下载现成的网格模板

相比制作自己的网格，从网上下载一些标准的网格同样可以用来辅助网页设计，并且还省了你自己制作网格的很多时间。

当前最流行的网格可能就是960 grid system了。它是nathan smith制作的，允许你制作12、16、和24栏的布局。这个项目是Smith

smith在谈到960grid system时说：”我只是简单地把这个网格系统分享给大家，如果有人从中获益，那再好不过了。”

这个下载包括了CSS ,HTML,Photoshop,Illustrator,InDesign等等文件。设计文档包括了很多有用的文档，它们用来建立整齐而且清爽的站点。 在介绍了网格的基础知识之后，我们在来打破这些规则。网格是把元素对齐的一非常好的方法，它让你的设计显得干净、整洁，而且用户友好。

然而，正如前面提到的，我们不能让网格禁锢了我们的灵感和创新。要勇敢地向网格以外的地方冒险，要创造一个基于网格的作品，不意味着任何东西都要对齐。

越出网格边界的元素会让作品看起来更加美观和流畅，而不是像表格那样死板和枯燥。

看看下面的例子，它们是应用960 grid system制作的，展示了网格可以是漂亮而不古板的。

大型校园网设计方案：

案例教学要求：

掌握设计具有三层结构的大型校园网的设计的基本方法，为南昌大学软件学院同样条件的校园网设计网络拓扑。

学会选择适当设备构造该网络。

案例教学环境：P C 1台，Microsoft Visio软件1套。

（一）需求分析

采用三层结构为该大学设计校园网：选用万兆以太网作为连接大学4个校区的高速主干；选用千兆以太网作为各个校区的主干，形成大学校园网的汇聚层；选用百兆以太LAN作为基本的接入形式。

大学校园网与因特网具有统一接口，即通过百兆以太网接入中国教育科研网CERNET。

1. 由于一个时期的网络具有特定的主流技术，因此这几年建设的园区网大多数都采用千兆到楼宇、百兆到LAN/桌面的以太网解决方案。事实上，这种结构是一种二层结构的网络拓扑，其中的千兆构成了汇聚层的主干，而百兆到LAN/主机构成了接入层。因此，一种自然而然的解决方案就是选用万兆以太网作为整个核心层，形成了校园网的主干。并且该校园网主干采用因特网的公网地址

为何选用万兆交换机互联各个园区网，而不选用高速路由器呢？

各园区网均采用的以太网技术体系，兼容性好

大学将在校园网上开展教学视频观摩、远程听课等多媒体应用，提供高速率信息通道是必要的。万兆交换机为三层交换机，是具有选路功能的交换机，在校园网环境下能够具有更好的性能。

价格因素。

3. 根据南昌大学软件学院的分析，该校园网从CERNET获得了IP地址的数量是无法满足需求的，只能供向因特网发布信息和联系或进行网络科学研究之用，因此构成校园网IP地址的主体是经过NAT转换的专用网地址。使用专用网地址不利于与其他大学的学术交流，但也是不得已而为之的方法；另一方面，可能使得校园网受到网络黑客侵扰会少些

4. 由于网络的规模较大，考虑到以后的可扩展性，选路协议选用OSPF

5. 考虑到设备的可管理性，网络管理协议选用SNMP

（二）设计方案：

1、公网部分

校园网分为公网和专网。通过防火墙，连接放置各种应用服务器的非军事区部分，并经路由器与CERNET相连

该三层校园网结构中的核心层位于公网部分，可选用了Cisco公司的万兆交换机Cat6509

租用电信公司的光纤裸芯，用万兆速率将4个园区的4台万兆交换机连成一个环。为提高网络可靠性，还在园区2和园区4之间用千兆光缆连接起来

校园网的核心层结构

2、专网部分

各园区网可基本保持原有的二层网络架构，并在自己的园区网中使用专用IP地址块。考虑将园区网汇聚层主干千兆主交换机与大学万兆交换机通过防火墙相连的问题，注意到有些万兆交换机可能具有内置的防火墙。同时，它们可在内部防火墙处设置自己的非军事区，放置学院的网络应用服务器。

某学院网络与新建的大学万兆核心层主干网的连接。其中计算机学院网络的主干网以3COM公司的Switch 4007与交换机3C16980连接的千兆光缆构成了学院园区网的主干，向下以百兆以太网作为接入网与用户PC相连。

（1）各二级学院的园区中具有的PC数量为300～1000台，必要时可划分为若干个子网，也可以划分为多个VLAN，以隔离广播流量，提高网络工作效率，并提高安全性。

（2）网络管理协议选用SNMP。

（3）采用防火墙将校园网分为两部分，一部分为与CERNET直接相连的公网部分，另一部分为专用网部分，即我们上面所设计的部分，采用的地址可采用在7.5.1节中所设计的相应方案。