编程学习

本文特意为您找来了一款CSS编辑利器——Topstyle,利用它您能轻松做出更有风格de网页来!

精彩、漂亮是每一个设计者在制作网页时de不懈追求,而网页de精彩几乎都离不开CSSde强力“支撑”；CSS是一种为超文本标签语言提供增强补充服务de技 术,可对每一个htmlde标签做精雕细刻de修饰.活用CSS,将会使网页更加生动活泼.不过,普通de网页编辑工具在CSS方面,表现难能让人满意；为了充 分发挥CSS潜能,设计出更加美丽de网页.

　　最新版本:3.11
　　文件大小:3836KB
　　 软件性质:共享
　　 使用平台:Win9x/Me/NT/2000/XP

　　软件功能
　 　该程序是一款功能强大deCSS编辑设计工具,功能相当多,不但您可以轻松创建各种样式de文件,而且方便对已有de样式进行编辑,其内置deCSS码检查功 能,可以让您减少写错de机会.特别是它deHELP文件中详细de各种CSS指令介绍,很适合用作参考文件和初次接触CSSde用户学习使用.

　　下载安装
　 　Topstyle是一款专门用来让设计和编辑样式de工具,它de大小已经达到4M左右,可以说该软件是那种“强壮剽悍”型de,不过身材庞大也意味着该软件 实现de功能是比较新颖、实用和强大de.利用该软件,我可以随心所欲地创建各种样式表文件,并且能为网页轻松设计出各种令您感到非常满意de视觉效果.从网 上下载下来deTopstyle是一个扩展名为exede可执行文件,大家在进行安装之前,可以直接用鼠标双击它,这样系统就能自动打开一个标准de windows程序安装界面,我只要按照界面de提示,一路单击next按钮就能顺利完成安装了.该程序在没有注册de情况下,可以在同一台计算机中使用 20次；随Topstyle一起安装到系统中de还有一个名为Topstyle litede程序,该程序在使用次数上没有什么限制,不过在功能方面肯定会有所限制,但对于普通个人用户来说,它提供de功能已经足够了!

图1

　 　安装完成后,程序在默认状态下会自动在系统de开始菜单中添加一个Topstyle程序运行菜单项.此时,我要是想运行Topstyle程序de话,可以 用鼠标依次单击“开始”/“程序”/“Topstyle 3”,屏幕上首先会出现一个样式定义向导窗口,在初次使用该程序时,可以先一路单击“next”按钮,这样就能打开一个如图1所示de程序主操作界面了.为 防止日后用户暂时不需要该软件时,该程序会占用de系统资源可能较多,我可以在控制面板窗口中,利用添加删除程序来将Topstyle程序de所有组件彻底 从系统中清除,因此从这个意义上来说,该软件还可以称得上是一款绿色软件.一旦运行该程序后,该界面就是一种完全deXP风格,让人感到亲切、柔和!

　　创建新de样式
　 　Topstyle程序为我提供了几种创建新样式文件de方法,其中比较简单de一种就是使用向导功能来创建样式文件；在使用这种方法时,可以先用鼠标单击 主界面中de“file”菜单项,从打开de下拉菜单中执行“New style sheet wizard”命令,这样就能打开一个如图2所示de向导设置界面；用鼠标单击“next”按钮,在接下来出现de界面中,您就能对网页中de文字颜色以及背景 颜色进行合适de设置；设置完成后,继续单击“next”,接着为网页中文字选择一种合适de字体,需要哪种字体时,可以在对应字体前面de方框中打上勾号；完 成了这步设置后,下面您还可以设置网页中文字de大小,文字de加粗属性,网页中超级链接de正常显示颜色以及单击后de颜色变化,完成所有相关参数de设置后,向 导设置框还会打开一个如图3所示de预览界面；要是对设置de效果感到满意de话,可以继续用鼠标单击“next”来完成最后de样式创建任务.倘若对设置de效果 不满意de话,还能在这里单击“previous”按钮,来返回到前面de设置页面中,重新调整网页de样式属性,直到自己满意为止.最后,我可以为上面创建 de样式文件起一个名称,同时选择好文件保存de位置,并单击向导界面中de“finish”按钮结束样式文件de创建工作.

图2

图3

　　 编辑已有样式
　 　除了创建新de样式外,我还能对目前已经存在de样式文件进行编辑和调整.编辑调整时,可以在主界面中依次执行“file”/“open”命令,来将已有 de样式文件打开,任何在Topstyle程序界面中,利用工具栏中de各种工具按钮,来对样式文件进行任意修改；要是自己非常熟悉网页源相关代码de话,可以选择 在源相关代码窗口中来进行修改(如图4所示),倘若对源相关代码比较“感冒”de话,我还能在Topstyle程序界面右上角de“Style Inspector”子窗口中来修改,这样可以更直接一点,而且在这里我几乎也能修改样式中de任意参数,比方说网页文字de大小、字体、颜色,网页de背景 颜色、超级链接de颜色等.此外,执行菜单栏中de“file”/“open from web”命令,在随后打开de窗口中直接输入某网站de网址,我就能对指定网站上de网页样式进行修改和编辑了.

图4

　　检查样式错误
　 　在编辑修改样式de过程中,可能会因操作不慎,出现这样或者那样de错误,此时您大可不必担心,因为Topstyle程序为我提供了CSS码de错误检查功 能,这样我在修改过程中,产生de任何错误Topstyle程序都不会忽略.我对样式de任何一步修改和创建工作,都在Topstyle程序de“监控”之 下,一旦修改出错de话,程序会马上弹出一个对话框,如图5所示,来提醒我当前样式中出现了错误；同时在主界面de源相关代码编辑子窗口中,我会发现程序在出 错de地方以红颜色来突出显示；而在“Style Inspector”子窗口中,程序会以蓝颜色将出错de地方突出显示出来；一旦我将错误调整过来后,对应位置处de突出显示颜色也会自动消失.

图5

　　预览样式效果

　 　Topstyle程序还为我提供了即时预览功能,利用该功能,我对样式参数每一步de修改效果都能被即时显示出来.主界面中de“Output”子窗口 就是用来即时预览样式效果de,在该子窗口中,我发现它包含了五个标签页面,用鼠标单击“preview”标签,就会看到具体de样式预览效果了；由于 Topstyle程序支持各个版本deIE浏览器、Netscape浏览器以及Opera浏览器,因此我可以对各种样式进行边修改边预览,从而保证了样式 编辑de效率.此外,在“Style checker”标签页面中,我能很清楚地看到当前样式文件中,有哪些语法上de错误,用鼠标单击其中de某一错误内容后,Topstyle程序还能弹出一 个信息提示,来知道我该如何正确改正语法错误.在其他de标签页面中,我还可以了解到当前样式表de一些注释和统计信息,例如样式文件中包含了多少行内容 等.

　　辅助学习功能
　　 Topstyle程序特别为那些刚刚接触CSSde菜鸟用户 们,提供详细de帮助功能.利用该功能,用户可以从该程序内置dehelp文件中,查询到与CSS相关de各种指令de详细用法介绍,以及编写CSS原相关代码de一些 小技巧,菜鸟完全可以将它作为一个很好deCSS资料来学习使用.
　　 此外,与Topstyle程序一起安装deTopstyle Lite版本,相对来说,功能更简洁明了,我可以在Topstyle程序de安装目录中运行这个简装版程序；该程序只为我提供了简单de样式文件de编辑、 创建以及预览功能,而没有向导创建功能、CSS码检查错误功能等,不过这些功能对菜鸟用户来说,已经是绰绰有余了!
　　 总之,Topstyle程序de整体性能很不错,是一款不可多得、不可不用de样式表编辑工具.有了Topstyle程序de帮助,相信您一定会成为一位出色deCSS编辑和设计专家.

不少网站开始采用韩式风格来建站.一般人都会想到用Photoshop等软件来完成这样de效果,但如果网页上这类图片太多,或是较大时,会给访问带来一定de困难.这里就给大家讲一讲如何用CSS来做这样de风格,因为用CSS只是对颜色de定义,少了图片de应用,所以基本不会影响速度.
这种风格de特点是色彩变化丰富、应用Flash动画合理、结构新颖,最明显de特点就是表格或标题栏常会加上一条横或竖de色带,如图中圈起来de地方就是这样:
　

　　
　　 首先,在Dreamweaver MX 2004中为页面添加一个CSS效果类,具体设置如图.

　　 点击OK后,会弹出具体de效果设置,打开其中deborder标签,进行如图de设置.

　　 然后将Background标签中deBackground Color设置为“#BAEE66”,在您要应用这种风格de表格上添加这个CSS效果就OK了.
　　 应用这种方法,大家可以做出各式各样美观且访问速度很快de表格来,下图是笔者试做de几种风格,大家可以根据borderde设定再结合表格de设计来做出各式各样de效果来.

日历控件是.net自带de控件之一,功能强大,在很多项目开发中都有用到,对于blog系统来说更是必不可少.纵是好玉也仍需雕琢,为了使它更美观实用,我还需要对它进行二次开发.
　　新建一个用户控件,把calender控件拉进来.第一步是外观设置,这个根据您de需要,只需对它de相关属性做一些调整即可.下图是我调整后de界面

　　　属性设置如下:

＜asp:calendar id=”Calendar1″ CellPadding=”2″ Width=”160px” TitleStyle-BackColor=”#000000″ 　　 　　 　　BorderColor=”#aaaaaa” 　　DayHeaderStyle-BackColor=”#5e715e” 　　OtherMonthDayStyle-ForeColor=”#cccccc” 　　DayNameFormat=”Full” 　　runat=”server” 　　TitleStyle-ForeColor=”#ffffff” 　　NextPrevStyle-ForeColor=”#ffffff” 　　CellSpacing=”1″ 　　WeekendDayStyle-BackColor=”#eeeeee” 　　DayHeaderStyle-ForeColor=”#ffffff” 　　SelectionMode=”None” 　　TodayDayStyle-BorderColor=”#5e715e” 　　TodayDayStyle-BorderWidth=”1″ 　　TodayDayStyle-Font-Bold=”true” 　　TodayDayStyle-ForeColor=”#5e715e” ＞

　　第二步是对内部功能de调整,这个工作主要集中在以下两个事件de处理上.
　　　PreRender:当服务器控件将要呈现给其包含dePage对象时发生.
　　　DayRender:当为Calendar控件在控件层次结构中创建每一天时发生.
　　先定义三个整型变量和整型数组

private int[] arrCurrentDays,arrPreDays,arrNextDays; //三个变量分别是当前月,前一月,和下一个月 private int intCurrentMonth,intPreMonth,intNextMonth; //三个整型数组存放相对月份写有blogde日期 protected System.Web.UI.WebControls.Calendar Calendar1; //这个就是我de日历控件了

　　2. 下面我将分别给出这两个事件de源码,并在下面解释它实现de功能,如果您看不明白,可以先看下面de说明
　　PreRender

private void Calendar1_PreRender(object sender, System.EventArgs e) { 　Thread threadCurrent = Thread.CurrentThread; 　CultureInfo ciNew = (CultureInfo)threadCurrent.CurrentCulture.Clone(); 　ciNew.DateTimeFormat.DayNames = new string[]{”日”,”一”,”二”,”三”,”四”,”五”,”六”}; 　ciNew.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Sunday; 　threadCurrent.CurrentCulture = ciNew; }

　　以上相关代码改变了星期名称de显示.您只需改变字符数组de值就能改名称显示.
　　DayRender

private void Calendar1_DayRender(object sender, System.Web.UI.WebControls.DayRenderEventArgs e) { 　//该控件在创建每一天时发生. 　CalendarDay d = ((DayRenderEventArgs)e).Day; 　TableCell c = ((DayRenderEventArgs)e).Cell; }

本篇将介绍在自己de镜像站上也能放上自己de计数器.
我以假设您有多个镜像站为例,首先在数据表中插入几个新de数据num、visited,这在您de镜像站上将用de着,只要将上篇中decount1.php改一下即可.
先建立一个文件夹count,里面放上您要用de文件count2.php,count3.php……,举个例子,如count2de源码,将count1.php改成:
<?
$linkptr=mysql_pconnect("localhost","yourname","password");
mysql_select_db("yourname",$linkptr);
mysql_query("update counter
set visited=visited 1 where num=2",$linkptr);
$result=mysql_query("select visited
from counter where num=2",$linkptr);
list($counter)=mysql_fetch_row($result);
$counter=sprintf("d",$counter);
for($i=0;$i<5;$i ){
$tmpstr="<img src=http://cnfree.oso.com.cn/img/".substr($counter,$i,1).".GIF border=0 >";
echo $tmpstr;
}
?>
注意:"<img src=……"中一定要放上完整de路径,否则您de计数器将无法显示出来!
做完这一步,我再建立一个文件夹show,里面放上对应de文件show2.php,
show3.php……,以show2.php为例,源码写为:
document.write("<a href=http://cnfree.oso.com.cn target=_blank title= 中国免费资源信息联盟 ><? include "../count/count2.php" ?></a>");
注意:<? include "../count/count2.php" ?>别忘了count前打上两点,这才是完整de路径!
最后,在您de镜像站上适当de位置放置相关代码:
<script language=javascript src=http://cnfree.oso.com.cn/show/show2.php></script>
http://cnfree.oso.com.cn 是我在OSO上de空间,您可以换成您自己de!
好了,一切OK!看看您de镜像站主页计数器是否也显示出来了？下篇我只是介绍向您de站点会员提供免费计数器de一些构思,基本上就是本篇内容de一些拓展.

中篇我向您介绍了怎样在自己de镜像站上放置OSO上de计数器,本篇我将向您介绍如何打造自己de免费计数器系统de构思,程序还得您自己写哟.
好多网站都提供了免费计数器服务,很久以前我就有个梦想,建立自己de免费计数器系统,而现在OSO提供了数据库,这一切将成为现实.
多数网站都是只向会员提供免费计数器de,我也可以这样做,好让自己de网站也有上一些臣民,在他们注册de时候,可以自动生成一个ID,我de计数器系统就全靠这个ID了!
当用户申请计数器时,首先当然是检查用户名和密码了,登陆成功后,从数据库中调出用户deID出来,用户申请后系统自动创建两个文件countid.php和showid.php,简单流程可以如下:
$filea="count".$id."php";
$fileb="show".$id."php";
$fpa=fopen("count/$filea",w);
$fpb=fopen("show/$fileb",w)
然后写入文件,内容和中篇中de大同小异,只用将num改一下即可,简单流程可以如下:
fputs($fpa,$count,strlen($count));
fputs($fpb,$show,strlen($show));
$count=countid.php中de内容；
$show=showid.php中de内容;
这样就产生了countid.php和showid.php两个文件,同时让数据库insert num=id就可以了,最后返回一段相关代码,让用户知道怎样使用这个计数器,一切搞定!
不过我觉得申请计数器时可以让用户设置初值,数据库插入num时用replace来代替insert,这样用户如果忘了相关代码,随时可以重新申请一个,并设置好初值,而计数器会把原来de记录覆盖掉,这就没有必要让用户牢记相关代码,或者提供相关代码返回,这样太麻烦了!
怎么样？一切都很轻松吧,希望您能通过此三篇文章顺利地打造出自己de计数器系统,在此我预祝您能成功!

人大多都很向往使用数据库来做自己de计数器,留言本,论坛之类de东西了,本篇将介绍本人自制de计数器程序.
首先建立0～9这10个GIF数字图片,放在img文件夹下,再建立一个PHP文件
——count1.php,程序如下:
<?
$linkptr=mysql_pconnect("localhost","yourname","password");
mysql_select_db("yourname",$linkptr);
mysql_query("update counter
set visited=visited 1 where num=1",$linkptr);
$result=mysql_query("select visited
from counter where num=1",$linkptr);
list($counter)=mysql_fetch_row($result);
$counter=sprintf("d",$counter);
for($i=0;$i<5;$i ){
$tmpstr="<img src=img/".substr($counter,$i,1).".GIF >";
echo $tmpstr;
}
?>
在主页上适当位置放置相关代码<? include "count1.php" ?>,这样主页上就显示了您de计数器,不过要记住在您de数据库上建立一个TABLE——counter:create table counter(
num int unsigned,
visited int unsigned
);
怎么样,容易吧!中篇我将介绍怎样让您de镜像站也能用上您自己de计数器.

学习PHP时,我总是被教导到,PHP是一种服务器端脚本,是不能用来控制客户端de.而伴随着PHP5de发布,这句话就不是那么正确了.因为现在,PHP也可以用来写客户端脚本了.是de,您没有听错,用PHP写客户端脚本.

ActivePHPde安装

下面我就来演示一下如何使用PHP写客户端脚本.首先,您需要下载PHP5在windows上de安装包,然后解压到一个目录里,比如:C:\Program Files\EasyPHP5\php,接着呢,进入windowsde命令行模式,cd到您解压PHP5de目录,然后键入:
regsvr32 php5activescript.dll

回车以后,您就会看见一个成功提示:

这说明您已经可以使用ActivePHP了.好,下边我就来写一个简单de脚本来测试下,仍然是全球通用deHelloWorld:P.

<? 相关代码列表 ?>
<script language=”ActivePHP5″>
$document->write( ‘Hello World!’ );
</script>

将上边de相关代码保存为Hello.htm,然后双击它,您就可以看见下边de结果了.

<? 环境要求 ?>
PHP:5.0.0
OS: Windows
Browser: IE

嗯,效果不错,但是还不够有客户端de特色.让我来修改下相关代码:

<? 相关代码列表 ?>
<script language=”ActivePHP5″>
$window->alert( ‘Hello World!’ );
</script>

再运行下看看~

是不是有些感觉了？

我de版本管理系统

下边我回过头来说说版本管理系统.我要做de版本管理系统很简单,就是把开发目录下de文件和数据库de数据表打成一个RAR包,按时间命名并放到一个备份目录下.由于本文de主要目de是演示ActivePHPde使用,我就不考虑对RAR包de管理和将其解压覆盖原有数据de内容了,不过对于一个版本管理系统来说,这部分是很重要de,建议大家自己完成;) .

<? 相关知识 ?>
Mysqlde数据库是以文件形式存放在mysql/data目录下de,一个库对应着一个目录.

首先我需要知道PHP调用Windows上其他程序de方法,那就是System命令.这个命令简单得和Echo一样,直接
System(’command’);

就可以了.

然后我就需要知道RARde命令行使用方法了,这种东西应该当然要找帮助文档了,就在RARde安装目录下.在英文堆里看了好久,终于找到了一个方法:把要压缩de文件写到一个文本文件里,再把文件名作为参数,传给RAR.写成命令行就是:
rar.exe a path_to_save @file_list

生成这个文件对于PHP来说很简单,一个遍历函数就可以了,下边这两个函数是从PHP手册上deUser Contribute 改进而来de.

<? 相关代码列表 ?>
function R_walk($oldname, &$string)
{
if(is_file($oldname))
{
$string .= $oldname .”rn”;
}
else if(is_dir ( $oldname ) )
{
R_dir_walk($oldname, $string);
}
else
{
die(”Cannot add file: $oldname (it’s neither a file nor a directory)”);
}
}
function R_dir_walk($oldname, &$string)
{
$dir = opendir( $oldname );
while( $file = readdir( $dir ) )
{
if ( $file == “.”
$file == “..” )
{
continue;
}
R_walk(”$oldname/$file”, $string);
}
closedir($dir);
}

有了这两个函数,生成列表文件就很容易了.
下边是实际操作部分de相关代码:

<? 相关代码列表 ?>
$php_path = ‘C:/Program Files/EasyPHP1-7/home/dev/R4/’;
$mysql_path = ‘C:/Program Files/EasyPHP1-7/mysql/data/r4/’;
$date = date( “Y_m_d_H_i_s” );
$bakeup_path = ‘D:/bakeup/R4/Backup_’.$date;
// copy file
R_walk( $php_path , $files );
// stop mysql
$window->alert( ‘即将关闭Mysql服务进程……’ );
system( ‘mysqladmin.exe -uroot shutdown’ );
R_walk( $mysql_path , $files );
$files = str_replace( ‘/’ , ‘\\’ , $files );
write2_file( ‘./info.txt’ , $files );
$window->alert( ‘压缩开始,请不要手动关闭CMD窗口……’ );
system( ‘rar.exe a “‘ . $bakeup_path . ‘” @”./info.txt” ‘ );
$window->alert( ‘压缩完成,即将重启Mysql,请手动关闭下面弹出deCMD窗口……’ );
// restart mysql
system( ‘mysqld.exe&’ );

上边de相关代码很简单,只说明几个地方
· Mysql在运行时会锁定数据表,所以我要在压缩之前停止服务,压缩完成后再启动.
· System命令会等待命令完成后再继续向下执行,而mysqld.exe是后台服务,是不会停止de,所以程序到这里就进入了等待状态,手动关闭CMD窗口就可以了.
· 上边derar和mysqld等程序de路径是添加到环境变量中de,所以不用指定.Windows XP添加环境变量de地方在:我de电脑(右键/属性)-> 高级 -> 环境变量 -> 系统变量(Path)中.

好了,添上上边de相关代码,存盘,再运行下看看:很方便吧,HoHo~ 文章就到这里,记得把功课做完:P
(出处:Viphot)