制作个人首页的窍门
更新时间：2016年9月20日 19:02 点击：1515
1.首先主题选择不要落俗! 现在许多的个人主页就象"大锅饭".题材包罗万象,内容雷同无味.人人都是"软件速递""音乐宝库""主页教程"等等.让我一看就赶紧"back",我可是花钱上网的噢!题材的选择少而精,又能坚持天天更新的话,会很快受到大家的欢迎，就象书路的电子图书,龙翔的游戏资讯.另外提醒您的一点就是,最好不要在主页里设有关hacker(解密,注册码)的资料,国内大部分的免费空间提供商都不接受含此类信息的站点.
2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。
3.开始制作请您千万不要急着许多页面一起制作.许多新手会及不可待的将收集到的各种资料填入各个页面.转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy成N个页,再将相应的内容"填空".这样制作的主页,速度快,整体性强.如果您能结合borders的使用,可以天天轻松改变站点的风格.
4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!
5.每个页面不要使用超过2个的java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受.java会使您的网页速度减慢至少50%.由于浏览器的版本,有时候等候半天,却告诉您java applent不能启动,这种经历相信您也有!
6.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示.
7.设置一个专门的"what's new"页面.及时醒目的告诉来访者您主页最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容.许多好的主页干脆将首页的内容作成"what's new",如"欢乐天地""华军主页",让您一目了然,不致于层层深入,一无所获.
8.为您的图片加注解.图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击.特别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解.这是一个小地方,却体现一个网页的制作水准哦!
9. 备份您的主页.您要说了,这也算窍门?象在凑数!千万千万不要这样想."机有不测风云",现在系统大战,软件Bug百出,病毒横行的年代,您保不准什么时候机器罢工,辛辛苦苦制作的网页付之东流.这样的"惨痛教训"我可不止一次了.算俺罗唆也好,杞人忧天也好,您就备份了罢!
2.如果您准备建立新的个人首页，千万不要立刻开始制作页面。一定要好好的想一想，总体规划一下整个网站的结构。特别要考虑到网站的维护更新方便。一时兴起，想到什么就作什么，往往会使您的网站，虎头蛇尾，条理混乱，最终因维护困难而夭折。
3.开始制作请您千万不要急着许多页面一起制作.许多新手会及不可待的将收集到的各种资料填入各个页面.转眼首页速成,成就感喔!可等您回过味来想要修改一些页面元素时,却发现一页一页改的好辛苦! 建议您先制作有代表性的一页,将页面的结构,图片的位置,链接的方式统统设计周全,例如:每页设置"返回首页"的链接,Email地址,版权信息等.然后copy成N个页,再将相应的内容"填空".这样制作的主页,速度快,整体性强.如果您能结合borders的使用,可以天天轻松改变站点的风格.
4.制作时,内容不要全搬照抄他人的内容,适当加入一些自己的文章,评论和见解,会使大家更加相信您,尊重您.例如翻译一些英文教程,写作一些软件的用法,分析一些实例制作过程.毕竟是个人主页,要体现您的个性,风格,让大家了解,接受您的观点,是个人主页的精神所在!
5.每个页面不要使用超过2个的java程序,能够用javascript替代效果的则尽量不要使用java.因为目前来讲java的运行速度实在慢的让人无法忍受.java会使您的网页速度减慢至少50%.由于浏览器的版本,有时候等候半天,却告诉您java applent不能启动,这种经历相信您也有!
6.单张图片不要超过30k,每页图片总量不要超过60k(一般情况).据统计分析,每页不超过60k图片的网页,其下载速度是可以让人接受的.所有的图片都必须"减肥"小图片(100x40)一般可以控制在6k以内,动画控制在15K以内,较大的图片可以"分割"成小图片.合理采用jpg和gif格式也是至关重要的,色彩鲜艳高分辨率的用jpg,色彩单调低分辨率的用gif,采用gif89a格式的图片在download时能交错显示.
7.设置一个专门的"what's new"页面.及时醒目的告诉来访者您主页最新更新的内容,这样能方便常客浏览和寻找他们所需要的内容.许多好的主页干脆将首页的内容作成"what's new",如"欢乐天地""华军主页",让您一目了然,不致于层层深入,一无所获.
8.为您的图片加注解.图片的下载较慢,在没有显示出来时注解的标注有助于让浏览者知道这是关于什么的图片,是否需要等待,是否可以点击.特别考虑到纯文本浏览者浏览的方便,您千万抽空为图片加一个注解.这是一个小地方,却体现一个网页的制作水准哦!
9. 备份您的主页.您要说了,这也算窍门?象在凑数!千万千万不要这样想."机有不测风云",现在系统大战,软件Bug百出,病毒横行的年代,您保不准什么时候机器罢工,辛辛苦苦制作的网页付之东流.这样的"惨痛教训"我可不止一次了.算俺罗唆也好,杞人忧天也好,您就备份了罢!
<
IE频道文件实际上就是一个纯文本文件，有与html类似的语法格式， 以cdf为扩展名。所以要建立频道文件不需要任何专门的编辑工具，仅仅 windows 95/98/2000下的notepad就足够了。
注：由于编码的关系，“<>”用“[]”代替。
下面是完整的频道文件举例：
+++++++++++++++++++++++++++
[Channel HREF="http:///htmldata/2005-02-24/default.htm" SELF="soim.cdf"
BASE="http://www.soim.com/"]
[Title]索易电子刊物[/Title]
[Logo HREF="http:///htmldata/2005-02-24/soimcdf.gif" Style="IMAGE" /]
[Logo HREF="http:///htmldata/2005-02-24/soimicon.gif" Style="Icon" /]
[Abstract]索易电子刊物——soim.com[/Abstract]
[Item HREF="http:///htmldata/2005-02-24/subscribe.htm" Precache="yes"]
[Title]索易邮件订阅[/Title]
[Abstract]索易在线邮件订阅[/Abstract]
[Logo HREF="http:///htmldata/2005-02-24/subscribe.gif" Style="icon" /]
[/Item]
[Item HREF="http:///htmldata/2005-02-24/software.htm" Precache="yes"]
[Title]共享软件联盟[/Title]
[Abstract]索易共享软件联盟[/Abstract]
[Logo HREF="http:///htmldata/2005-02-24/software.gif" Style="icon" /]
[/Item]
[/Channel]
+++++++++++++++++++++++++++++++++++++++++++++++++++
说明：
频道文件的正文都是以[channel ......]开头，并以[/channel]结 尾的。 就像在html语言中是以[html]开头，以[/html]结尾的一样。
在第一行[channel ......]中，
href=http:///htmldata/2005-02-24/"......"标明此频道所指向的主网页文件名；
self="......"是频道文件自身的文件名；
base="......"频道文件默认的基本路径（URL），在频道文件中的
“HREF”全部使用绝对路径的话，这项是可以省略的。
第二行[title]......[/title]，填写频道的标题。
在第三，四行[logo ......]中 ，
href=http:///htmldata/2005-02-24/"....."处填写图案的文件名，
style="....."处填写对图案的描述，image表示是位于频道栏处的图标（大小为：80*32象素）；icon表示频道文件的图符（大小为：32*32象素）。 注意：末尾的“/”不要漏掉。
第五行[abstract]......[/abstract]，填写对频道内容的描述。
第六行[item ......]，定义子频道。子频道可以是主页面下的一 些主要栏目的链接。其中href=http:///htmldata/2005-02-24/"......"处填写子频道所指向的网页文件名；Precache="......"是判断否对子频道作缓存，回答只有“yes” 或“no” 现在有许多站点下载文件都提供了统计功能，本文讨论的是如何使用php实现此功能，对于想隐藏下载文件路径，避免用户直接使用url下载的编程者，本文也具有一定的参考价值。
实现环境：Linux＋Apache＋Php＋Mysql
Windows98＋PWS4＋Php＋Mysql
一、数据库结构
数据库中创建一个表，存储文件信息，包括文件编码、名称、下载路径、统计，相应的sql文件内容如下：
CREATE DATABASE dl_db;
CREATE TABLE dl_file (
id varchar(6),
name varchar(50),
url varchar(200),
count bigint(10)
);
INSERT INTO dl_file VALUES( '000001', 'test', 'test.zip', 0);
INSERT INTO dl_file VALUES( '000002', 'tif', 'download/123.tif', 0);
二、 php编程
1、 函数文件
函数文件包括数据库连接初始化函数和提示信息显示函数。
dl_func.php3:
＜?
file://初始化数据库连接的程序
function dl_dbconnect(){
error_reporting(1＋4); file://禁掉warning性错误
＄dl_in=0;
＄dl_in=mysql_connect("localhost:3306","root","123456");
if(!dl_in) { file://如果连接失败，退出
echo "数据库无法连接";
exit;
}
mysql_select_db("dl_db",＄dl_in);
return ＄dl_in;
}
file://显示提示信息的函数
function infopage(＄strInfo){
echo "＜script language='Javascript'＞";
echo " window.alert('＄strInfo');";
echo " history.back();";
echo "＜/script＞";
}
?＞
2、 下载连接页面
下载连接页面从数据库读取下载文件信息并显示。
filelist.php3:
＜html＞
＜head＞＜title＞文件下载＜/title＞
＜script language="Javascript"＞
function newopen(url){
window.open(url,"_self");
return;
}
＜/script＞
＜/head＞
＜?
require("dl_func.php3");
＄dl_in=dl_dbconnect();
＄strQuery="select ＊ from dl_file order by id";
＄dl_res=mysql_query(＄strQuery,＄dl_in);
while(＄arr_dlfile=mysql_fetch_array(＄dl_res)){
echo "＜a href="Javascript:newopen('filedown.php3?id=＄arr_dlfile[id]')"＞";
echo "＄arr_dlfile[name]";
echo "＆nbsp;";
echo "(下载次数:＄arr_dlfile[count])";
echo "";
}
mysql_close(＄dl_in);
?＞
＜/html＞
3、 下载页面
当文件存在时，下载页面转到要下载的文件，如果发生错误，则显示提示信息。
filedown.php3:
＜?
require("dl_func.php3");
＄dl_in=dl_dbconnect();
＄strQuery="select url from dl_file where id='＄id'";
＄dl_res=mysql_query(＄strQuery,＄dl_in);
if(!(＄arrfile=mysql_fetch_array(＄dl_res))){ file://选择结果为空
infopage("错误的id号");
exit;
}else{
＄arr_temp=split("/",＄arrfile[url]);
＄filename=＄arr_temp[sizeof(＄arr_temp)－1];
if(strlen(trim(＄
由于IE和NS对于层的支持存在差别，所以在代码的最前面。先对浏览器进行检测。IE使用document.all.id-name.style.visibility="visible"，NS使用document.layers.id-name.visibility="visible"。
<HTML>
<HEAD>
<TITLE>层的显示和隐藏及浏览器检测</TITLE>
<script language="javascript">
<!--
file://if explorer (4.x)
if (document.all) {
layerRef='document.all'
styleRef='.style.'
}
file://else if netscape (4.x)
else if (document.layers) {
layerRef='document.layers'
styleRef='.'
}
else{
alert("你使用的浏览器可能看不到效果。")
}
function show(){
eval(layerRef+'["divTest"]'+styleRef+'visibility="visible"')
}
function hide(){
eval(layerRef+'["divTest"]'+styleRef+'visibility="hidden"')
}
file://-->
</script>
</HEAD>
<BODY bgcolor="#000000" text="#FFFFFF" link="#FFFFCC" vlink="#CCFFCC" alink="#CCCCFF">
<p align="center"><a href="javascript:hide('divText')">隐藏代码</a> <a href="javascript:show('divText')">显示代码</a>
<div id="divTest" style="position:absolute; left:238px; width:340px; height:32px; top:190px; visibility: hidden">
<p align="center">本例是显示和隐藏层的例子。-----这里是层里显示的内容，随便。</p>
</div>
</BODY>
</HTML>
说明：<div id="divTest" style="position:absolute; left:238px; width:340px; height:32px; top:190px; visibility: hidden"> 是设置层的绝对位置以及宽度和高度。使用象素值表示。层一开始设置为“hidden”隐含的，点击后显示出来“visible”。
你所需要做的仅仅是：
（1）改一下<div>...</div>中的id名字，当然不改页可以，只要前后保持一致即可。
（2）根据你的页面情况设置一下层的绝对位置，多试几次直到合适为止。绝对位置left:238px（距离屏幕左侧的象素）， top:190px（距离屏幕上端的象素）。
IE频道文件实际上就是一个纯文本文件，有与html类似的语法格式， 以cdf为扩展名。所以要建立频道文件不需要任何专门的编辑工具，仅仅 windows 95/98/2000下的notepad就足够了。
注：由于编码的关系，“<>”用“[]”代替。
下面是完整的频道文件举例：
+++++++++++++++++++++++++++
[Channel HREF="http:///htmldata/2005-02-24/default.htm" SELF="soim.cdf"
BASE="http://www.soim.com/"]
[Title]索易电子刊物[/Title]
[Logo HREF="http:///htmldata/2005-02-24/soimcdf.gif" Style="IMAGE" /]
[Logo HREF="http:///htmldata/2005-02-24/soimicon.gif" Style="Icon" /]
[Abstract]索易电子刊物——soim.com[/Abstract]
[Item HREF="http:///htmldata/2005-02-24/subscribe.htm" Precache="yes"]
[Title]索易邮件订阅[/Title]
[Abstract]索易在线邮件订阅[/Abstract]
[Logo HREF="http:///htmldata/2005-02-24/subscribe.gif" Style="icon" /]
[/Item]
[Item HREF="http:///htmldata/2005-02-24/software.htm" Precache="yes"]
[Title]共享软件联盟[/Title]
[Abstract]索易共享软件联盟[/Abstract]
[Logo HREF="http:///htmldata/2005-02-24/software.gif" Style="icon" /]
[/Item]
[/Channel]
+++++++++++++++++++++++++++++++++++++++++++++++++++
说明：
频道文件的正文都是以[channel ......]开头，并以[/channel]结 尾的。 就像在html语言中是以[html]开头，以[/html]结尾的一样。
在第一行[channel ......]中，
href=http:///htmldata/2005-02-24/"......"标明此频道所指向的主网页文件名；
self="......"是频道文件自身的文件名；
base="......"频道文件默认的基本路径（URL），在频道文件中的
“HREF”全部使用绝对路径的话，这项是可以省略的。
第二行[title]......[/title]，填写频道的标题。
在第三，四行[logo ......]中 ，
href=http:///htmldata/2005-02-24/"....."处填写图案的文件名，
style="....."处填写对图案的描述，image表示是位于频道栏处的图标（大小为：80*32象素）；icon表示频道文件的图符（大小为：32*32象素）。 注意：末尾的“/”不要漏掉。
第五行[abstract]......[/abstract]，填写对频道内容的描述。
第六行[item ......]，定义子频道。子频道可以是主页面下的一 些主要栏目的链接。其中href=http:///htmldata/2005-02-24/"......"处填写子频道所指向的网页文件名；Precache="......"是判断否对子频道作缓存，回答只有“yes” 或“no” 现在有许多站点下载文件都提供了统计功能，本文讨论的是如何使用php实现此功能，对于想隐藏下载文件路径，避免用户直接使用url下载的编程者，本文也具有一定的参考价值。
实现环境：Linux＋Apache＋Php＋Mysql
Windows98＋PWS4＋Php＋Mysql
一、数据库结构
数据库中创建一个表，存储文件信息，包括文件编码、名称、下载路径、统计，相应的sql文件内容如下：
CREATE DATABASE dl_db;
CREATE TABLE dl_file (
id varchar(6),
name varchar(50),
url varchar(200),
count bigint(10)
);
INSERT INTO dl_file VALUES( '000001', 'test', 'test.zip', 0);
INSERT INTO dl_file VALUES( '000002', 'tif', 'download/123.tif', 0);
二、 php编程
1、 函数文件
函数文件包括数据库连接初始化函数和提示信息显示函数。
dl_func.php3:
＜?
file://初始化数据库连接的程序
function dl_dbconnect(){
error_reporting(1＋4); file://禁掉warning性错误
＄dl_in=0;
＄dl_in=mysql_connect("localhost:3306","root","123456");
if(!dl_in) { file://如果连接失败，退出
echo "数据库无法连接";
exit;
}
mysql_select_db("dl_db",＄dl_in);
return ＄dl_in;
}
file://显示提示信息的函数
function infopage(＄strInfo){
echo "＜script language='Javascript'＞";
echo " window.alert('＄strInfo');";
echo " history.back();";
echo "＜/script＞";
}
?＞
2、 下载连接页面
下载连接页面从数据库读取下载文件信息并显示。
filelist.php3:
＜html＞
＜head＞＜title＞文件下载＜/title＞
＜script language="Javascript"＞
function newopen(url){
window.open(url,"_self");
return;
}
＜/script＞
＜/head＞
＜?
require("dl_func.php3");
＄dl_in=dl_dbconnect();
＄strQuery="select ＊ from dl_file order by id";
＄dl_res=mysql_query(＄strQuery,＄dl_in);
while(＄arr_dlfile=mysql_fetch_array(＄dl_res)){
echo "＜a href="Javascript:newopen('filedown.php3?id=＄arr_dlfile[id]')"＞";
echo "＄arr_dlfile[name]";
echo "＆nbsp;";
echo "(下载次数:＄arr_dlfile[count])";
echo "";
}
mysql_close(＄dl_in);
?＞
＜/html＞
3、 下载页面
当文件存在时，下载页面转到要下载的文件，如果发生错误，则显示提示信息。
filedown.php3:
＜?
require("dl_func.php3");
＄dl_in=dl_dbconnect();
＄strQuery="select url from dl_file where id='＄id'";
＄dl_res=mysql_query(＄strQuery,＄dl_in);
if(!(＄arrfile=mysql_fetch_array(＄dl_res))){ file://选择结果为空
infopage("错误的id号");
exit;
}else{
＄arr_temp=split("/",＄arrfile[url]);
＄filename=＄arr_temp[sizeof(＄arr_temp)－1];
if(strlen(trim(＄
上一篇: 对付恶意网站有绝招
下一篇: 地址栏地址前显出小图标
相关文章
- 原生 js 编写，兼容 ie，火狐和谷歌。 函数如下： 复制代码 代码如下: function setHome(obj,url){ try{ obj.style.behavior = 'url(#default#homepage)'; obj.setHomePage(url); }catch(e){ if(window.netscape){ try{...2014-06-07
- 本篇文章是对C#中自定义控件的制作与使用实例进行了详细的分析介绍，需要的朋友参考下...2020-06-25
- ps软件是现在很多人比较喜欢的，通过ps软件可以制作很不错的图片效果。这次文章就给大家介绍下使用ps怎么制作任务影子，具体制作方法下面一起来看看。 ps人物影子效...2017-07-06
- 有没有觉得外面拍的证件照都很丑。那么本文就教大家制作二寸证件照的方法，学会了就能做自己美美的证件照了哈哈！ 步骤 双击打开php,首先教大家制作两寸照片的大小。...2016-12-21
- ps软件使用对很多人来说是非常重要的，很多人还不知道使用ps怎么制作宣传单，下面文章就给大家介绍下ps怎么制作宣传单，喜欢次效果的一起来看看。。 首先，我们新建一个2...2017-07-06
- 最近的一个项目中，需要将数据用日历方式显示，网上有很多的JS插件，后面为了自己能有更大的控制权，决定自己制作一个日历显示。如下图所示：一、计算数据 1、new一个Calendar类2、初始化两个下拉框中的数据，年份与月份3、初始...2015-11-24
- 本文为大家带来gif雪糕的制作方法，难度不大，可效果很漂亮哦，关注一聚教程网学起来！ 步骤： 1、使用AI新建一个1200*800的画布 2、使用矩形工具创建一个宽为250px，高度不...2016-12-21
- 美图秀秀可以像ps一样的来制作达到ps同样效果的照片了，但美图秀秀是要简单了很多了，就拿利用美图秀秀制作印章讲吧，不会ps的朋友只需要几下就好了，压根没需要什么基础了，下...2016-09-14
- 关于利用ps制作非常精致的蓝色水晶按钮的教程小编在几年前就介绍过许多的相关教程了，今天我们一起再来看一篇水晶按钮制作效果吧。 最终效果 1、打开Adobe Photos...2016-09-14
帝国cms 7.0版返回首页带.index.html的解决办法
帝国CMS模板的 返回首页 会带有 index.html 后缀。 通过以下方法修改可去掉index.html 找到e/class/connect.php文件 查找：//返回首页地址 function ReturnSiteIndexUrl(){ ...2015-12-30- 利用ps 制作粉绿色非主流效果粉色非主流图片的调色方法。作者用的方法非常实用，调色部分直接用通道覆盖法调出淡红色主色，然后处理细节部分，再加上暗角和文字即可。 原图...2016-09-14
- ps软件是现在使用非常广泛的图片制作软件，很受大家喜欢。这次文章要给的大家介绍下ps怎么制作广告，下面具体来看看制作方法。 ps广告设计制作方法/步骤 ̳...2017-07-06
- 这是一款如何把普通照片制作成非主流效果照片哦，如果你想把自己普通的照片制作成非主流效果的就进来免费下载吧。 这是一款如何把普通照片制作成非主流效果照片...2016-09-14
- 关于SEO，入行入得比较早，06年就开始，然后经过培训就正式上班了，途中也有过几次跳槽，几经转折，12年来到了现在的深圳的一家公司，公司对SEO看得比较重，并且从百度获取的业务比重...2016-10-10
- 本教程的效果都是由一条直线变形得到的。其中用到了波浪滤镜，使用的时候可以设置其中的波长及波幅等来控制曲线的弧度，连续使用后会得到类似烟雾的效果。后期再多复制几...2016-09-14
- 这篇文章主要介绍了Docker的镜像制作与整套项目一键打包部署的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-02-10
- 本文是为大家介绍如何制作真实的帆布纹理，简单易学，希望对大家有所帮助，也请大家继续关注一聚教程网！谢谢！ 方法1、打开ps,新建一个文档，大小自己定，我设置的是500*400.2...2016-12-21
- AI与PS结合制作钢铁侠面具教程,教程虽然用到AI，不过绘制的仅是线稿及简单的色块，没有这款软件的完全可以在PS中完成。面具构造并不复杂，不过质感部分刻画比较麻烦，想省时...2016-09-14
- ps软件是现在很多人比较喜欢的软件，有着非常不错的制作效果。下面文章就给大家介绍下ps文字投影效果制作教程，感兴趣的一起来看看。 ps文字投影效果怎么做方法/步骤...2017-07-06
- 利用photoshop滤镜功能制作足球场一角,教程的主体部分是绿草部分的制作，主要用滤镜来完成，先用杂色等滤镜制作一些杂点，然后用模糊及风滤镜把杂点变长做成草地的效果...2016-09-14