风格设计教程(3):整体风格设计必读

王志勇 发表于 2012年06月27日 09:21

Arsue Blog程序的结构,前台是DIV+CSS结构,每个页面是由上端导航栏、主体部分(正文部分)、侧导航栏、下端导航栏这4部分组成。由于结构比较清晰简洁,所以易于修改为您自己喜欢的风格。《风格设计教程》系列的文章,并不太多,所以在您做修改之前,最好先通读《风格设计教程》系列的所有文章,因为有很多的重要步骤是分布在多篇文章中,而没有重复,地址是http://blog.cn.arsue.com/category/style/。风格设计需要花费相当多的时间,所以最好在您有灵感的时候再做设计,平时多更新Blog的文字内容会更有益处。

由于“代码出现次数检测”工具在昨天开始上线,所以从现在开始正式深入编写风格设计的教程。“代码出现次数检测”这个工具十分重要,它的作用主要是用来检测网页中<div>和</div>的数量,这2个标签的数量必须相等。如果没有这个工具,就需要一个一个地去数网页中有多少个<div>和</div>;有了“代码出现次数检测”工具,可以节省您大量的时间。如何使用?当需要检测<div>和</div>的数量时,必须用IE浏览器打开网页(每次有修改之后要按F5刷新一次),在网页空白处点击鼠标右键→“查看源文件”,然后把整页的HTML代码复制到“代码出现次数检测”工具中,直接点击“开始检测”即可。代码出现次数检测工具的地址是:http://tool.cn.arsue.com/count/

在做风格设计时,由于有大量的修改,必须在本机做调试,网页要随时做备份(备份的方法是把网页文件复制一遍),然后再通过FTP上传。本机调试的环境是“Apache+PHP+虚拟主机”,开发软件是文本工具EmEditor,请严格按照这篇来配置http://blog.cn.arsue.com/petal/3,并且必须将EmEditor的默认打开编码设置为UTF-8。使用IE浏览器进行预览,按F5刷新可以看到修改后的效果。

Arsue程序的代码,是高度精简的。要做修改,最快的学习方法就是充分利用原有的代码,了解这些代码的含义,然后稍做修改就完成了。HTML和CSS,一共至少需要4个月~半年的时间,才可以熟练掌握,所以风格的设计是需要一定时间的。

能否使用FrontPage和Dreamweaver等可视化网页编辑软件来编辑Arsue的网页?不可以的。因为这些网页程序无法在这些软件中运行,必须在Apache+PHP+本机的虚拟主机+浏览器中运行。对于网页的初学者,可以在FrontPage和Dreamweaver等软件中练习HTML代码的编写,然后将代码复制到Arsue的网页中。对于非初学者,直接手写代码是最好的。

下列这些文章,是各部分的修改教程,正在更新中:
风格设计教程(4):上下导航栏设计
风格设计教程(5):侧导航栏设计

0条评论:

发表评论:
名字: (*必填)
博客: (可省,仅限于Blog地址)
验证码: r4e92v4i15s94e24 (*必填)

正文:

    记住信息? 否   回复第

直接发送Trackback

程序简介:Arsue是一个快速、超低负载、易于安装和备份的博客程序,可快速地运行在低价的虚拟主机,PHP+NoSQL构架,核心程序5K以内,主程序20K以内,全动态页面,国内外大多数的Linux+Apache+PHP的主机均可运行。获得此程序,可以在这里预定

最新的评论:
Arsue教程(4):如何关闭/开启评论
Arsue教程(3):Arsue Blog程序如何第一次安装
Arsue教程(20):参数设置 - 两次发帖的时间间隔
Arsue教程(13):参数设置 - 按月存档管理
Arsue教程(7):如何更改Blog文档的路径
Arsue教程(19):如何添加友情链接
Arsue教程(31):如何在一个分类/标签下添加一篇文章
Arsue教程(25):“在线升级”使用说明(图解)
Arsue教程(30):文章分类和标签
Arsue教程(29):最新评论审核平台

分类:
Arsue教程 | Arsue的属性 | 程序艺术谈
风格设计教程 | Arsue程序更新

Blog存档:

Copyright © 2012 arsue.com 版权所有。Arsue是一个基于PHP+NoSQL构架的快速、超低负载的Blog程序,它可以节省您每年50%以上的服务器费用。