热点推荐:
您现在的位置: 电脑学习网 >> 网络技术 >> 正文

如何丰富个人网站

2013-09-12 17:27:10  来源: 网络技术 
作为个人网站的站长,在建站初期可能无法提供丰富的信息量和具有交互式功能的网页,这样,网页就会略显呆板、单调。其实我们可以利用其他网站提供的免费资源来装点自己的个人网站,丰富网站内容。

下面笔者就将自己在建站初期使用免费资源的经验总结成文,希望能给正在建设个人网站的朋友们有所帮助。
一、让网站具有更新功能

我们总不能让网站一年到头总是一样的“面孔”对待访客,但经常更新网页内容可能在时间、精力上又不允许,其实,可以根据网页内容调用一些其他大网站的数据,比如新闻、天气预报和股票曲线图示等,调用这些数据之后我们就会一劳永逸了,当大网站每天更新这些内容时,我们的个人网站也就自动随之更新了,这样我们的网站就会使浏览者“常见常新”。

提示:在使用调用之前我们要在页面上规划好调用内容的位置,并留足可容纳的空间,一般可以使用表格或层来对调用内容进行定位。
1.新闻调用

这是最常见的功能调用,这里我们以中华网免费新闻代码为例,登录http://app0.china.com/freecode/freenews.php,首先要在丰富的中华网新闻分类中选择一个贴近自己网站内容的新闻类别,然后根据网页的整体规划风格设置好显示的“新闻数量”、“时间格式”、“新闻标题颜色”、“标题字号”和“新闻链接格式”,完毕后点击“确定”即可反馈出定制的新闻代码和新闻示例(图1),然后将新闻代码复制到网页的适当位置上就可以拥有与中华网同步更新的最新新闻了。Www.itcOmPUteR.cOM.CN
2.天气预报

在网站首页上加上一个天气预报功能,让访客知晓冷暖,方便生活,这将是多么人性化的举动呀!登录http://www.qtol.net/weather,这里提供了国内城市24小时、48小时和72小时的天气预报,选择其中一种预报,然后在下拉菜单中指定你所在的省份、城市,点击“查看天气及代码”按钮弹出代码窗口(图2),根据自己的爱好或网页版面选择一种显示样式,将代码复制到网页上的适当位置即可,具体的天气预报字体显示大小、颜色可在以下的代码中修改。

<style type='text/css'>

.qtol {font-size: 12px; color=#336699 }

a.qtol:link { text-decoration: none; color=#336699 }

a.qtol:visited { text-decoration: none; color=#336699 }

a.qtol:hover { text-decoration: underline; color=#336699 }

</style>
3.股票查询

如果你的个人网站定位在财经知识类,那么非常有必要在网页上加载可供直观查看的指数曲线或股票资料工具条。上证指数和深证成指曲线的在线更新图标代码分别为<img src= http://stock.jrj.com.cn/htmdata/gifindex/sh_000001.png >和<img src=http://stock.jrj.com.cn/htmdata/gifindex/sz_399001.png>;可供查询的股票工具条可在页面http://www.cankao.com/z_free.asp中的“免费代码形式之三:搜索工具条”获得代码。

二、加强网站的交互功能

为了便于和网页浏览者进行交流、形成互动,我们还需要在网站上建立一些如留言本、论坛等功能模块,如果你对制作这些模块的动态技术不熟悉的话,照样可以施展我们的“拿来主义”,利用网络上免费的资源为我们服务。

1.留言本

提供免费留言本的网站有很多,我们选用特趣网留言本为例,登录注册页面http://www.touch.sh/gb/reg.php,按照提示输入相关资料,注册成功后会返回留言本地址http://www.touch.sh/gb/gbook.php?user=注册名,登录留言本后还可以进入“管理模式”为留言本选择一种与网站样式贴近的风格。

2.论坛和其他功能模块

免费论坛我们可以到网易个人论坛上(http://our.163.com/index.jsp)申请获得,其注册、使用、设置和留言本类似,这里就不再赘述了,其他更多的免费功能模块如聊天室、邮件列表等可以在“免费吧”网站(http://www.free8.com)上获得注册地址。

3.免费功能模块与网站的整合

利用框架网页可以使免费资源与网站有效融合。以整合留言本为例,打开FrontPage 2003建立一个“标题”模板的框架网页(图3),首先在网页属性中的“框架”选项卡中去除“显示边框”并将框架间距设置为0,在下框架里设置初始网页的链接为留言本的链接地址,而在上框架里则新建网页并把网站首页的导航部分设立在新建网页里,然后,保存框架网页为liuyanben.htm,这样在首页上设置留言本的链接就是liuyanben.htm而不用http://www.touch.sh/gb/gbook.php?user=注册名了,并且无论书写留言还是查看留言都是在下框架里操作,上框架的导航部分不会改变,使得网站的整体风格得到了有效的统一。

 
如何保存图片         当你在网上看到一张很美的图片,是否有一种马上把它做成自己的桌面的冲动呢?但是新打开的网页里只有一两张图片,如果那些是某些图片系列中的一些图片,而你又想看到更多的关于这个系列的图片,那该怎么办?

  其实很简单,先打开图片,单击右键就会看到该图片的属性栏。其中就有一项为“地址URL”,这就是图片真实的IP地址(必须是以JPG、GIF、BMP等图片格式结尾的地址)。大部分图片都会有IP地址,打开其中的如www.***.net的网站,就可以找到相应的图片。

  注意:在某些论坛上用上传贴图功能传的图就不能用刚才的方法了。

 
如何禁止网页另存为 如今网上的抄袭情况越来越严重了,自己的网页作品经常会被别人“借用”。其实大家不必为此事苦恼,只要在网页中加入几段代码或是使用专门的加密工具,对网页源代码、图像、文本等进行加密,这样别人就休想动你的网页了! 电脑知识网将告诉大家如何禁止网页另存为。

  巧用代码

  在HTML网页中加入几行简单的代码可以禁止他人使用鼠标右键和“另存为”命令。

  一、屏蔽鼠标右键

  把网页的标签修改为下面的代码:

  <body oncontextmenu=self.event.returnValue=false onselectstart="return false">

  现在点击鼠标右键就不会有任何反应了。

  二、禁止“另存为”命令

  在<body>...</body>标签之间加入如下代码,可以使“另存为”命令不能顺利执行。

  <noscript>

  <iframe scr="*.htm"></iframe>

  </noscript>

  加入上述代码后,当执行“另存为”命令时,会弹出“保存网页时出错”的对话框。

  利用Html Guard

  上面的方法只能在一定程度上保护网页的安全,如果要想彻底地防止他人抄袭,可以把代码、软件两种方法同时用上。下面就介绍利用Html Guard来对网页进行加密。

  Html Guard档案

  最新版本:2.3

  软件大小:1054KB

  软件类型:共享软件

  适用系统:Win9X/Me/2000/NT/XP

  下载地址:http://www.skycn.com/soft/6588.html

  安装完成后启动软件。它的操作界面主要由五个功能标签和设置区域组成(图1)。

  一、选择网页文件

  点击主界面中的“Input”标签。选中“Protect all files in a directory”项将对整个文件夹中的网页文件进行加密,若是子文件夹中的文件也需要加密,应将“Include sub directories”项选中。如果想加密单个网页,应选择“Protect following HTML files”项,并使用“Add”按钮来添加。

  二、设置输出

  使用“Output”标签下“Copy to following directory”项后的“Browse”按钮,来设置加密后的文件所存放的位置。通常我们要把“Copy Linked Files”项也选中,这样就会把网页相关的链接文件一同复制到输出目录中。“Overwrite existing files”项表示用加密后的文件覆盖源文件,笔者建议不要使用此项。

  如果不想查看输出结果,可以使用“Upload to server via FTP”项,直接将加密后的文件上传到服务器中。点击“FTP-Settings”按钮,在弹出的对话框中设置服务器地址、用户名、用户密码等等。

  勾选“Backup”项下的“Create backup copies of the unmodified files before overwriting html pages”,它表示在加密信息写入网页之前创建一个备份。要在原文件夹中创建备份应选“Place in the original directory”项。

  三、加密源代码

  在“Source code”页面中(图2)有三种加密源代码的方法。

  1.Encode source code(编译源代码)。使用该项后,当别人用网页编辑器打开该网页时将显示乱码。由于该编译是在JavaScript技术的基础上进行的,所以编译后的网页必须在支持JavaScript 1.0以上的浏览器上运行。如果你担心有人因此而不能查看你的网页,那么可以将“Include <noscript>section”项选中,并在它下面的栏里添加提示。例如:想正常查看该网页,则必须有支持JavaScript 1.0以上的浏览器。

  2.Squeeze source code(压缩源代码)。此项的主要作用是去除代码中的空行,使代码更加紧凑。这样做除了能让剽窃者难以读懂源代码以外,还能缩小网页文件的体积,有效地减少调入时间。

  3.Insert blank lines(插入空行)。插入空行的作用也是为了让人难以找到源代码。勾选“At the beginning(在前端)”或“At the end(在末尾)”项来确定加入空行的位置,然后调整“Number of lines”的值确定插入的空行数。另外你还能够使用“Insert the following text at the top”项在网页代码的上端添加例如“source code not available(该网页代码不可用)”之类的警告信息。需要注意的是,每次插入一个空行,将使网页文件大小增大两个字节。

  四、保护图像和文本

  “Images/Texts”标签中选项的功能如下:“Lock the menu on the right mouse button”帮助你锁住网页的右键菜单;“Block text selection”禁止文本被选择(该功能只能在IE4.0以上的浏览器上生效);“Do not display links in status bar”不在状态栏中显示链接;“Deactivate browser`s print function”禁止浏览器的打印功能;“Disable Clipboard”禁止剪贴板功能;“Disable image caching in browser”禁止浏览器的图片缓存。

  五、查看结果

  点击界面右侧的“Protect files”按钮,即可完成网页文件的加密(如果弹出警告窗口,点击“Continue”按钮继续工作)。然后在“Result”标签中点击要查看的网页,在展开项中选择“Load in browser”来查看加密后的效果。当然你也可以使用展开项里的“Path”和“Show source code”命令来打开加密后文件所存放的文件夹以及查看加密后的源代码(如图3)。

  现在相信你已经基本上掌握该软件的使用方法了。赶紧操起手中的维权武器,保护我们的合法利益不受侵害。

 
From:http://www.itcomputer.com.cn/Article/Network/201309/4040.html
  • 上一篇文章:

  • 下一篇文章:
  • Copyright © 2005-2013 电脑知识网 Computer Knowledge   All rights reserved.