南昌科技大学网站说明书

《南昌科技大学网站说明书》由会员分享，可在线阅读，更多相关《南昌科技大学网站说明书（12页珍藏版）》请在装配图网上搜索。

1、南昌科技大学网站说明书制作人：余志国 班级：03电子商务3 指导老师：李俊峰 学校：江西科技师范学院大专部日期：2006.04.19目录内容摘要-2关键词-2正文一、网站目的-3二、网站功能-3三、网站结构描述-4四、网站栏目介绍-5五、网站CI形象设计-6六、网站版面规划-7七、网站布局技术-8八、网站特效说明-8九、网站制作使用软件介绍-9附录一、首页拷贝-10二、作者简介-11三、参考资料-11内容摘要： 在互联网络高速发展的今天，网站正成为学校、公司、企业、政府及团体进行形象展示、信息发布、业务拓展、客户服务、内部沟通的重要阵地，她不但具有快捷、无距离及随时随地均可更新的特性，更能提供

2、一些互动性的功能，如留言板、会员制、讨论区等等，使得网站充满生气，让人倍感亲切。学校网站建设是学校教育信息化建设的重要方面，是适应现代教育技术和信息技术的发展，加大学校对外交流与宣传力度，提高教学、科研、管理效率的重要途径；学校网站是学校对外宣传的窗口，也是展示全校师生才能，加强对校外联系，互相学习，共同发展的阵地，学校网站建设的目的是促进师生与学校共同发展，因此，需要全校师生共同参与，同心合力把学校网站建设好.关键词：南昌科技大学、学校网站、学生、老师正文一、 网站目的1.1学生方面：加强学生之间课余学习交流、沟通感情、促进学生各方面知识全面发展；1.2老师方面：方便老师教学，达到课堂与网络

3、教学相结合；1.3公众方面：树立一个良好形象，增加一个公众了解学校的窗口；1.4学校方面：提高学校知名度、及学校内各部门效率；二、 网站功能2.1师生：为师生互动、学生之间交流提供一个平台、方便“教”与“学”；2.2公众：了解学校各方面信息；2.3学校：在对外宣传上发布更新信息、对内管理上加强各部门协调沟通；南昌科技大学首页今日在线科大新闻校园动态公告栏学校概况学校介绍校园风光院系风采本科专科管理机构教学科研教学基地建设学风建设科研建设科研成果招生就业最新动态就业指导招生专业友情链接图书馆社团协会网络服务最新新闻网络中心简介网络资源论坛English三、网站结构描述四、网站栏目介绍4.0首页作

4、用：提高学校各部门效率，使公众了解学校最新动态，促进学校发展；功能：发布学校各部门公告、发布学校最新新闻；包含子栏目：公告栏、今日在线、科大新闻、校园动态、友情链接；（“公告栏”发布各部门通知；“今日在线”发布最新新闻；“科大新闻”发布校内发生新闻；“校园动态”发布校内的学术讲座报告信息；“友情链接”链接一些教育方面网站；）4.1学校概况作用：使公众了解学校概况，达到宣传学校的目的；功能：发布学校信息及学校风景图片；包含子栏目：学校介绍、校园风光；（“学校介绍”发布学校建校历程、校规模、校师资、校精神等；“校园风光”发布学校校园风光图片；）4.2院系风采作用：使公众了解本校院系、专业设置，方便

5、师生“教”与“学”；功能：发布系、专业信息，提供在线教学；包含子栏目：本科、专科；（本科包括各本科系别及系内各专业详细介绍；专科包括各专科系别及系内各专业详细介绍；）4.3管理机构作用：了解学校各部门基本信息，如人员情况、职责范围等；功能：发布部门信息；包含子栏目：学校各个部门具体信息；（以“学院办公室”为例，包含部门简介、职责范围、内设机构等；）4.4教学科研作用： 使学校在教学科研上进一步提高；功能：发布最新教学科研信息；包含子栏目：教学基地建设、学风建设、科研建设、科研成果；（此所含子栏目没有制作；）4.5招生就业作用： 给学生提供就业指导，提高就业率，使公众了解本校就业情况；功能：发布

6、最新就业相关信息、就业指导文章及学校招生信息；包含子栏目：最新动态、就业指导、招生专业、友情链接；（“最新动态”发布最新招聘及录取信息；“就业指导”发布指导学生就业、更好通过面试的文章；“招生专业”发布本、专科各系招生专业信息；“友情链接”发布一些人才网站的LOGO链接；）4.6图书馆这个模块由于涉及栏目较多，没有制作；4.7社团协会作用：提高各社团协会团结协作能力及校园文化建设； 功能：发布各社团协会活动信息；包含子栏目：包含学校各个社团协会信息；（以“校学生会”为例，包含简介、所含部门等；）4.8网络服务作用：促进学校校园网建设，方便学生学习知识 ；功能：学生上网、校园网管理；包含子栏目：

7、最新新闻、网络中心简介、网络资源；4.9论坛此栏目涉及技术问题，没有制作；五、 网站CI形象设计5.1标志：以校牌为蓝本，即以黑体，黄色组成的“南昌科技大学”六字；5.2主色调与色彩：以“蓝色”为主色调。蓝色代表“科技”，而学校名称“南昌科技大学”含有“科技”一词，正好吻合，所以选用“蓝色”为主色调；5.3标准字体：导航栏字体为“宋体”14px；网站主栏目字体为“黑体”18 px；正文字体为“宋体”12 px；5.4装饰图案：网站用了学校风景为装饰图案；5.5宣传语：宣传语即为校训“志存高远，脚踏实地！”；5.6交互方式：由于是静态网页，缺乏交互；六、网站版面规划：由于当今使用800600分辨

8、率的电脑用户占大多数，而且800600分辨率在1024768分辨率状态下效果也不错，所以网站采用800600分辨率制成。6.1首页：首页使用的是国字型结构布局。 国字型结构布局是一些大型网站所喜欢的类型,即最上面是网站的标题+横幅广告条+主菜单,下半部分分为3个区域,左右分列一些两小条内容,中间是主题内容,与左右一起罗列到底,最下面是网站的一些基本信息,联系方式,版权声明等。这种布局的优点是能够充分利用版面,信息量大;缺点是页面拥挤,不够灵活。6.2子页：使用标题正文型：这种类型即最上面是标题或类似的一些东西，下面是正文；本站子页大部分是这个结构；6.3页头：页头又可称之为页眉，页眉的作用是定

9、义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。本站页头即是以770150的学校风景图为底片，带有“南昌科技大学”六字及名称英文“University of Science and Technology of Nanchang”，上面带有透明FLASH一起构成。（“南昌科技大学”为黑体、黄色、带有投影效果；“University of Science and Technology of Nanchang”为黑体、白色、以黑色描边；）

10、6.4页脚：页脚和页头相呼应。页头是放置站点主题的地方，而页脚是放置制作者或者公司信息的地方。你能看到，许多制作信息都是放置在页脚的。本站页脚如下：Copyright2006 版权所有南昌科技大学 （页脚字体为宋体，颜色为黑色，白色描边。）七、网站布局技术本站主要使用表格布局布局。7.1 层叠样式表层叠样式表(CSS)是W3C组织新近批准的一个辅助HTML设计的新特性,它能够使你保持整个HTML的统一外观。过去当你在设置文本时,为了保持整个段落都使用相同的外观,不得不为每一段设置属性,很麻烦。如果使用了CSS,那么可以在设置文本之前,就指定整个文本的属性,比如颜色、字体大小等等,这样,我们就能

11、获得统一的文本外观了。7.2 表格布局表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用CSS更加方便。表格布局唯一的缺点是，当我们用了过多表格时，页面下载速度受到影响。对于表格布局，可以随便找一个站点的首页，然后保存为HTML文件，利用网页编辑工具打开它(要所见即所得的软件)，我们会看到这个页面是如何利用表格的。7.3 框架布局不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结构不失为一个好的布局方法。它如同表格布局一样，

12、把不同对象放置到不同页面加以处理，因为框架可以取消边框，所以一般来说不影响整体美观。7.4选择表格布局原因本站主要使用表格布局布局。优势在于它可以对不同对象进行处理，而不必担心不同对象之间的互相影响，且在定位图片和文本上比用CSS更方便，比框架布局更美观。八、网站特效说明8.1透明FLASH的应用主要应用于网页顶部，代码如下： （其中：“770”为FLASH的宽度，“150”为FLASH的高度，“./flash/top1.swf”为FLASH的存在路径，“”是对FLASH背景进行透明化。）8.2网页过渡效果的应用主要应用于整个网页，代码如下：（其中：“Duration=3”表示网页动态过滤的时

13、间为3秒，“Transition=19”表示网页过渡的方式值为19，即为从左上角向右下角展开。）九、网站制作使用软件介绍本站主要使用Dreamweaver 8.0进行网页的排版布局、使用Photoshop CS处理图片及制作一些特效文字、Fash 8.0制作本站动画。9.1 Dreamweaver是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板，同时还可以使用系统内置的多种对象进行操作。Dream

14、weaver启动后，会出现一个新的文档操作窗口，如图1所示。该窗口包含如下的几个部分：标题栏、菜单栏、工作区、浮动面板和状态栏。标题栏中主要显示该文档的标题信息、文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法；Dreamweaver启动后，工作区是白色的空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏位于窗口的最下端，用于显示文档的HTML标

15、记、文档窗口大小、下载速度等信息。9.2 Photoshop是Adobe公司推出的著名平面图像设计和图像处理软件，它具有强大的图像处理功能和操作易用性，受到广大平面图形设计人员及专业广告设计师的青睐。它涉及图像合成、色彩校正、图层调板、通道使用、动作调板、路径工具、滤镜等图像处理功能。可制作如按钮制作、文字特效、材质纹理、三维物体、影像特效及广告创意设计等多种用途。是一门值得深入学习的一种好软件。9.3 Fash是Macromedia公司的一个的网页交互动画制作工具。用flash制作出来的动化是矢量的，不管怎样放大、缩小，它还是清晰可见。 用flash制作的文件很小，这样便于在互联网上传输，而

16、且它采用了数据流技术，只要下载一部分，就能欣赏动画，而且能一边播放一边传输数据。 交互性更是flash动画的迷人之处，可以通过点击按钮、选择菜单来控制动画的播放。正是有了这些优点，才使flash日益成为网络多媒体的主流。附录一、 首页拷贝图1二、作者简介姓名：余志国 性别：男年龄：21 出生年月：1985.08.06电话：15967985565 QQ：286313315E-mail:yuzhiguo1985 班级：2003级电子商务3班个人网站： 学校：江西科技师范学院大专部（ 南昌科技大学 筹 ）家庭地址：江西省上饶地区鄱阳县双港镇双桥村24号 333123三、参考资料（江西科技师范学院）（南昌高等专科学校）（网页设计师联盟）黄立群：电子商务网站建设与管理，大连，东北财经大学出版社，2005；王锦：Dreamweaver MX 2004中文版基础教程，北京，机械工业出版社，2004.10；- 11 -