校园网站图片布局,校园网络平台模板设计——探索校园网站模板创意构思
学校网站模板的网站模板设计
(一)确定网站的主题与命名
1.主题需独具匠心且精炼。主题需突出学校特色,内容需精炼。
2.题材需与学校各方面内容相契合。例如:学校的名称、教育教学、组织机构、校园活动等。同时,题材的选取也应与学校实际情况相结合。
(二)首页设计
在全面考虑网站栏目、链接结构和整体风格后,即可着手制作首页。俗话说:“良好的开端是成功的一半。”在网站设计中亦然,首页设计是网站成败的关键。人们通常通过第一页就能对网站有一个整体印象。是否能够引导浏览者继续点击深入,是否能够吸引浏览者留在网站,全赖于首页设计。因此,首页的设计和制作至关重要,需投入心思。以下是一些关于首页设计的方法:版面布局技巧、色彩搭配、字体选择、表格嵌套、细节之处见真功、考虑不同浏览器和分辨率、设计好banner和位置、标签的重要性。
首页设计的一般步骤:
1、确定首页功能模块。
首页内容模块指的是你需要在首页上实现的主要内容和功能。一般站点都需要以下模块:网站名称(logo)、广告条(banner)、主菜单(menu)、新闻(what's new)、搜索(search)、友情链接(links)、邮件列表(maillist)、计数器(count)、版权(copyright)。选择哪些模块,实现哪些功能,是否需要添加其他模块,都是首页设计首先需要确定的。主要分为两部分,一部分是相对独立的模块如官方论坛、网上报名、名师课堂、资料下载、家长俱乐部,另一部分是动态栏目,根据学校特点设计制定模块内容。
2、设计首页版面
在功能模块确定后,开始设计首页版面。就像搭积木,每个模块是一个单位积木,如何拼搭出一座漂亮的房子,就看你的创意和想象力了。设计版面的最好方法是先勾勒出理想中的草图,然后再用网页制作软件来实现。
3、处理技术细节
如何使制作的主页在不同分辨率下保持不变形,如何在IE和NC下看起来不至于太丑陋,如何设置字体和链接颜色等等,首页设计是整个网站设计的难点和关键,在制作过程中处理好各种技术细节也是非常重要的。
(三)塑造网站形象
1.设计网站标志(logo)
首先需要设计制作一个网站的标志(logo)。如同商标一样,logo是站点特色和内涵的集中体现,看到logo就能让人联想到站点。标志可以是中文、英文字母、符号、图案、动物或人物等。标志的设计创意源于网站的名称和内容。同时,也能明确代表学校的标志。
2.设计网站标准色彩
网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩搭配产生不同的效果,并可能影响到访问者的情绪。标准色彩是指能体现网站形象和延伸内涵的色彩。例如:IBM的深蓝色、肯德基的红色条纹、Windows视窗标志上的红蓝黄绿色块,都让我们觉得贴切、和谐。标准色彩要用于网站的标志、标题、主菜单和主色块,给人以整体统一的感觉。至于其他色彩也可以使用,只是作为点缀和衬托,绝不能喧宾夺主。
3.设计网站标准字体
与标准色彩一样,标准字体是指用于标志、标题、主菜单的特有字体。一般网页默认的字体是宋体。为了体现站点的独特风格和风格,可以根据需要选择一些特殊字体。
4.设计网站宣传标语
它是网站的精神,网站的目标,用一句话甚至一个词来高度概括。
(四)确定网站栏目和板块
1.确定栏目和板块;
2.确定网站目录结构和链接结构;
3.确定网站整体风格;
自行设计一个网站
建议你要具备的条件:对电脑操作熟练,最好使用电脑一年以上,会打字,懂基本电脑知识,反正不要太笨就可以了,呵呵。当然,这些不是一定必须的。
第一阶段:开始时最好是学习一些网页编辑软件和基础网页脚本语法,如:Dreamweaver软件、HTML语法(百度一下:HTML入门)、CSS语法(百度一下:CSS入门),这样可以使你更了解网页设计与运营的原理。最好使用教程来学习,结合教程边学习边设计,这最多花你一周时间,如果有时间再学习一些javascript脚本语法(百度一下:javascript入门)。
第二阶段:学会使用网页设计软件和基础语法后,就可以设计一个较完整的网站了。当然,为了让网站做得更漂亮、功能更强大,你需要学习一些动态编程语言,常用的有ASP、PHP和ASP.NET,推荐后两种,因为ASP再过一段时间会被淘汰,后两种程序区别可以自己上网搜索,本人更倾向于学习.NET,面向对象,功能强大,微软的东西就是强大。
如果你没有精力去学习这些复杂的动态编程语言,你完全可以利用现成的网站管理系统(实际上也叫建站软件,如PageAdmin系统、shopex系统、discuz系统等都比较优秀),这也是目前比较流行的方法,省时、省力。
第三阶段:结合你已经掌握的知识来开发网站,可以开发出别人定义的目标网站。到了这个时候,你就成为真正的网站开发者了。
工具
1、网页制作完成后肯定要上传到网上,所以必须先申请一个空间;免费的空间不是很稳定,容量又小,也不好申请,建议到服务器公司先购买一个个人空间,大概20M以上就可以了,当然也可以在自己电脑上安装IIS来模拟服务器运行(这里不详细说明,有兴趣的朋友百度一下相关知识,这个是很容易的)2、图片处理软件推荐firework或photoshop,HTML编辑软件推荐Dreamweaver,当然如果你会HTML语法,那用记事本直接编辑会更高效。
1、网页完成后必然要公之于众,因此得预先申请一块领地;免费的领地往往不够稳固,容量也有限,且不易申请,建议先至服务器提供商那里购置一个个人领地,至少要有20M以上,当然也可以在自己的电脑上安装IIS来模拟服务器运作(此处不赘述,感兴趣的朋友可百度相关资讯,这其实很简单)。
2、图片编辑软件推荐使用firework或photoshop,HTML编辑软件推荐Dreamweaver,当然如果你掌握了HTML语法,直接用记事本编辑会更高效。
在设计方面,初期建议下载一个较为简单的网页,在编辑软件中打开它,然后仔细观察其网页结构,模仿其添加各种元素,实践中结合教程,进度会更快,印象也会更深刻。
实际上制作网页并不复杂,但要制作出有特色的网页,并非一朝一夕之事。
网站设计八阶段
鉴于所见即所得的工具日益增多且使用便捷,设计网页已经变得相对轻松,不再像以前那样需要手动编写源代码。一般初学者经过短暂的学习就能掌握网页设计,于是他们误以为网页设计很简单,匆忙设计自己的网站,但与别人一比,才发现自己的网站显得很粗糙,这是为何呢?俗话说:“心急吃不了热豆腐”。建立一个网站就像建造一栋大楼一样,它是一个系统工程,有自己特定的流程,你必须遵循这些步骤,按部就班地一步步进行,才能设计出一个满意的网站。
一、确定网站主题
网站主题即你建立的网站所包含的核心内容,一个网站必须有一个明确的主题。特别是个人网站,你不可能像综合网站那样内容全面,包罗万象。你没有这个能力,也没有这个精力,所以必须找到自己最感兴趣的内容,深入挖掘,形成自己的特色,这样才能给用户留下深刻印象。网站的主题没有固定模式,只要是你感兴趣的,任何内容都可以,但主题要鲜明,内容要在你的主题范围内做到全面而深入。
二、收集资料
明确了网站的主题后,你就要围绕主题开始收集资料了。常言道:“巧妇难为无米之炊”。要想让自己的网站内容丰富,能够吸引住用户,你就要尽量收集资料,收集的资料越多,以后设计网站就越容易。资料可以从书籍、报纸、光盘、多媒体等途径获取,也可以从互联网上收集,然后将收集到的资料去粗取精,去伪存真,作为设计网页的素材。
三、规划网站
一个网站设计是否成功,很大程度上取决于设计者的规划能力,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,你只有在设计网页之前把这些方面都考虑到了,才能在设计时游刃有余,胸有成竹。也只有这样设计出来的网页才能有个性、有特色,具有吸引力。如何规划网站的每一项具体内容,我们将在下面详细介绍。
四、选择合适的设计工具
尽管选择什么样的工具并不会影响你设计网页的质量,但一款功能强大、操作简便的软件往往能起到事半功倍的效果。网页设计涉及的工具较多,首先是网页设计工具,目前大多数网民使用的都是所见即所得的建站系统软件(前面提到的网站管理系统)。除此之外,还有图片编辑工具,如firework、Photoshop等;动画设计工具,如Flash等;网上有许多这方面的软件可供下载,你可以根据需要灵活运用。
4、如果你已经完成了页面,就需要考虑你的网页放在哪里发布,也就是我们通常所说的发布空间,我们学校的用户网络中心已经申请好了空间,大家可以直接使用(有发布空间的标志是你有了FTP账号,这个需要申请),也可以按照我前面说的把自己电脑配置为服务器(需要安装IIS等软件,这个可以自己百度一下)。
五、设计网页
有了资料,工具也选好了,接下来就需要按照规划一步步地将自己的想法变为现实,这是一个复杂而细致的过程,一定要按照先整体后局部、先简单后复杂的原则进行设计。所谓先整体后局部,就是在设计网页时,先设计好整体结构,然后再逐步完善局部结构设计。所谓先简单后复杂,就是先设计出简单的内容,然后再设计复杂的内容,以便在出现问题时易于修改。在设计网页时要多灵活运用网站管理系统后台功能,这样可以大大提高设计效率。
六、上传测试
网页设计完成后,最后要发布到Web服务器上,才能让全世界的亲朋好友观看,现在上传的工具很多,推荐使用LeapFTP软件,你可以很方便地将网站发布到你设计的网站存放服务器上。网站上传测试完毕后,就可以将你的网址告诉朋友或客户,让他们来浏览。
七、推广宣传
网页制作完成后,还需要不断地进行宣传,这样才能让更多的朋友了解它,提高网站的访问量和知名度。推广的方法有很多,例如在搜索引擎上注册、与其他网站交换链接、加入广告链等。