本文特意为你找到了一个CSS编辑工具——Topstyle。有了它,你可以轻松制作更多风格的网页!精彩美观是每个设计师在制作网页时的不懈追求,而精彩的网页几乎离不开CSS的强大“支持”。CSS是一种为超文本标记语言提供增强的补充服务的技术,它可以精细地修饰每个html标签。使用CSS会让网页更生动。然而,常见的网页编辑工具在CSS中的表现并不令人满意。为了充分发挥CSS的潜力,设计出更漂亮的网页,最新版本:3.11文件大小:3836KB软件属性:共享平台:Win9x/Me/NT/2000/XP Software功能这个程序是一个功能强大的CSS编辑设计工具,功能很多,不仅可以让你轻松创建各种风格的文件,还可以方便地编辑现有的风格。它的内置CSS代码检查它的功能。尤其是其HELP文件中对各种CSS指令的详细介绍,非常适合作为参考文件使用,也非常适合刚接触CSS的用户。下载Topstyle是专门用于设计和编辑样式的工具。其规模已达到400万左右。可以说该软件是“强而有力”的类型,但其庞大的规模也意味着该软件实现的功能新颖、实用、强大。有了这个软件,我们可以随意创建各种样式表文件,可以轻松为网页设计出各种让你感到非常满意的视觉效果。从网上下载的Topstyle是一个扩展名为exe的可执行文件。安装前可以直接用鼠标双击,这样系统就可以自动打开一个标准的windows程序安装界面。我们只需要按照界面的提示一路点击下一步按钮就可以成功完成安装。该程序无需注册即可在同一台计算机上使用20次。还有一个名为Topstyle Lite的程序与Topstyle一起安装在系统中。使用次数没有限制,但是在功能方面肯定会有一些限制,但是对于普通的个人用户来说,它提供的功能已经足够了!
图1安装完成后,程序默认会在系统的开始菜单中自动添加一个Topstyle程序运行菜单项。这时,如果我们想运行Topstyle程序,可以用鼠标依次点击“开始”/“程序”/“Topstyle 3”,屏幕上会首先出现一个样式定义向导窗口。第一次使用程序时,我们可以一路点击“下一步”按钮,从而打开一个如图1所示的程序主操作界面。为了防止软件在未来用户暂时不需要时占用更多的系统资源,我们可以使用控制面板窗口中的添加和删除程序,将Topstyle程序的所有组件从系统中完全移除,因此从这个意义上来说,软件也可以称为可移植的应用程序。程序一旦运行,界面就是一个完整的XP风格,让人感觉友好柔和!创建新样式Topstyle程序为我们提供了几种创建新样式文件的方法,其中比较简单的一种是使用向导功能创建样式文件。使用该方法时,可以先用鼠标点击主界面中的“文件”菜单项,从打开的下拉菜单中执行“新建样式表向导”命令,从而打开如图2所示的向导设置界面;用鼠标点击“下一步”按钮,在下一个界面,可以适当设置网页中的文字颜色和背景颜色。设置完成后,继续点击“下一步”,然后为网页中的字符选择合适的字体。如果需要任何字体,可以在对应字体前面的方框中打勾。设置此步骤后,还可以设置网页中文本的大小、文本的粗体属性、网页中超链接的正常显示颜色以及点击后的颜色变化。设置完所有相关参数后,指南设置框还会打开一个预览界面,如图3所示。如果对设置效果满意,可以继续用鼠标点击“下一步”完成最终的样式创建任务。如果对设置效果不满意,可以点击这里的“上一步”按钮,返回上一步设置页面,重新调整网页的样式属性,直到满意为止。最后,我们可以给上面创建的样式文件命名,选择保存文件的位置,点击向导界面中的“完成”按钮,完成样式文件的创建。
图2
图3编辑现有样式除了创建新样式,我们还可以编辑和调整现有样式文件。编辑时,可以在主界面依次执行“文件”/“打开”命令,打开已有的样式文件。在Topstyle程序界面,可以使用工具栏中的各种工具按钮随意修改样式文件。如果非常熟悉网页的源代码,可以选择在源代码窗口中进行修改(如图4所示)。如果你对源代码“感冒”,我们也可以在Topstyle程序界面右上角的“样式检查器”子窗口进行修改,可以更直接。而且,在这里我们几乎可以修改样式中的任何参数,比如网页文本的大小、字体和颜色、网页的背景颜色以及超链接。此外,通过执行菜单栏中的“文件”/“从web打开”命令,并在后续窗口中直接输入网站的网址,我们可以在指定的网站上修改和编辑网页样式。
图4。检查样式错误在编辑和修改样式的过程中,由于操作不小心,可能会出现这样或那样的错误。这个时候就不用担心了,因为Topstyle程序为我们提供了CSS代码的检错功能,这样在修改过程中产生的任何错误都不会被Topstyle程序忽略。我们的风格修改和创作工作的每一步都在Topstyle计划的“监控”之下。一旦修改有误,程序会立即弹出对话框,如图5所示,提醒我们当前样式有错误;同时,在主界面的源代码编辑子窗口中,我们会发现程序出错的地方用红色突出显示;在“样式检查器”子窗口中,程序将以蓝色突出显示错误;一旦我们调整了错误,相应位置的高亮颜色就会自动消失。
图5预览样式效果Topstyle程序还为我们提供了即时预览功能,通过该功能我们可以即时显示样式参数每一步的修改效果。主界面中的“输出”子窗口用于立即预览样式效果。在这个子窗口中,我们发现它包含五个标签页。用鼠标点击“预览”选项卡,查看具体的样式预览效果。由于Topstyle程序支持IE浏览器、网景浏览器、Opera浏览器的各种版本,我们可以对各种风格进行修改和预览,从而保证了风格编辑的效率。此外,在“样式检查器”选项卡页面中,我们可以清楚地看到当前样式文件中的语法错误。用鼠标点击错误内容后,Topstyle程序还可以弹出信息提示,知道如何正确纠正语法错误。在其他选项卡页面上,我们还可以了解当前样式表的一些注释和统计信息,例如样式文件中包含多少行。学习辅助工具Topstyle程序为刚接触CSS的新手用户提供了详细的帮助。有了这个功能,用户可以从程序内置的帮助文件中,找出与CSS相关的各种说明的详细用法介绍,以及一些编译原始CSS代码的小技巧,新手可以作为一个很好的CSS素材来学习和使用。另外,安装了Topstyle程序的Topstyle Lite版本在功能上相对更简单清晰,所以我们可以在Topstyle程序的安装目录中运行这个平装版程序。这个程序只为我们提供了简单的编辑、创建和预览样式文件的功能,没有向导创建和CSS代码错误检查等功能。但是,这些功能对于新手用户来说已经绰绰有余了!总之,Topstyle程序的整体性能非常好,是一款不可多得、不可或缺的样式表编辑工具。在Topstyle程序的帮助下,相信你会成为一名优秀的CSS编辑器和设计专家。