164
当代化工研究
wefat
百家争鸣
静态网页设计与制作
*宋英茹
（大港油田第二采油厂河北061103）
2017-05
摘要：伴随着信息月络技术的发展，人类已经进入信息对代。人们的各项工作都离不开网络。企业网是展承企业形象的重要富口，是传
循企业文化、发市企业信息、辅助业务办公、服务生产经营的重要手投。本文介绍了金业网的将建过程和几个重要网真部件的动能，关键词：静态网页；Sharepoint2010；web部件
中图分类号：T
文献标识码：A
Static WebPageDesign and Making
Song Yingru
(No.2 Oil Extraction Plant, Dagang Oilfield, Hebei, 061103)
Abstract : With the development of information nerwork technology;, the Auman has stepped into the ena of information and people3 variours wonk cannot separate firom the nerwork. Enterprise nework is rhe important window displaying enterprise s image and the importan means fransmitting enerprise 3 carltre, posting enterprise3 informafion, assisting buesiness and serving production and rarning. In rhis paper; it has introduced zhe building process of enterprise nterwork and zhe fianction of several imporfant web assembly anits.
Key words : static web page; Sharepoinr20/0; Web assembly anir
1.静态网页概述
所谓的网页就是在浏览器上看到的一幅幅画面，又称web 页，实际上它是一个文件，存放在和internet相连的某个服务器上。而静态网页指的是网页内容固定不变，当浏览者通过互联网的HTTP协议向VVeb服务器请求替换网页内容时，服务器仅仅是将原来已经设计好的静态HTML文档传送给用户的流量器，其页面的内容使用仅仅是标准的HTVL代码。静态网页文件通常以htm、html等为后螺名。企业的各级网页都是以静态
网页形式呈现，方便人们了解企业动态，掌握企业信息。 2.网页的搭建过程
(1)规划网页。根据所要搭建网页的主要内容，来进行网页规划。网页规划包含的内容很多，如网页的结构、栏目的设置、网页的风格、颜色的搭配、版面布局、文字图片的运用等。网页结构要合理，栏目设置要规范，重要内容要目了然。只有在制作网页之前把这些方面都考虑到了，才能做出一个具有吸引力，具有特色的网页。
(2)搭建网页。企业网的后台服务器都是搭建好的，网
站维护人员只需要做前台的维护。搭建网页也是在前台用 Sharepoint2010进行网页的搭建。
在“新建SharePoint网站”页面中，设置标题、URL 名称、网站模板等属性。标融将显示在新网站每一页的IE标题栏中，后期可修改，一般使用中文。网站的URL名称，都是汉语名称的缩写，简短且易于记忆，必须使用英文。根据业务需要选择网站模板，不同的网站模板在新网站创建过程中将自动生成不同的可用列表和功能。在“新建SharePoint 网站”页面中，点击“创建”按钮，新网站创建完成，并自动进入新网站默认首页面。新网站页面是一个空白页，后期需要添加web部件，进行页面的编辑。
在新网站默认首页面URL末尾追加“?neWs=edit"回车，进入网页编辑界面。当网站创建完成后，需要手动激活两个Feature功能。在网站功能列表中，找到“公共组件内网 01.资源文档库”、“工作组协作列表”功能并点击右侧的激
方方数据
活，完成功能激活，系统将自动创建网站所需通用文档库及相关文件。将制作好的图片资源上传至新网站的文档库中。
用SharePoint2010打开新建网页，在所有文件夹中找到PageAssets文档库lmages文件夹，把制作好的所以图片资源拷贝到文件夹内。样式代码追加到新网站PageAssets 文档库Styles文件夹page.css文件中。用Microsoft SharePoint Designer2010软件，在“Styles”文件夹内，选中page.css文件右键选择在高级模式下编辑文件，打开文件并进行代码编辑。将制作好的样式代码拷贝粘贴到page. css文件内，一股加入样式注释，以备后期维护方便。在文件标签上右键选择保存，样式代码上传完毕。将制作好的页头和页脚HTML代码替换新网站WebPropertyDocument文档库下的channelhead.html和channelfoot.html文件内。网页的页头和页脚就制作好了。在网页中部添加需要的取静态页面（带宏替换）Web部件和新闻列表VVeb部件，配置部件属性，指定路径到对应的html文件。页面保存并发布，这
样一个网页就搭建好了。 3.常用部件简单说明
(1)取静态页面（带宏替换）VVeb部件。取静态页面（带宏替换）VVeb部件可将静态文件中的代码整合到页面指定位置，用于制作静态内容。
用SharePointDesigner2010打开站点，选择左侧菜单中所有文件，点击_EX_STATICPAGES_，在文档库区域中右键新HTML，修改文件名为英文字符即可。右键静态文件，选择打开，将静态代码添加进去，保存关闭即可。
添加的静态代码为HTML代码片段，原则上不允许向其中添加等网页结构标签或声明语句。代码片段中仅填写结构代码，建议将样式、图片等资源放置在站点PageAssets的对应文件或文件夹中，如Styles中的page.css，Images文件夹等。
进入页面编辑状态，在指定Web部件区域添加。如下图：