网站创建

2024-10-08

网站创建（共9篇）

网站创建篇1

Community Starter Kit[1]是微软为推广asp.net技术开发的开源社区网站。该站点支持许多不同类型的内容,包括文章、照片库和事件列表。此外,它还支持大量可选功能(这些功能在许多社区站点上为标准功能),其中包括广告、仲裁、上载配额、评价、评论、用户投票、内容更改通知、自动转换、主题、Web箱、联合、新闻稿、外观和安全性等。Community Starter Kit具有栏目多样、采用数据驱动、定制方便、安全性好、后台管理方便等优点。在Community Starter Kit主要功能的基础上,结合实际应用行业,完全能开发出比较满意的网站。

1 利用Community Starter Kit创建图书馆网站

1.1 Community Starter Kit结构介绍

Community Starter Kit有1.1和2.0两个版本,开发语言有VB和C#,本网站选择Community Starter Kit1.1的vbsdk进行。由于Community Starter Kit完全采用数据驱动,因此在其根目录除了default.aspx页面外,看不到其它的.aspx和.vb文件。Community Starter Kit的工作机制是:当向Web服务器请求Community Starter Kit页面时,一个名为CommunitiesModule的HTTPModule会处理该请求,确定与该请求相关联的社区、区域、页面和用户,并分别填充CommunityInfo、SectionInfo、PageInfo和UserInfo对象。根目录下有admin、engine、Communities等目录,admin目录下是网站的后台管理页面,engine是各栏目对应的后台代码,communities是网站的前台代码,采用ascx组织起来[2]。

1.2 定制首页

Community Starter Kit可以定制首页的主题样式和皮肤,主题有Default、Professional、Arc、Eco、Library、Cruise、Frida、Robotico等八种,每种主题的样式又有很多种可供选择。但由于这些主题都不具有图书馆网站的特点,因此必须对网站的首页进行单独创建。图书馆网站首页总体布局如图1所示,包括网站标题在内一共10个栏目,当然还可以扩展。沙图动态和新书介绍栏目里面的内容标题只显示在一行里,右边的活动公告栏目是比较图书馆比较重要的内容,经常发布一些讲座和图书馆活动等内容,因此每个公告要同时显示标题和时间,且分行显示。及时快讯、热门下载和友情链接只提供标题。要定制自己风格的首页需要通过五个步骤:1)、用admin登陆进入后台界面;2)、选择主题样式,本网站选择皮肤为library,式样为default lunar;3)创建Custom Module自定义模块栏目。首先在Communities下,创建community1,然后在该目录下创建首页控件,名字如myhome.ascx。然后在EngineModulesCustomModules目录下创建一个与自定义控件名字一样的类文件,为myhome.vb;4)对自定义控件myhome.ascx文件安装网站总体布局进行定制;5)对网站首页布局进行色彩搭配。根据步骤2选择的皮肤样式对应目录communitiescommonthemesdefaultstyles,对lunar.css文件进行修改[3-4]。

1.3 定制Web Boxes控件

在网站首页中间的两边,可以定制Web Boxes控件,然后放在需要显示的地方即可。Web boxes控件目录在CommunitiesWebBoxes下,可以新建和编辑Web Boxes控件。网站的活动公告栏目的Web Boxes控件创建代码如下:

2 网站的最后实现

经过以上过程,网站最后被部署在服务器端采用微软的Windows Server2003操作系统,数据库为SQLServer2000,内存4GB。自创建到现在已运行2年多,之间没有出现什么大的问题。其主要界面如图2所示。(图书馆网站http://www.spblib.cn)

3 结束语

微软Community Starter Kit开发包功能强大。在利用其基本功能的基础上,开发者还可以根据具体应用定制开发所需的内容。对于中小型企业单位是一个不错的Web站点解决方案。

参考文献

[1]王震.利用Community Starter Kit构建Web网站[J].辽东学院学报,2006(1).

[2]Skonnard A.ASP.NET Web服务如何工作[J].中国DotNet俱乐部,2005(1):23-25.

[3]Litwin P.利用asp.net Starter Kit即刻开始Web站点开发[J].计算机世界,2004(3):15-18.

[4]郑耀东,蔡骞.ASP.NET网络数据库开发实例精解[M].北京:清华大学出版社,2006.

网站创建篇2

把一些常用的cms介绍给大家，例如织梦cms，帝国cms，phpcms，都是十分强大的内容管理系统，其中小编使用最多的就是织梦cms，简单实用，功能强大，很适合初级站长使用。

接着我们需要搭配我们的建站环境，运行织梦是需要环境支持，很多朋友可能会说搭配环境是不是很难呀，当然如果你一个一个配置对于新手当然有难度，但是集成到一起的环境一键安装对你应该没有难度了把，windows环境下推荐使用wamp继承环境，linux推荐使用xampp集成环境。

安装完成后便可以把织梦和集成环境相结合了，我们解压织梦，需要的文件夹只有uploads下的文件而已，把uploads下得文件复制到网站的根目录中去，如果你使用的是wamp集成环境就把它放在你安装的wamp文件夹下得文件夹下即可，(文件夹就是wamp集成环境的根目录)，xampp小编没使用过，不太清楚它的根目录位置，大家可以百度下。

然后便可以在浏览器中输入localhost进行织梦的安装了，具体的安装细节可以参考小编关于织梦安装的详细教程的经验，对新手朋友应该有帮助，在此安装细节小编就不在复述了，很快便能完成安装。

至此一个简单网站就算是完工了，直接输入localhost便可以进行访问了，localhost/dede便可以进入后台进行网站的管理了，当然就此做出来的网站相当简陋，我们可以设计属于自己的模板替换原有的，便能真正创建一个属于自己的网站了，在此小编就不在详细介绍了。

以上步骤仅仅是完成了本地的创建和测试，但是还没有人能够访问你的网站，要想别人能够访问你的网站，首先你必须要准备一个域名，域名可以到当地的有关部门去申请，花不了不少钱便能购买一个。

域名准备完毕后就要准备服务器了，通常一般的站长不必购买服务器，购买空间即可，当然也有免费得空间可供使用，对此小编并不是很了解，想要深入了解可以百度下，除了空间，当然也要准备数据库，注意想要使用织梦必须支持php+mysql，购买的时候一定要注意。

准备就绪后我们就可以进行网站的迁移了，首先就是文件夹的迁移，把根目录下得所有文件复制到空间中，一般都会给你操作的ftp,上传到指定文件夹即可，然后便是数据库的迁移，一定要注意，如果你不是在服务器上安装的织梦一定要给他数据库文件，否则不能正常使用，在服务器上安装的可以忽略，至此，所有操作步骤完成，用户可以通过你的域名访问你的网站了。

创建网站的小贴士：

一、网站主题规划

主题不可过于分散，网站主题越集中，一般情况下网站所有者在这方面投入的精力会更多，因此所提供信息的质量也会越高。

二、丰富网站内容

网站创建篇3

关键词精品课程计算机基础教学网站

中图分类号：G64 文献标识码：A

0前言

教育改革在不断的深入，网络技术与多媒体技术被广泛的应用在课程教学之中，传统教学模式正在呈现多样化发展的趋势。网络课程教学是现代教育的重要组成部分，为教育事业的发展提供了更多的活力，在现代教育之中发挥了重要的作用。计算机基础教学网站的开发，顺应了时代发展和教育改革的趋势，对精品课程的建设具有积极作用。

1计算机基础教学网站开发的背景

高校教育改革已经在我国全面的展开，为了落实教育部关于精品课程建设工作的要求，提高我国高等教育的教学质量，将计算机网络技术与传统教学方式相结合已经成为今后教育发展的必然趋势。社会在发展进步，对教育资源的需求在不断增大，必须通过计算机网络技术提高教育资源的共享率，使其成为一种有效的教学辅助工具。计算机基础课程也具有一些辅助教学的模式，比如通过移动存储设备将课件或者习题等教学资源传输给学生，这种传统的教学辅助手段虽然可以在一定程度上对学生的学习起到帮助的作用，但是效率太低，并且数量有限，具有很大的局限性。现行的计算机基础教学网站存在很大的漏洞，知识量有限，当学生集中在网上对学习资源进行下载时，会使网站系统的压力加大，系统崩溃的现象经常产生，影响了学生的使用。因此，必须加强对计算机基础教学网站的开发，创建精品课程，为学生和教师提供便利。

2计算机基础教学精品课程网站开发的作用

计算机基础课程是高校公共课程中的必修课程，包括计算机文化基础、VB语言、C语言等课程，对学生计算机基础技能的提高具有重要作用。利用计算机网络技术对教学网站进行开发，为计算机基础课程的教学辅助手段提供了一个新的选择，突破了传统教学活动在时间和空间上的限制，为教师和学生的教学和学习活动提供了极大的便利，可以有效提高教学效果。建立计算机基础课程教学的精品网站，教师可以在网上对学生的试卷进行评审，符合课程网络化学习平台建设的需要。建立精品课程网站，可以充分利用网络资源进行教学和学习，极大的提高学生学习的效率，轻松实现了网络资源的共享。精品课程网站的建设可以通过功能模块的设置对学生学习的自主性进行积极的引导，提高学生在学习之中的探究性，增强学生在学习之中的相互配合，全面提升学生的综合素质。精品课程网站建设可以将不同种类的网络教学资源进行有效的整合，综合利用声音、图片、视频等多媒体技术，激发学生的学习兴趣，提高学生的想象力，有利于学生对教学中的重点和难点知识的理解。

3教学网站开发的技术应用

精品课程的网站开发需要用到诸多的计算机技术，通常会采用B/S结构，也就是浏览器/服务器结构对网站进行开发和设计。B/S结构是应用比较广泛的软件系统体系结构，服务器可以对浏览器提出的请求进行分析和处理，再将用户所需要的信息反馈到浏览器上，系统操作比较简单快捷，所以受到众多网站开发者的青睐。精品课程网站开发中应用了很多计算机技术，下面对这些技术进行简要分析。

3.1 HTML语言

HTML语言可以对Web文档的编程进行创建，通过HTML语言能够确定Web文档信息的显示形式和内容。HTML语言创建的文档之中也可以包含其他的文档，或者形成具有图片、文字、声音等的超文本。

3.2动态数据对象

动态数据对象是微软推出的应用程序接口，能够实现对关系数据库或者非关系数据库中的数据的访问。客户端的应用程序可以通过OLE DB对数据库之中的数据进行访问和相应的操作，满足用户的不同需求，支持Web应用程序的主要功能。

3.3动态服务器网页

动态服务器网页是微软公司研发和推出的服务器端的脚本语言运行环境，其中包含了不同脚本的程序代码，并通过这些程序代码创设了网页。当浏览器使用动态服务器网页技术来编写网页时，服务器就会产生相应的代码传达到浏览器之上，这样用户就可以在浏览器上看到动态的网页。

3.4 Dream weaver

Dream weaver是专业的网站设计和网站管理软件，可以对网页进行可视化的设计与编辑，同时支持多脚本语言的编写。通过Dream weaver可以将动画、图片等资源进行有效的整合，为网站提供更加强大的功能，并且在编辑和使用上十分简单快捷。

4精品网站体系结构的设计

通过对计算机基础教学网站开发工具的选择，将网站建设所需要的计算机技术进行有效的搜集和整理，为整个网站的建设服务。

4.1网站的数据库体系结构的建立

在计算机基础教学网站之中需要建立数据库体系，数据库系统之中包括用户表、班级表、成绩表、课程表和文件表等，其中存储了各种与计算机基础课程相关的数据。在计算机基础课程教学网站的这些基表之中，需要建立一定的关联，班级表与课程表和成绩表之间可以通过外关键字建立关系，形成一定的联系，方便教师和学生进行查询。班级表与课程表之间的关系是一对多，成绩表与课程表之间的关系是多对一。学生和教师在利用网站时可能会对多个数据表进行查询，为了方便操作，在数据库的系统结构之中设计了一个“视图”工具，可以将多个表进行整合处理。

4.2网站的系统结构设计

计算机基础教学网站的使用，需要对网站的系统进行访问，才能得到系统提供的相应服务。在对网站进行登陆时，需要利用用户的帐号和密码，经过系统的验证之后才能进入到系统的主页之中进行相应的操作，并完成对用户身份的追踪。网站系统将用户分成两种类型，一类是教师，一类是学生，不同的用户其主页形式也存在差异，并且具有不同的访问权限。

教学网站在不同的用户主页之中设置了不同的功能模块，教师模块具有的功能是文件管理、教务管理、课程管理、成绩管理以及进入学生首页的功能。教师可以通过文件管理功能将学生需要的学习资源上传到网站之中，进行资源共享，也可以通过该功能对学生的成绩进行审核与发布。学生模块所具有的功能与教师模块存在差异，包括查看信息的功能、常用工具下载功能、网络课堂功能、在线课堂功能，同时还具有学生论坛，学生可以就学习上的相关问题进行讨论。

5结束语

为了创建精品课程，对计算机基础教学网站开发进行了探讨。传统的教学辅助模式在辅助效果上存在一定的局限性，在此基础上分析了网站开发的重要作用以及网站开发的设计与实现。建立精品课程网站能够在很大程度上提高资源共享的效率，提升计算机基础课程的教学效果。

参考文献

[1] 吴清芳.基于ASP.NET的网页设计精品课程网络教学系统的设计与实现[D].中国海洋大学，2011.

[2] 王利江，刘东升，张丽萍.“计算机公共基础系列课程”建设与实践[J].计算机教育，2011，22（03）：84-87.

[3] 李永琴.基于过程管理的实验教学网站开发与应用研究[D].山东师范大学，2011.

[4] 朱全银.信号与系统精品课程双语教学网站建设[J].电气电子教学学报，2012，02（15）：92-94.

[5] 邵雪.计算机网络课程网站的设计与实现[D].青岛理工大学，2012.

[6] 林筑英，师蕾，林宏伟，张琦.基于交互学习的精品课程网站的设计与实现[J].计算机教育，2010，21（07）：20-25.

网站创建篇4

关键词：Django开发框架,Python语言,Web开发框架,单文件,静态站点

1 引言

随着互联网的飞速发展, 未来将会有更多的开发转移到Web。 Django是用Python写成的, 是一个Web应用程序框架, 以其便捷、快速、高效的特点深受好评。它遵循MVC开发模式和坚持不要重复自己的原则, 这使得数据库驱动的应用程序更加高效且高度可扩展, 是目前最流行和最成熟的Python Web框架。很多博客网站的例子都是采用静态网站生成器诸如Jekyll或者Hyde等来创建的。通常这些静态网站生成器会包括一组简单的基模板, URL模式和文件结构来服务每个静态页面。尽管Django最初是用于快速构建Web应用的, 但多数开发者在创建静态网站时并不太会使用Django的Web框架。借此将使用Django来创建一个快速成型站点, 这个站点可以帮助快速生成网站和应用程序。与Django开发通常使用的命令不同的是, 将会利用单文件的方法来存储settings和运行项目所需的其他配置, 而这些配置保存在run.py文件中。除此之外还需要视图、 URLs和模板来运行快速成型网站。

2 开发环境

创建静态网站, 所使用的开发环境如下:

系统:Win32

PyCharm:4.5.4

Django:1.7.11

3 开发过程

3.1 创建网站的文件结构

打开Py Charm, 创建一个Python项目并保存在D盘的static_site_generator文件夹下, 然后在static_site_generator文件夹下创建一个run.py文件, 这个文件用来存储运行Django项目所需的代码。把run.py文件另存为site_name.py, 放在site_name目录下。执行命令: django -admin startproject sitebuilder --template=site_name即可建立一个名为sitebuilder应用, 然后把init.py、 views.py、 urls.pytemplates、 pages、 static文件夹放在里面, 在static里面在新建两个空白文件夹js和css, 用于放置JavaScript、 CSS、 images等文件。

3.2 添加基本的设置

文件布局好后, 在run.py文件中添加基本设置以及把sitebuilder应用加入到INSTALLED_APPS中, 代码如下:

3.3 URL设置

只要在url.py文件中添加URL设置, 就可以完成初始的项目布局, 代码为: urlpatterns= () 。

执行命令: python run.py runserver来快速检查应用程序。在浏览器中输入http://127.0.0.1:8000/, 会看到Django “ It worked” 页面, 这说明应用程序一切正常。

3.4 创建View

通过编写视图函数来创建所需的页面, 视图 (view) 可以说是组成了Django应用程序里的很多逻辑, 甚至有时候几乎是全部。所谓的视图函数, 其实只是一个接受Web请求并返回一个HTTP响应对象的Python函数, 这个响应对象可以是网页的HTML内容、一个404 错误、一幅图片、或者其他任何东西。以下是所需的视图函数代码:

3.5 添加URL映射

URLconf就像是Django所支撑网站的目录, 它的本质是URL模式和其调用的视图函数之间的映射表。下面将访问地址加入进去:

3.6 创建基模板

与其他的静态网站生成器一样, 整个网站的创建一般会有几个基模板, 这些基模板是整个网站采用的通用布局, 并且会为每个页面都建立一个基本的结构样式。对于本应用, 将创建两个基模板: base.html和page.html, 并把它们放在sitebuilder/templates目录下。以基模板为父模板扩展出的其他特定模板放在pages文件夹下, 在pages文件夹下创建两个模板文件: index.html和contact.html。鉴于篇幅, 这里只给出base.html的基模板布局的部分布局, 代码如下:

除此之外, 基模板上还需要添加生成静态网站所需的静态文件标签{% load staticfiles %}。形成网站风格的bootstrap, 下载bootstrap并把它保存在static文件夹下, 然后在基模板base.html中引用css, js, fonts文件夹下的文件。由于还添加了其他的诸如contact, login, signup等页面, 故在基模板中还需添加一些基本的页面导航。最终的主页模板效果如图1 所示。

现在有了基本的页面布局, 通过在pages文件夹下添加contact.html模板来连接contact页面。模板效果如图2 所示。

此时contact页面已经生成, 但由于没有设计表单且还没有同步到后台数据库, 故此页面暂时还无法实现contact的功能, 目前本文只是简单的设计静态页面, 后续会根据需要实现更多功能。

4 结语

Django是一个优秀的Web开发框架和平台, 给用户的Web开发提供了所需的工具和组件。本文利用单文件方法来代替Django开发中通用的startproject命令法, 来创建一个工程, 免去了startperoject命令生成很多在开发静态页面过程中用不到的文件和目录。单文件法一定程度上方便了Django初学者对Django开发框架, 流程等的初步认识, 提高了开发速度。

参考文献

[1]S.Jaywalk, R.Kumar.Learning Django Website Development.UK:Packt Publishing Ltd, 2015.

[2]刘志凯, 张太红.Django框架在web开发中的应用.农业网络信息, 2015, 02:51-52.

[3]J.Elman, M.Lavin.Lightweight Django.USA:O’Reilly Media, Inc, 2014.

[4]张台, 章杰, 林培杰, 等.基于Django的快件揽收服务器的开发与应用.单片机与嵌入式系统应用, 2016, 02:51-54.

创建“文明网站”工作总结- 篇5

xx新闻网作为我市的新型网络主流媒体，自成立的那天起就以“围绕中心、服务大局”为办网宗旨，积极倡导文明办网，绿色上网理念。特别是参加文明网站创评建设活动以来，更是严格按照互联网管理的规定，对照检查、严格自律，以创新的精神、务实的作风，充分发挥地方重点新闻网站在网络文化建设中的重要作用，坚持正确舆论导向，传播先进文化，逐步树立了网络新型主流媒体的权威和公信力，成为了市委、市政府传递政策和信息，掌握舆论主动权、实施舆论监督的重要平台，成为了xx对外开放，展示形象的重要窗口。

一、依法办网、依法管网。

认真学习并模范遵守国家关于互联网管理方面的各项法律法规要求，新闻网对《本地要闻》《社会新闻》《国内国际》《媒体聚焦》《热点热评》等新闻栏目进行了认真的检查和梳理，对上传新闻、转载新闻进行了严格的管理。其中《本地要闻》《社会新闻》这两个板块主要以本网记者原创性采访为主，而且只转载和发送本地其他新闻媒体的信息，如日报、电视、电台、晚报等媒体的新闻信息，所有信息均注明了时间、来源及作者姓名，没有对原新闻信息进行歪曲报道。《国内新闻》《国际新闻》全部以新华网、人民网、四川新闻网为主，相关转载的信息，全部注明了来源。

二、规范运作，传播文明。

xx新闻网严格按照《xx市互联网站文明办网联合响应书》要求，以传播弘扬热爱祖国、服务人民、崇尚科学、辛勤劳动、团结互助、诚实守信、遵纪守法、艰苦奋斗的内容为荣，坚持文明办网，坚决抵制与社会公德和中华民族优秀传统美德相悖离的不良信息，自觉抵制网络低俗之风，净化网络环境。没有刊载不健康文字和图片,不链接不健康网站，没有提供不健康内容搜索，没有登载不健康广告，没有发布虚假信息；没有在网站转载违法、庸俗、格调低下的言论、图片、音视频信息。同时积极承担新闻网络信息发布监审员职责，对全市各大网络发布的新闻进行适时审看，并及时提出意见和建议，努力营造网络文明新风。

三、围绕中心、服务大局。

xx新闻网充分发挥地方重点新闻网站的作用，围绕市委、市政府的工作大局，结合各自网站特点，做好对内对外宣传工作，为xx加快发展、科学发展、又好又快发展，为建设美好新xx营造了良好的网上舆论环境。

新闻网开办以来，xx新闻网秉承 “围绕中心，服务大局、关注热点，打造亮点”的办网理念，努力抓好宣传报道、精心收集整理网上舆情，力争发挥网络优势，做好建设美好新xx的宣传。主要工作是：一负责做好互联网上党的路线、方针、政策的宣传，研究互联网舆情动态，正确把握舆论导向。二围绕市委、市政府中心工作，组织开展重大新闻宣传活动，及时采写、编发宣传xx政治、经济、文化、社会等方面的新闻，对内、对外宣传xx。三负责做好在互联网上对外宣传xx的市情、特色和亮点等工作。四负责全市报纸、电台、电视台重要新闻信息的链接上网工作，对上网信息进行审查、把关。五抓好各区县、市级各部门新闻外宣网站（页）的指导和制作，为各区县、各部门搭建网络宣传平台。2008年我们针对新型网络媒体的特点，以“打基础、求发展”为目标，不断提高人员素质和业务技能，精心策划选新闻取题，弘扬主旋律，以全市中心工作为报道重点，关注民生民本，推出专题报道和组合式互动报道，以文字、图片、音频、视频等多种网络媒体表现形式，在注重原创新闻采访的同时，整合市级主要媒体信息资源，实现了网上阅报、看电视、听广播。受到了越来越多网民的关注，xx新闻网的关注度、影响力、权威性正日益提升。

（一）宣传报道。xx新闻网坚持“两手抓”，一手抓正面引导，营造良好的舆论环境，一手抓舆论监督，净化社会环境。我们坚持编前会制度，根据当前全市宣传工作重点，进行统一安排组稿。对每周的新闻宣传进行提前策划，落实到栏目，到人头。实行了采、编、审、责编一体化流程管理，严肃采编纪律和宣传纪律，杜绝了用人情稿、关系稿的现象，新闻版面做到了信息量大、影响广、时效强、宣传实，图文并茂。每天第一时间通过互联网发布信息800条（幅）以上。为全面宣传、展示、传播xx，让xx更多地了解外界发挥了积极的作用。网站采写的“古镇李庄旅游基础设施损坏严重”“高县一社区干部打骂低保户”“xx县司法所长挖人祖坟”“热水鱼寻找婆家”等稿件引起了强烈反响，并及时得到了相关部门的处理。

（二）、紧密结合建设美好新xx这一重点，精心策划制作了热点专题10多个，如“文明城市创建”“辉煌的十年”“学习贯彻十七大”“2007年抗洪抢险” “2008年xx两会专题”“学习贯彻十七大”“文明网站创建”“早茶节”“中国xx酒圣节”“酒都xx迎奥运”等专题，并通过链接、协作等形式做好了“圣火传递”“抗震救灾”等专题，同时充分整合xx媒体资源，全方位地对xx改革发展的政策进行了解读，对热点问题进行报道。

四、自我约束,强化自律。作为新兴的新闻网站，我们从建章立制入手，建立、健全网站内部管理制度，规范信息制作、发布流程，强化监管、惩处机制；加强对网站从业人员的职业道德、网上公德教育,增强社会责任感，推动互联网行业健康发展。

完成了工作流程及各部门考核制度、例会制度、网站安全管理制度、值班制度、xx新闻网广告管理办法、物品使用管理制度、作息、请休假制度、财务管理制度、内部考核制度以及计算机管理及操作规范，有害信息监控过滤、删除制度，突发事件应急预案等12项制度规章，确保了网站的正常有序运转。

同时，制定完善了员工业绩考核及分配制度，推行多劳多得的激励机制，全网站从管理人员到一般员工均实行业效考核，个人收入与网站业绩挂钩，调动了全体人员的工作积极性；经过一年多的锻炼、培养，xx新闻网拥有了一支懂网络技术，能把握网络新闻动态，敢于开拓市场的团队，为网站下一步发展提供了人才支撑；

xx新闻网于2006年12月开始筹建，2007年6月19日正式开通。并于2008年6月1日和8月1日进行了两次大的改版，使网站软硬设施建设得到加强，规章制度逐步完善，人员素质得以提升，网站影响力明显提高，受到市内外以及海内外网民的广泛关注。

网站创建篇6

作为个人娱乐产品, 在使用中面临着娱乐片源非常有限的问题;随着知识产权意识的全球化, 信息内容的版权也需要得到更加有效的保护。当前手持终端产品的技术已经能够支持众多的多媒体规格, 但这两大问题使这些产品的功能优势远远没有得到发挥。实际上, 很多功能使用不足, 有的甚至成为摆设。目前已有一些网站提供一些可以用于播放的媒体内容, 如免费下载的音乐和影视内容等, 但它们在规范性、技术性、版权控制及合法性等方面还存在很多问题。充足丰富的片源供应不仅是消费者的使用需要, 也是手持数码产品制造商的迫切要求。早年VCD在中国的迅速爆炸式普及和增长, 就是以极大的片源提供为契机的。这几年来, 具备多媒体娱乐功能的手持数码电子产品的市场拥有量已十分巨大, 并且还在高速发展。比如, 2007年全球仅手机销量就超过10亿部, 其中具备一般多媒体娱乐功能的占到20%以上, 这还不包括PMP等专门的手持多媒体产品及掌上电脑产品。

基于这个机遇和需求, 若经过周密策划和准备, 专门针对手持多媒体数码产品 (以下简称手持终端) , 创建一个以提供多媒体信息内容为主的服务网站, 将具有非常好的市场前景。

该网站营运模式可以简单概括为:使用先进的压缩技术, 联合各大影视传播商, 结合互联网技术, 为各类手持终端客户提供有偿的多媒体信息内容下载。

1 网站营运的基本模式

网站营运的基本模式如图1所示。

2 网站的定位和发展方向

在前期, 网站以提供多媒体信息内容为主要产品。在中期, 大力发展网络会员, 树立网站品牌, 以宣传网站的丰富内容为卖点, 给手持终端消费者以归属感和满足感;同时增加网站的广告收入, 使网站逐步发展成为各大手持终端生产厂家和消费者提供售后服务及增值服务的平台。在后期, 以网站的技术实力和网站个性化、趣味性的内容为主要宣传点, 树立网站差异化形象;并结合未来的无线网络技术, 使网站成为手持终端玩家随时随地的网络伴侣。

3 网站提供的内容及来源

该网站提供的内容及来源如表1所示[1]。

4 网站的赢利途径与方式

网站的赢利途径主要为:以收费下载为主, 以由此派生的其他收费方式为辅。主要的收费对象是手持终端产品的消费者。收费下载采用灵活多样的收费模式, 提供便利的下载方式。

(1) 单片收费方式:可以按片源的热门程度制定价格, 如热门新片2元/部, 旧片可以便宜至0.5元/部。还可以和片源提供商协商, 在每周推出经典影片赠送等让利活动, 用以提高手持终端消费者的依赖性。

(2) 售卡式收费:制作5~100元各档次的卡, 批量卖给手持终端产品制造商和终端销售商或合作推广, 同时可提高网站的影响力。

(3) 会员包月收费方式: (1) 5元包月会员, 可以8折下载影片, 还可获赠个性杂志和免费下载热门影片一部或等值的其他产品; (2) 10元包月会员, 可以6折下载影片, 还可获赠个性杂志和3部热门下载影片, 或等值的其他产品; (3) 20元包月会员, 可以4折下载影片, 还可获赠个性杂志和8部热门下载影片, 或等值的其他产品。

收费方式可结合各种网络的收费手段, 采用电子银行、短信付费、互联星空和付费电话等多种方便灵活方式相结合。

5 网站的技术重点和关键实施技术

5.1 该网站的技术重点

(1) 前期的网站建设和基础数据的导入;

(2) 网站添置内容的压缩与加密技术;

(3) 片源的管理与收费;

(4) 网站的界面美化和后台关联程序编写;

(5) 后台数据库的管理技术;

(6) 流量统计和计费等管理技术;

(7) 网站内容的采集、编写, 包括杂志、游戏和Flash等制作技术。

网络技术结构图如图2所示。

5.2 网站的关键实施技术

加密技术是关键技术。片源是公司的业务主要内容, 片源商及代理商也将提出保护其知识产权的要求, 这也是网站长期生存的支撑点。因此, 片源的加密保护、下载的权限管理必须逐步完善。

加密技术的实施需要组织精干的技术团队, 研究图像处理和文件加密技术, 并在逐步完善中运用。随用户量逐渐庞大, 形成公司独特的竞争力, 直至成为DRM (数字版权管理) 的行业标准之一。将来的加密方法应达到如下效果:

(1) 用机身码验证机器的合法性。每台手持终端产品上有唯一的可识别ID代码。此ID有厂商信息, 在下载的时候需要验证ID。在提供下载的片源文件里, 预先植入密码, 该片源只能在合法会员厂商的手持终端产品里播放。

需攻克的技术难度包括:机器编码标准的制定和推广实现;网站的机器ID数据库和厂商生产的ID数据库的一致性;ID信息在片源内的植入等。

(2) 播放的唯一性技术。在下载片源里植入手持终端产品的唯一ID, 使该片源只能在拥有该终端产品ID的机器上播放, 在电脑及其他没有ID的同类产品上将不能播放。这将很好地保护终端产品制造厂商、用户和片源提供商的利益。该技术在前期缺少市场应用环境, 但符合未来的知识产权保护全球化趋势的要求。

(3) 防拷贝技术。研究图像处理系统的文件加密技术, 防止被下载的片源被无限制地拷贝或被拷贝时破坏文件。该技术更容易在硬件上实现, 比如苹果的MP3已实现简易的防拷贝技术。软件的防拷贝技术应该与硬件同步, 结合使用[2]。

以上3项技术的实现将形成一个比较完整的数字版权保护技术体系, 将使公司的技术和服务的竞争力得到极大提升, 同时符合国际知识产权保护的潮流。这对公司的长远发展将意义深远。

6 商业分析[3]

6.1 项目优势

(1) 行业优势。多媒体信息收费下载是一个新兴产业, 它需要整合多方的技术资源才能达到预期目的, 因此对于后来者存在模仿上的难度。这种技术门槛在一定程度上给网站提供了良性发展的时间和空间。

(2) 技术优势。目前市场上流行的影片下载基本都是以成品电影为主, 大多数不适合于手持终端直接下载使用。利用压缩技术, 把片源压缩成适合手持终端产品观看的影片, 工作量大, 没有专门技术和大规模的生产, 难以形成有规模的多媒体信息下载网站。随着3G无线宽带技术的大力推进, 手持终端不经电脑, 直接从网站下载变得更为便利。

(3) 片源优势。联合正版片源供应商, 提供正版下载和流量分成, 符合未来的网络发展方向。

(4) 客源优势。手持终端生产厂商需要为客户提供观看的片源, 一般存在两大困扰:一是片源的版权问题;二是片源的时间性问题。多媒体信息下载网站从解决这两个问题入手, 一方面提供正版下载, 另一方面让手持终端的消费者通过网络能够下载到最实时的资讯。既解决厂商的眼前矛盾, 又满足终端拥有者的终极需求。下载网站以厂商为第一推销员, 批量发展客户, 具有不可比拟的客源优势。

6.2 项目劣势

短期内无法解决影片下载的复制和传递问题, 低价甚至免费的盗版下载严重。

6.3 项目机会

(1) 抢占先机。有需求就有市场, 有市场就应有相应的经营形式。目前手持终端下载市场尚没有合法的经营形式出现, 所以有抢占市场先机的优势。

(2) 良性发展。凭借独特的发展空间, 从终端客户的角度出发, 以丰富新颖的资讯内容和良好的服务形象, 率先确立网站的品牌基石。

(3) 展望未来。手持终端产品的发展和竞争方兴未艾, 如火如荼。随着未来无线信息传输技术的更新换代, 手机、PMP、手持电脑、手持电视之间的界限将越来越模糊。大量终端的产生, 对资讯的需求必将越来越大。建设有规模、有品质的信息服务收费网站, 将会在未来的大市场格局中占有一席之地。

6.4 项目风险

(1) 新生事物。由于收费下载是新兴业务, 业务的发展预测缺少市场借鉴性, 难以做出精确的预测和评估。

(2) 依赖性。网站的发展首先依附于手持多媒体数码产品的发展, 一旦相关产业的发展呈现萎靡趋势, 会对整个网站造成巨大的影响。网站的发展还依赖于多媒体信息内容的制作水准和推广力度。没有好的信息来源, 网站很难成功推广。

(3) 政策性。在信息盗版仍然比较猖獗的今天, 知识产权的保护政策, 对正版片源的保护和扶持政策, 也将影响到本计划的顺利实施。

7 结语

在对网站工程建设费用和维护费用、硬件设备费用、人员及管理费用进行详细预算的基础上, 对网站的运营效果与收支平衡关系进行分析后, 得出以下结论:在网站运营18个月左右, 可收回全部投资并可形成客观收益和良性运作[4]。

参考文献

[1]李蕊.流媒体技术及其应用[J].天津职业院校联合学报, 2008 (4) :131-134.

[2]韩丽娴.网络数据加密技术的探讨[J].科技资讯, 2008 (17) :31-32.

[3][美]库洛特克, 霍志茨.创业学:理论、流程与实践[M].张宗益, 译.第6版.北京:清华大学出版社, 2006:269-294.

网站创建篇7

关键词：网站,DW,ASP+access,数据库

一、引言

随着国内Internet技术的不断提高, 越来越多的人意识到了“动态”网站的重要性。“动态”网站的编写也逐渐替代“静态”页面的编写, 成为当今站点的主流。目前最为流行的Web开发环境是Dreamweaver, 它将Web应用程序的开发环境同可视化创作环境结合起来, 能够帮助用户快速进行Web程序的开发。对于那些不懂ASP的爱好者也可以利用Dreamweaver在不需要或者只需要修改少量代码的情况下制作出ASP动态页面来。而熟悉ASP的人员更是可以简化编写代码时的重复工作。虽然有这样一个容易上手的平台, 但是在设计网站的过程中还要涉及数据库的部分, 这个部分弄不好就会出错, 会影响设计的进程。尤其在设计初期, 这些问题解决不好, 后期的设计很有可能就不能持续下去。那么接下来就研究常见错误及解决方法。

二、常见错误及解决方法

错误一:错误类型:

Microsoft OLE DB Provider for ODBC Drivers (謖0x80004005謖)

[Microsoft] [ODBC Microsoft Access Driver]Microsoft Jet 数据库引擎打不开文件謖 (未知的) 謖。它已经被别的用户以独占方式打开, 或没有查看数据的权限。

/conn.asp, 第6行

错误二:错误类型:

Microsoft OLE DB Provider for ODBC Drivers(0x80004005)

[Microsoft][ODBC Microsoft Access Driver]不能使用謖 (未知的) 謖;文件已在使用中。/admin.asp, 第9行

原因:以上两个错误都是同一个问题, 就是存在权限问题。

·Internet Information Server所使用的账户 (通常是IUSR) 对于某个基于文件的数据库或包含该文件的文件夹可能没有正确的Windows权限。请在用户管理器中检查该IIS账户 (IUSR) 的权限。

·可能没有创建或销毁临时文件所需的权限。请检查对该文件和文件夹的权限。确保您具有创建或销毁任何临时文件所需的权限。临时文件通常创建在数据库所在的文件夹中, 但也可能创建到其他文件夹 (如/Winnt) 中。

·若在Windows 2000中, 则可能需要为Access数据库DSN更改超时值。要更改超时值, 请选择“开始”>“设置”>“控制面板”>“管理工具”>“数据源 (ODBC) ”。单击“系统”选项卡, 突出显示正确的DSN, 然后单击“配置”按钮。单击“选项”按钮并将“页超时”值更改为5000。

解决:磁盘分区格式必须是NTFS, 然后从资源管理器菜单中的工具→文件夹选项→看里头的“使用简单文件共享”的勾勾去掉, 找到Access文件, 点右键, 选择属性→安全, 添加一个Everyone用户, 并且设置成完全控制即可。

错误三:错误类型:

Provider (0x80004005) 未指定的错误

/XXX.asp, 第37行

原因:连接数据库代码不规范所造成的, 代码有漏缺情况。

解决:找到产生连接数据库的那段代码为MM_XXXXXX_STRING赋值的语句, 添加UID=;PWD= (此段代码一般是在站点的CONNECTIONS文件下)

例如:错误前:MM_XXXXX_STRING="dsn=YYYY;

改正后:MM_XXXX_STRING="dsn=YYYY;UID=;PWD=;"

错误四:错误类型:

ADODB.Field(0x800A0BCD)

BOF或EOF中有一个是“真”, 或者当前的记录已被删除, 所需的操作要求一个当前的记录。

/XXX.asp, 第390行

原因:这种错误常产生于网页之间传递数据。ASP应用程序时一般至少拥有两个或两个以上的Web页面, 这时就得考虑在多个Web页面间传递数据的处理工作。网页间数据传递的常用方法有:URL方式、FORM方式、COOKIE、APPLICA-TION、SESSION。其中URL方式和form方式实现方法简单, 可实现网页间的简单数据传递 (也是我们初学者能快速掌握的) 而且必须是连续访问两页面间数据传递。如在制作网站搜索引擎时, 便要用到FORM方式传递参数。又如我们每次在看一些网站在用户注册后, 便可在下一个页面看出到用户的详细信息。但我们用DW制作类似的页面时则总出现这样的错误。这样的错误一般属于记录集 (recordset) 的问题。这类问题发生的原因, 一般是执行了查询条件, 但送回的结果却是空的, 即没有符合查询条件的记录或是执行了循环, 执行到第一个或是最后一个记录集的时候, 没有及时终止循环, 所以产生了错误。

解决:首先检查查询条件, 确定数据库表的数据不为空。可以直接在数据库里添加一条记录试一下。

if rs.eof or rs.bof then

response.write"找不到你查询的记录集!"

response.end( )

end if

或是遇到没有数据的记录集自动退出记录集:

if rs.eof or rs.bof then exit do

三、结语

网站创建篇8

分组:从随意组合到合理搭配

在分组的过程中, 我一开始采取的是随意组合, “前后四个同学一组”, 这是最常见的分组形式, 但实践表明这是不分析学情、乱点鸳鸯谱的做法。我仅仅考虑空间位置上的方便, 而忽视了科学分组的重要性, 造成了强强合作、弱弱联合的可能。体现在活动的评价环节就是, 强的小组提前两节课完成站点创建活动或同时做了两个网站;而弱的小组不能提交一个完善的网站。通过学习我了解到, 就近分组是合作学习的分组标准, 合作学习讲究的是异质分组, 成员间的差异是开展合作学习的前提, 在后来的教学当中, 我利用在机房上课学生座位不固定的特点, 采取兴趣组合、帮扶组合、男女组合等形式选择优化的组合方式。

1.兴趣组合。这是我在目前教学中用得最多的形式, 让学生自由报名, 将志趣相投、爱好一致的的学生组合到一起, 对自己感兴趣的主题开展探究。比如在网站的规划与设计当中, 爱打篮球的学生一起设计NBA网页, 喜欢旅游的学生介绍家乡的景点, 而追星族的粉丝都共同推荐自己的偶像。兴趣是最好的老师, 按兴趣组合的学生都会对任务充满激情, 对目标的实现有着强烈的追求。在实践过程中, 教师稍加引导即可, 这也充分体现了以学生为主体的理念。

2.帮扶组合。学生总是存在个体差异, 有能力强弱之别, 在分组的时候, 可以选出能力突出的学生担任小组长, 并以他们为中心均衡分配小组成员。各成员在小组长的带领下, 以优带差, 相互协作, 群策群力, 不同领悟层次的学生经过共同的磨合与探究, 形成团队意识, 共同完成任务。

3.男女组合。俗话说“男女搭配, 干活不累”。从心理学角度看, 这是一种异性激励原理, 因为异性的鼓励和支持也是成功的一种动力。在小组成员分配的过程中, 不管是采用兴趣组合还是帮扶组合, 都应该考虑到男女成员的搭配, 以更好地激发各成员的主观能动性。

新课程的实施使学生的学习主体地位得以真正的确立, 小组合作学习是学生主体地位最直接的体现。在小组合作学习中, 重要的是思路的分享, 思想的碰撞, 在共同完成任务的同时, 培养成员团结互助、理解宽容的合作精神与合作技能。

分工:从人人有责到面面俱到

创建主题网站的合作学习当中, 还出现了一种现象, 电脑技术好的成员往往成了“包干户”, 将网站创建任务从规划设计到素材收集再到网页制作, 由头到尾“一脚踢”, 而其他成员一不小心就成了旁观者, 进而产生依赖心理, 甚至有的成员在分组时, 直接要求和层次高的成员一组, 我把这种现象称为“傍大款”。后来我体会到, 分组仅仅是合作学习的前提, 要想更好地完成小组任务, 还必须对各成员进行明确的分工。再次上课时, 我让小组成员按素材收集、材料加工、网页制作的流程进行分工, 根据成员个性特长等因素给每个成员明确的任务。有的负责文字材料, 有的负责图片处理, 有的负责查找音乐, 有的负责网页制作。表面上看, 各成员可以干不同的事, 干自己喜欢的事, 干自己擅长的事。但实践结果表明, 如果只是按照站点设计、资料整理、材料加工、网页制作等流程来进行分工, 相当部分学生虽然有事干不“傍大款”了, 但整个活动过程当中, 掌握的仅仅是资料搜索、图片处理、页面制作等单项技能。对创建主题网站的整个流程缺乏认识, 不能熟练掌握利用“Front Page制作网页”这项关键技能。

经过反思, 我认为在小组基础上的分工, 除了做到“人人有责”之外, 还要尽可能做到“面面俱到”。在前期素材的收集当中, 可以把各成员按文字、图片、视频、声音等进行任务分工, 一起进行资料的搜索。在网页制作当中, 每个小组成员独立制作站点里不同的页面, 充分掌握“Front Page制作网页”的技能, 在小组分工的基础上尽可能让大家都掌握网站制作的整个流程。

合作:从自我实现到共同进步

从教学的目的来讲, 教育的最高目的应该是促进人的自我实现。在创建主题网站的活动中, 信息技术层次好的成员容易又快又好地完成网页的设计与制作, 并在成果展示上勇于表现自己, 这是自我实现的体现, 无可厚非。但小组作为一个团队, 要考虑整体的学习能力和合作能力。因此, 在后来的课堂中, 我强调小组成员在自我实现的基础上, 一定要共同进步。具体的做法是, 在合作学习中, 充分发挥小教师的作用。在分组的时候, 我通常会考虑到学生个体的差异, 按帮扶的原则进行分组。技能掌握程度高的同学, 就是各组的小老师, 小老师不仅要对自己的合作探究负责, 还要对小组其他成员的学习负责。当小组成员遇到难度大的操作时, 小老师就在身边, 很方便地进行手把手的辅导。

通过对合作学习策略的应用和反思, 我觉得在合作学习的过程当中, 还应该注意避免合作学习的误用和过度使用。当教师没有把学习任务组织好就交给学生时, 这是对合作学习的误用;当学生没有足够时间去练习并掌握技能就分组时, 这是对合作学习的过度使用。

摘要：在“创建主题网站”的活动中采用合作学习的策略, 将座位相近的四个同学分成一组, 小组成员按素材收集、材料加工、网页制作的流程进行分工, 但活动并没有达到预期的效果, 于是我对合作学习策略应用的各环节进行反思, 以期能找到问题的解决方案。

关键词：合作学习,分组,分工,合作,反思

参考文献

[1]郑金洲.合作学习[M].福州:福建教育出版社, 2005.

网站创建篇9

CSS是一系列样式的集合, 使用CSS可以有效分离页面的内容与格式, 从而减少网页设计的工作量。CSS层叠样式表, 在网页制作过程中必用到的技术, 对网页的整体布局、字体、图像、颜色、背景和链接等元素实现更加精确的操作控制, 只要对相应的代码做一些简单的修改, 就可以改变网页的外观和格式, 完成使用HTML不能实现的任务。同时采用CSS+DIV布局, 页面结构清晰, 容易被搜索引擎搜索到;缩短网站改版时间, 只要简单地修改CSS文件内容就可以重新设计改版一个有成百上千页面的站点。

2、盒子模型

盒子模型是CSS布局网页时非常重要的概念, 只有很好地掌握了盒子模型以及其中每个元素的使用方法, 才能真正的布局网页中各个元素的位置。

盒子模型由四个独立部分组成, 分别是边界 (margin) 、边框 (border) 、填充 (padding) 、内容区域。填充、边框和边界分为上、下、左、右四个参数, 可以分别定义也可以统一定义。在用CSS定义的长、高度不是内容区域、填充、边框和边界所占的总区域, 而是内容区域content的width和height., 正确计算盒子所占实际宽度区域应为左边界+左边框+左填充+内容宽度+右填充+右边框+右边界, 实际高度区域应为上边界+上边框+上填充+内容高度+下填充+下边框+下边界。

3、布局典型模式

网页的布局通常是将网页中的各个板块放置在合适的位置。CSS+DIV布局最常用和流行, 其布局类型有固定宽度、自适应等。

列式布局是布局的基础, 也是最简单的布局形式。一列固定宽度中, 宽度的属性值是固定像素。在浏览器中浏览时, 无论怎么改变浏览器窗口大小, div宽度都不会改变。当出现两列或更多固定宽度列时, 在并排排列时需使用float属性, 它是CSS布局中非常重要的属性, 用于控制对象的浮动布局方式, 大部分div布局都是通过float的控制来实现, 例如在创建两列布局时, 让其在水平线中并排显示, 在定义CSS样式代码时, 两个div对应的CSS代码中都需增加一句“float:left;”。

自适应布局是在网页设计中常见的一种布局形式, 自适应的布局能够根据浏览器窗口大小而自动改变宽度或高度, 较好的自适应布局网站对不同分辨率的显示器都能提供最好的显示效果。自适应布局将宽度或高度设置为百分比, 如“width:60%;height:60%;”这里是将宽度和高度值都设置为“60%”。

综合应用上述布局类型, 在实际应用中, 有时候需要左栏固定, 右栏根据浏览器窗口大小自动适应, 那么在定义CSS时, 只需要设置左栏宽度为固定值, 右栏不设置任何宽度值, 同时不设置浮动即可。使用浮动定位方式, 从一列到多列的固定宽度及自适应, 基本上可以完成。但当有一个三列式布局, 其中左栏、右栏都要求固定宽度, 并居左和居右显示, 中间栏要求在左右栏之间变化自动适应, 这时需要使用另一种定位方式, 绝对定位, 使用position属性来完成, 该属性有如下参数:static, relative, absolute, fixed。Static:静态定位。如果没有设置position属性, 那么缺省就是static。top, left, bottom, right等属性, 在static的情况下是无效的, 要使用这些属性, 必须把position设置为其他三个值之一。Relative:相对定位。元素将按照静态定位时的位置进行调整, 在静态定位中分配给元素的空间仍然会分配给它, 它两边的元素不会向它靠近来填充那个空间, 但它们也不会从元素的新位置被挤走。Absolute:绝对定位。元素将按照包含它的元素的位置进行调整, 比如它嵌套在另一个绝对定位的元素中, 那么就相对于那个元素定位。Fixed:固定定位。元素将被设置在浏览器上一个固定位置上, 不会随其他元素滚动。上下拉动滚动条的时候, fixed的元素在屏幕上的位置不变, 但IE6并不支持此属性。

4、高校招生信息网站及结构

高校招生信息网站基本功能应有招生信息、政策、新生安排等信息的发布、与考生或新生的互动、院系及校外网站的链接、以突出、醒目的方式发布招生计划广告、动态图片新闻的发布、校园风景图片提供浏览等等。

高校招生信息网站页面设计与布局应以清新淡雅风格为主、体现学术氛围, 菜单设计合理、板块分布协调, 主题链接图片大小合适、设计精致, 字体大小及颜色应考虑视觉上的统一和谐。根据不同的内容及功能要求, 设置相关板块:学院概况、信息公告、图片新闻、招生动态、招生计划、招生政策、院系专业、新生指南、考生咨询、考生查询、奖助学金、校园风景、友情链接、联系我们、重点专业、精品课程。网站设计效果如图1所示。

5、基于高校招生信息网站建设CSS分析实现

网页栏目以上头部, 主体容器部分设置其固定宽度, 和自适应高度, 是为了更好的切合主体部分装载排列的各区块部分元素;头部主体背景区块, 由于图片在制作时宽高已定好因此在设置链接图片的宽度、高度时应为固定值, 位置采用position:relative属性, 对其进行相对定位, 它将出现在它所在的位置上, 不会发生偏移。居于头部背景图片上, 需增加茶杯图片等, 这时图片位置应设置为position:absolute, 进行绝对定位, 相对于它的包含块头部背景图片右框距离10像素, 上框距离240像素。部分代码如下:

.top{margin:0 auto 0 auto;width:990px;height:100%;overflow:hidden;}

.top_bg{background:url (../images/banner.png) norepeat;width:990px;height:442px;margin:0 auto 0 auto;position:relative;}

.top_tea{width:98px;height:90px;background:url (../images/tea.png) no-repeat;position:absolute;right:10px;top:240px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="../images/tea.png", sizingMethod="crop") ;}

栏目部分, 由九个栏目排列组成, 每个栏目区块均可使用position:relative属性, 对其进行相对定位, 它将出现在它所在的位置上, 不发生偏移。部分代码如下:

#chn0{width:100px;height:35px;background:url (../images/channels/0.png) no-repeat;position:relative;display:block;}

#chn00{width:100px;height:35px;cursor:pointer;background:url (../images/channels/0-1.png) no-repeat;position:relative;}

对于页面栏目以下主体部分, 为使编辑结构简单明了分为上、中、下三大区块, 上区块又分为“招生动态”、“图片新闻”、“奖助学金”单元;中区块分为“院系专业”、“招生政策”、“热点问题”、“招生计划”、“历年招生”、“链接列表”、“录取查询”、“专本连读”单元;下区块分为“成果荣誉”、“魅力校园”图片展示以及三个“链接列表”单元。在各大区块中首先定义创建主容器, 再将各小单元以绝对定位形式排列于其中。部分CSS代码如下:

#main{background:url (../images/all_bg.png) repeaty;width:990px;height:939px;margin:0 auto;overflow:hidden;}

.main_top{width:900px;height:160px;margin:10px0 3px 45px;position:relative;}

.main_top_left{width:330px;height:152px;background:url (../images/annouc.png) no-repeat;position:absolute;left:10px;}

.main_mid_left{width:190px;height:390px;background:url (../images/ml.png) no-repeat;position:absolute;left:10px;}

.main_bottom{width:900px;height:350px;position:relative;top:15px;left:45px;}

.m_btm1{width:880px;height:165px;position:absolute;left:10px;}

.pic_left{width:425px;height:160px;position:absolute;left:0px;background:url (../images/pic.png) no-repeat;}

.pic_left_tit{width:120px;height:32px;background:url (../images/icos/cgry.jpg) no-repeat;position:absolute;left:12px;top:12px;cursor:pointer;}

6、结语

基于CSS+DIV典型模式排版设计高校招生信息网站时, 需把握好该网站的整体结构、局部结构和各单元元素之间的关联和位置, 以及需要重点突出的单元, 在排列时, 注意其宽高数值的计算与固定或自适应设置, 以及相对、绝对位置的正确应用。

摘要：展示高校形象, 加强对外宣传已是各高等院校一项重要任务。高校招生信息网站通过互联网的宣传展示尽可能详细、丰富的信息, 以增强学生、家长和社会对学院的了解。本文以高校招生信息网站为例对CSS+DIV典型模式进行分析研究, 以加快建站速度、提高网站质量。

关键词：CSS+DIV,典型模式