首页 > 编程技术 > html

自己动手创建“全能”个人网站

发布时间:2016-9-20 19:03

  一、Internet服务功能的扩展

  在基本实现Internet功能的基础上,你可以再安装E-Mail服务器端软件以实现电子邮件收发功能;安装News服务器端软件以实现Newsgroups新闻讨论组功能……这些软件都可以在Internet上下载,在众多的此类服务器端软件中,笔者推荐Microsoft的BackOffice系列综合网络服务软件包Exchange。该服务包括的支持软件包如下:

  ·Exchange Server 5.5评估版(三个月):文件名exch55i.exe;文件大小23MB。

  ·Windows NT Server Pack 3运行Exchange所必需的WinNT升级服务包:文件名Nt4sp3_ i.exe;文件大小18MB。

  ·Active Server Pages Release在Exchange下实现WWW网页方式E-Mail、News功能所必需的服务包:文件名Asp_ i386.exe;文件大小29MB。

  以上文件均可在Internet上自由下载,也可登录到我网站的FTP服务器上下载。然后再进行以下的安装、设置等工作。

  二、Windows NT Server Pack 3(SP3)的安装

  Windows NT Server Pack 3是Windows NT 4.0的升级服务包,除修正了原有错误外,它还包括Windows NT Server 4.0发布之后的新技术支持。

  以管理员身份登录后,在Win NT资源管理器中双击SP3的安装文件Nt4sp3_ i.exe,即开始SP3的安装。首先提取文件到临时目录D:TEMP中,然后进入安装向导界面。按照提示,每一步都取默认值,然后开始复制SP3升级文件到D:WINNT目录,最后显示Win NT已经被更新。选择“确定”来重新启动计算机,会看到操作系统管理器OS Loader的版本已经由4.0变为4.01,原来的WinNT版本号“Build 1381 Server Pack 1”变为“Build 1381 Server Pack 3”。至此该部分安装结束。

  三、Active Server Pages(ASP)的安装

  如果要应用Exchange Server 5.5的基于WWW网页方式的E-Mail、News等功能,必须安装ASP服务包,否则可不必安装此部分。

  以管理员身份登录后,在Win NT资源管理器中双击ASP的安装文件Asp_ i386.exe,即开始ASP的安装。首先提取文件到临时目录D:TEMP中,然后进入安装向导界面。在许可协议窗口点击“I Agree”按钮表示接受许可协议,然后按照提示,每一步都取默认值,直至ASP安装结束。

  四、Exchange Server 5.5的安装

  以管理员身份登录后,在WinNT资源管理器中双击Exchange的安装文件Exch55i.exe,即开始此部分的安装。首先进行解包提取文件到临时目录,提取完毕后,在WinNT资源管理器中双击D:TEMPMicrosoft Exchange Server 5.5ServerI386目录中的安装文件SETUP.EXE进入实际安装过程。单击中间的完全安装按钮,勾选所有选项,并根据提示进行一系列选择后,完成Exchange Server 5.5的安装。

     五、Exchange Server 5.5的设置

  在Exchange Server 5.5安装完毕后,在WinNT桌面顺序单击“开始”-“程序”-“Microsoft Exchange”-“Microsoft Exchange Administrator”,即进入Exchange Server的设置。

  在首次运行时,出现连接到服务器的对话框,输入服务器的名字“DAMUGE”单击“OK”,然后在提示版本过期窗口单击“确定”,即出现Microsoft Exchange Administrator主菜单画面。

  1.Internet Mail服务的添加和设置

  在主菜单中,顺序选择“”-“New Other”,运行Internet Mail Service添加向导,除了在E-Mail地址生成格式处输入“@mail.webfree.com”之外,所有对话框全部取默认值。

  2.Internet Newsgroups新闻讨论组的设置

  在主菜单下,展开“Folders”-“Public Folders”,点选“Internet Newsgroups”,然后按“Alt+ENTER”键,弹出“Internet Newsgroups Properties”属性窗口,单击“Client Permissions”按钮,出现客户许可窗口。默认的(Default)许可和匿名访问者(Anonymous)的许可(Permissions)是相同的。

< 对一个电子商务网站来说,需要运用最少的带宽和服务器资源,为更多的客户提供更快捷的服务。而用户对Web站点的满意度,主要以访问速度来衡量。

??从用户角度来说,Web站点只有“快”和“慢”之分;用户往往并不要求实现大容量数据传输,而是希望网站在保证性能的同时,能够容纳更多的访问者。Web用户所关心的问题的实质是访问时间。从网络维护角度说,导致时延的潜在因素是多方面的,大致来讲,可以从5个方面改进Web站点的性能:缓冲、压缩、CPU优化、运用内容分发网络(CDN)及客户端软件。

??当一个站点访问用户过多时,服务器会超载,站点速度也会随之降低。若增加服务器并运用负载均衡或群集方案,可增加网站访问量,站点的性能也能达到可以接受的水平。但往往出现的情况是,终端用户能够获取较快的访问速度,而预期的访问容量达不到,因此应首先考虑改进网站性能。通过限制对服务器的访问量、避免服务器出现全面缓冲,或者采用纯CDN模式,可以提高页面提交速度,站点能容纳更多的用户。

??优化服务器配置

??运用更快速的磁盘和更好的网络存取机制,能明显改进网站访问速度。可以运用特定网卡(如Akamba公司的Velobahn)来改进服务器的速度,或是采用相关技术优化网络接口卡的性能。这类方案的核心是设法减轻Web服务器CPU的负荷,使其从繁琐的网络协议处理中“解脱”出来,而集中于页面处理和服务提供。

??要尽可能地提升服务器性能,运用成熟的Web服务器加速软件必不可少,在未来几年中,成本低廉、具备高度优化、嵌入式操作系统的Web服务器工具将会出现。

??运用缓冲机制

??优化网络可升缩性和性能的另一方法是在服务器外围增加缓冲机制。比较流行的方案是为Web服务器增加反向缓冲代理,使服务器能够顺利实现已创建页面的传输,同时在创建动态页面过程中减轻服务器负荷。

??缓冲机制比较容易实现,可以自行构建代理程序,也可采用其它基于硬件的产品,如Cobalt Networks的产品CacheRaQ、CacheFlow公司的高端缓冲工具CacheOS。不过购买时须注意,很多硬件缓冲产品实际上是在Linux服务器中运行相关软件来实现缓冲功能的。由于缓冲机制通常不能很好地处理动态生成内容,现在运用已呈下降趋势。对于实时动态页面,若运用缓冲,显示速度会明显减慢。


  要往GIF图片添加某些东西时,比如,一层轮廓或公司的标识,常常很难得到你想要的精确色彩。即使在调整图片编辑软件的色彩点取器到了你所要的色彩后,软件仍然给你另外的色彩。

  这是因为图片编辑软件保持GIF的色彩调色板,而你要使用不在其中的色彩。解决方法是打开GIF图片将其转成JPEG格式。现在你就有了任何想用的色彩了。做完后,再将它减为8位或更低的,保存为GIF格式。

  即使你不要增加新的色彩,也得注意你的修改是否删除了任何色彩,特别是在切割图片时。由于每减少图片中的一种色彩就相应减少一定的文件大小,特别是在减少了位深度的时候。要及时让你的图片编辑软件重新计算色彩。一些图片编辑软件要你首先切换到真彩,但当你换回到排序色时,调色板便减小了。

  如果你只想以一种色彩替代另一种,就不存在上述的问题。仍然在排序色模式下的GIF格式中,打开调色板(在图片编辑软件的菜单中找到调色板或者色彩表),点击选择你所要转化的色彩。键入想要的新色彩的RGB数值,然后关掉调色板。原来是旧色彩的像素现在都以新色彩呈现出来了。

<

IE 浏览器隐身

  浏览网页,时常会发现自己的浏览器窗口不见了,但网页内容还在。这种效果是不是很神奇呢?实现此种功能只要有三种原理,按实现方法的不同,给它们各起了个名字,分别是:瞒天过海法、借尸还魂法和返璞归真法。不要被它们的名字吓着了,其实实现起来并不困难,只要看了下面的内容,就明白个中道理了!

一、瞒天过海法-javascript

  我们知道,显示器的分辩率大小决定了我们看到的程序窗口的面积大小,分辩率越大,窗口面积越大,看到的内容就越多。但并不是说显示面积越大就越好,因为分辩率的变化会带来菜单文字的变化,可能会影响软件界面的字体美观。此乃题外话,就不细说了。浏览器同样是一种程序,其窗口的大小,我们可以利用脚本语言来控制调整,这样我们就可以实施瞒天过海法来达到全屏目的,方法是在网页文件的头部,也就是 < head > 与 < /head > 标签之间加上下面这段 javascript 代码:

< script >
< !--
function omiga_window(){
window.open("12.htm","","fullscreen=1,menubar=0,toolbar=0,directories=0,location=0,
status=0,scrollbars=0")
}
//-- >
< /script >


  代码功能是由一个网页调出另一个浏览器窗口,加上设置语句,设置新窗口的大小为全屏,然后新的网页内容就显示在此窗口里,借此实现了全屏。

  不要忘记在网页文件的 < body > 标签里加上加载网页里调用函数的代码。代码设置如下:

< body onload="omiga_window()" onBlur="self.close()" scroll="no" >


二、借尸还魂法

  可能有些朋友见到代码就害怕。告诉你,不怕!不懂脚本代码的我们可以使用 Dreamweaver 的插件,借尸还魂!实现全屏!

  首先我们到点击下载 “MFX-fullscreen.mxp”插件 到自己的硬盘里,接着打开 Dreamweaver4 菜单栏“Commands”,选择“Manage Extensions”命令,打开插件管理工具“Macromedia Extension Manager”,按“Ctrl + i”快捷键把插件安装好。

  接下来的事情就相当轻松了,重新启动一次 Dreamweaver4 ,按“Shift + F3”打开行为面板,再按快捷键“Ctrl + Tab”进入源代码窗口,点击行为面板的加号按钮,在弹出的菜单中选择“MFX”里的“MFX-fullscreen”命令马上可以看到 < head > 和 < /head > 是加入了全屏的代码,同时 < body > 里也加入了“onLoad”加载函数。按 F12 就可以看到全屏的效果。注意,没有进入源代码窗口该命令呈灰色,是不可选的。

  没有插件的朋友可以复制以下代码到网页文件:

< script language="JavaScript" >
< !--
function MachakFull(Ie,other){
//Copyright ?1999 m.milicevic machakjoe@netscape.net jjooee@tip.nl
x=screen.availWidth;
y=screen.availHeight;
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))
window.open(other,"sub",'scrollbars=yes');
if (target >= 4){
if (navigator.appName=="Netscape"){
var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',

IE的DHTML对象提供了四个可读写的属性来动态操作页面元素的内容:innerText, outerText, innerHTML, outerHTML.

需注意两点:

1.     其中innerText,outerText属性的值是作为普通文本呈现的,即使它含有HTML标签也如实反应出来;而innerHTML, outerHTML呈现的是经HTML引擎解析后文本,它可以反应属性中HTML标签的表现效果。

2.     对对象的outerText,outerHTML属性赋值(即写操作)会删除该对象。

以上四个属性的赋值操作只是替换原对象的文本内容,想要在页面中指定元素相关位置新增文本内容,需采用insertAdjacentHTML和insertAdjacentText方法。形式如下:

object.insertAdjacentText(sWhere, sText)
object.insertAdjacentHTML(sWhere, sText)
其中 sWhere 表示插入的文本相对于html标签的位置,有如下四个预设值:

beforeBegin,afterBegin,beforeEnd,afterEnd

使用中需注意如下几点:

1.这两种方法必须在整个文档装载完成之后才能使用,否则将出错。

2. InsertAdjacentText只能插入普通文本,InsertAdjacentHTML插入html格式的文本

3. 用InsertAdjacentHTML插入脚本,必须在script元素中使用defer属性,否则脚本执行将出现运行期错误

4.InsertAdjacentHTML插入html元素后,all以及其他可能的元素集合将自动更新以反应动态变化。如页面后续元素的sourceIndex 属性将改变。

5.当赋予InsertHTML/outerHTML属性无效的HTML标签,该方法可能出现运行时错。如以下代码将出错:

   <BODY>

      <p id=pdiv></p>

      <SCRIPT LANGUAGE="JavaScript">

           pdiv.innerHTML = "<p>hello</p>"

      </SCRIPT>

      </BODY>
 
此外页面内容动态操作还需要注意如下一些细节:

1.只有文档BODY内显示的内容能被以上属性和方法动态改变,BODY对象的内容能被动态操作,但BODY对象本身无法被替换。

2.以上属性和方式不能操作空标签(没有内容的html标签),如input,img。

3.对于table对象而言,只有td(innerHTML/innerText)和table(outerHMTL/outerText)对象可以用某些属性来替换或插入内容;而其他table对象,如tr、tbody不能用这些属性来改变内容。




<
标签:[!--infotagslink--]