因为专题写作课需要制作专业知识地图，所以在网上找了几个制作流程图线框图的工具，几经试用对比，最后感觉用gliffy最好用，效果也最好。分享一下（这不是软文）。 打开gliffy后需要注册才能保存制作好的图片。注册后新建空白文档，界面如下图（也有模板）。 其中控件栏主要有很多种类的控件，有流程类，有网络类。根据自身需要来选择哪些就行了。默认打开是基本的。右边的是属性栏，你把控件拖到中间的画布后就可编辑它的属性。属性有坐标（这个可能很实用，可以让不同控件水平或垂直对称，编辑好属性后最好锁定，防止不小心移动它），宽高，旋转角度，渐变，阴影，锁定（锁定后不能移动控件的位置），字体（种类，大小，颜色，链接，文本对称，样式）。 另外菜单栏上有三个常用的功能，一个就是把不同控件用线条来表示它们的关系，另二个是在不同控件有重叠时，设置哪些控件位于前面。 制作完成后可保存在网站上，也可以导出保存在电脑上，有四种格式（SVG,XML,JPEG,PNG)。需要登陆才能保存和导出。 下面是个人的练笔之作（其实也是交给老师的，期末了没时间认真献计文献和准备材料，不过电商专业的知识体系也太杂广了），此图没有任何权威性，也不保证准确，相信者请面壁三天。

花在网上的时间越来越多，时间管理观念越来越差。哎，习惯真的是我最大的敌人了。知已知彼，百战不殆，好吧，多花点时间了解一下自己。我上网的习惯是怎样的呢？需要总结一下了。我接触互联网比较晚（2006年），在专业和兴趣的驱动下，经常需要找一些网站。当然百无聊赖时也会寻找一些有意思的网站。不知能不能以已度人(宿友：此乃小人之心），为别人所借鉴。总结一下，下面是这习惯的自白。 1.专业的用户界面 我觉得好网站在界面上都做得不错。个人觉得能够让用户更方便更舒适地使用网站的界面就是好的界面。google的界面虽然简单，但可以让用户在极短的时间内知道怎样使用。我在找需要的网站的时候经常会在搜索框中加个关键词，比如专业/professional，推荐/recommend。特别是在找设计（主要是学PS）有关的网站时这种方法会很有效，因为这样能很直观地判断出网站的制作是否用心。比如说下面的两个网站： IconDock 一个可以下载精美图标的网站 UIrss 国内UI设计师社区网站 2.口碑/推荐 乐于分享的同学朋友会向我推荐好网站，当然我也常请教一些对互联网了解比较多的人推荐一些网站，一般来说这些被推荐的网站质量都不差。其实我感觉总体来说，熟人推荐的网站比在搜索引擎的结果更有效，不过这方法也有不好之处，你总不能麻烦他人，而且遇到牛人的机会也不是经常有。所以在twitter上看到别人分享网站的时候，我都会去看看。虽然会遇到软广告，不过找到的好网站还是很多的。 3.友情链接 大二的时候开始对博客感兴趣，为了了解博客，需要订阅很多博客，所以当时找了很多博客，为了保障订阅文章的质量，以及快速找到好的博客。所以我当时找到几个名博，然后通过他们的友情链接来寻找好的博客（特别是独立博客）。因为独立博客的友情链接更少涉及到利益，内容一般都有共同点，质量也有保障，一个博客一般都会有几个友链，一连十，十连百，很快就可以找到很多好博客，好网站。 4.以身试药 现在有很多提供在线应用的网站，比如说在线制作流程图的网站gliffy,在线office的google docs等网站。而且有很多网站提供的应用相同或相似，比说我们之前翻译的在线制作图表的网站就有20多个，这时优中选优还是得以身试药，自己尝试一下才能知道哪些网站最适合你的需求。

这几天看了不少与纸媒危机的文章，突然想纸媒危机是不是和之前的电台所遇到的问题相似？冒着被扔鞋的风险写了这篇文章。现在大众很少把广播电台当做获取信息，娱乐的主要渠道了。在电视普及之后，电台受到的冲击很大了，不过经过调整，现在国内的广播电台已经慢慢地找到自己的合适领域： 1.专注服务区域用户 比如说为区域用户提供点歌，路况播报，方言讲新闻，讲故事等服务来开拓市场，维持影响力。 2.提供性教育以及其他媒体不擅长也不便于传播的疾病诊断服务 很多电台晚上和地方的医疗机构合作推出性教育，或者其他疾病诊断服务，而这些是其他传媒不擅长也难以开拓的市场，虽然其中有很多猫腻，不过给电台带来不菲的经济效益。 3.利用新技术来保持吸引力 很多电台利用手持设备的普及，利用新技术开通短信平台，网站来弥补与用户互动不足的弊病。 电台的再次发展也许能给报纸产业带来很多启示。 现在纸媒在电视和互联网的冲击下面临着很大的冲击，在金融危机的放大下，广告收入与发行量骤然下降，国外很多报社倒闭。国内报社虽然在体制与经济刺激计划，用户基数大的支撑下没有出现什么危机，没有不破的堡垒，纸媒没有改变，自身市场运作的时间不长，产业不成熟，广告客户的流失，用户获取信息的工具与方法的改变以及垂直化网站的发展尽早会把它挤到更小的角落。 1.自身市场运作的时间不长，产业还不成熟 国内报纸是在1979年才开始重新市场化动作，刊登广告；在之后的几年里，国内电视也很快就普及，挤占了报纸的很多发展空间。自身原始积累不多。另外，在体制的保护下，大量的机关报，党报也没有足够的动力去市场化。 2.广告客户的流失 内容更丰富，传播更快捷的互联网已经把年轻一代的眼球牢牢地吸引住了。虽然说中老年人的阅读习惯还很传统，不过在消费能力不断增长的80后90后市场中，广告主更喜欢把广告投放在网络上。 3.用户获取信息的工具与方法的改变。 移动设备，电脑这些工具已经改变了用户获取信息的方法。 4.垂直化网站的发展。 垂直化网站的发展会越来越专业，这会让报纸的高端用户流失。 2002年的时候，我会隔个三五天买《信息时报》（有时是《参考消息》），以及周报《南方周末》，2006年开始接触互联网后，我开始减小买报纸的次数，买也只买《南方周末》。虽然在其官网上能免费看到相同的内容，而且图片是彩色的，还可评论与投票。不过我路过报亭时还是会经常买一份。因为在巨量信息的电脑前，我不会长时间认真地阅读一篇文章，更不用说几个版面的长篇大论了，但是我对于报纸，我会认真地看上几个小时。我觉得它能给我带来几个好处： 1.阅读的快感 报纸的质感是键盘鼠标所不能带来的，报纸能让你专注于阅读，十几页的版面能很快读完，就像每天都能进步一点一样，可以带来充足的成就感。 2.没有别的信息干扰 优质的报纸版面布局会松弛得当，图文谐调，便于阅读，而在电脑上，我会受到各种信息的干扰，弹出的广告窗，即时通讯软件，页面文章中的链接与边栏的各种广告，丰富的色彩，炫丽的交互是优势与也带来文字阅读的干扰。 3.更专业 最重要的一点是，我所购买的报纸更专注，专题很纵深，思辨性强，更真实性，而这是我最看重的价值。 在用户产生内容的web2.0的互联网时代，获取信息的方便已不是报纸电视的优势，那什么是报纸的优势？我想就是能提供更专业的，更高端，更纵深的新闻专题吧。

因为博客之前出了问题，所以重修安装了，只备份了博客的文章，之前的评论没有得到保留，对不起之前的评论者。花了几天了也给博客改版了。本来想把RSS地址改回以前的，不过试了几回改固定网址，发现改后会出现各种各样的问题，所以最后还是没改。请订阅博客的读者重修订阅一下。 博客的RSS地址更改为：http://focusec.cn/?feed=rss2 旧版focusec 新版focusec 你觉得这样改版好吗？请各位点评一下。 补：已把底色改成原来的白色。

国内很多博客使用wordpress,不过网店用wordpress的就不是很多，个人只看过三四家。其实wordpress的定制功能很强大，可以快速方便地制作个性网店。wordpress有个很有名的电子商务插件WP e-Commerce，也有很多电子商务主题。 译文：wordpress是建网店的好平台，有大量可用的主题帮助店主吸引目标用户。这篇文章展示20个最佳wordpress电子商务主题，其中有免费的与也有收费的，可满足立足于诸多不同利基市场店面的需要。 1. Store 这是个好电子商务wordpress主题，功能多，界面美观；安装和后台管理方便，主题创作者提供售前解疑和客户服务。 2. Ecommerce Theme 用户使用这个主题能有效地管理网店。该主题在SEO和定制上可以满足开发各种利基市场的需要。 3. AppCloud AppCloud主题简洁美观，两栏布局，带有可水平/垂直滑动的图片滑动栏。这个电子商务主题特色在于能集成热销产品和产品分类列表的功能。 4. eShop 主观利索的界面的eShop主题让店主和客户使用进来非常方便。该主题功能强大，小小改动就能适合销售各种商品。 5. WP Store 店主使用这主题可以建立网店，展示商品，交易付款和管理存货。 6. Auction Theme 这是个收费主题，可以搞拍卖网店，在线拍卖或逆向拍卖。 7. Market Theme Market主题可让wordpress变成网店。默认配置下，这个主题看起来像一个普通的博客，不过有很多选项可以自定义外观，比如说用方格来展示商品。 8. Kidz Store 这个明快的主题能很好地向儿童和他们的父母展示商品。该主题色彩丰富，功能多样，支持后台管理，有所有必要的电子商务功能。 9. StorePress 收费主题，带有插件，支持PayPal积分。 10. eGoods eGoods适合于可以下载的产品，以及用paypal接收付款。该主题有明亮或暗淡两种外观。功能有特色商品，热销商品，最近上架，数量有限货品，还有支持礼品券。 11. Vanilla Cart 这是个简洁大气的主题 12. Color Cart 这是基于Vanilla Cart主题上制作的主题，添加了选择主题颜色的功能。 13. Cherry Cart 绝对简洁，不带任何边栏。 14. Classified Ads Theme [...]

因为一些原因，让我也参与了学院与深圳大学合办的齐迎大运之页面设计大赛。在这个比赛的rater中，我是最不够资格的，不过我也已尽我所能把这工作做好。比赛的作品我都写下详细的点评，现在把个人的看法整理一下，希望能给选手交代，也给下一次的比赛点建议吧（希望这比赛还能继续）。详细作品请点这里。 评分标准是按内容，美工，创意来定优胜的，所以下面我就这三个方面说一下。 内容:什么是页面？个人觉得页面就是信息的载体，就像纸的作用一样。最好的页面应该是可以让用户最舒服地接受所展示的信息的页面，很多报刊杂志的排版更重于文字排版，因为文字是纸媒最重要的信息，图片只是起着辅助阅读的作用，便于读者理解。这次比赛我觉得很多作品在这方面上做得不是很好。因为大运会的信息量会比较大，更新频繁会比较高，很多参赛者为了追求界面的美观，采用flash来布局和展示大量的信息，而这些不是flash的强项。另外在设计排版时，有一些作品展示信息的地方不够大，这样本来可以按排在一个页面的内容会变成好几个页面。用户如果在一个网站中翻了好几个页面都找不到所需的信息，那么这个网站也会很快被用户放弃。 另外说到可行性上，主要是技术实现难度上。不少作品缺少这些方面的考虑，不过这些要求有点高，因为很多选手是更多把这个比赛只当作是界面比赛，技术上的原因可以不用考虑。有一些选手是大三大二的选手，我还是觉得需要有这方面的意识，因为举办这次活动的学生很多都是学软件工程和电子商务的。flash用来搭建页面的时候更多是因为它的交互效果和色彩图形上很有吸引力。不过在大中型网站中很少运用它来展示大量的信息，不不仅是因为需要安装flash，更多是因为它不便于维护更新，技术需要高，另外还因很多终端对它的支持不好（比如说很多手机）。另外还有一些问题，比如说字体，虽然现在已经用CSS解决字体问题，不过很多浏览器在这方面上支持还是不够。 美工：这次作品中美工上存在不少问题，听说活动前期宣传时，因为下雨，所以知道这个活动的人不多，所以学美术的同学来参赛的很少。很多页面细节上处理不好，用色也有问题。不少页面上的图像还有扭曲变形。因为这次的主题的2011年世界大学生运动会，所以说美工上的需要其实是挺高的，因为一般大学生对互联网是很了解的，能够设计出被大学生喜欢的界面是不容易的。这次比赛参赛者主要学软件工程和电子商务，美工本来就不是他们的强项，所以出现这么多问题是正常，不过为什么要搞我们不擅长的设计比赛，而不是搞我们更拿手的网站PK呢？ 创意：这次比赛有二三个作品有一些地方在创意上有几个闪光点。第一个作品的”圆”,最具创意奖的获得者的apple风格，还有最后一名选手的白天黑夜的理念（这个真的是创新），这些作品个人觉得在创意上都表现不错。 建议：吸引更多专业的学生参赛，形式上更自由，邀请行业人士参与评委，不要再让像我这种不足以服人的学生当评委。 扯完这些，想说点别的。学院的网页设计课应该放在大一来上，因为这是一门简单的课程，而且是我们专业的技术基础课。大一的时候如果就可以接触到这门课程，相信会有更多的同学会对网页设计感兴趣，学别的技术也会更快。

之前翻译过用jQuery制作的精彩图片滑动栏的文章，又曾利用ul和页内锚点制作过水平滚动的网页。前几天突然想，为什么不也用ul和页内锚点来制作图片滑动栏呢？用js和 jQuery制作的图片滑动栏的效果虽然很漂亮，不过对SEO不友好，而且不同浏览器，不同平台对它们的支持也不一致。纯粹用css和html制作图片滑 动栏在这些方面是有好的表现的。 效果：样例（点击可见），下载样例 制作思路如图： 具体制作步骤： 1.搭建好框架 <body> <div id=”box”> <div id=”slider”> <ul id=”image-text-div”> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> <li id=”a4″ name=”a4″>滑动栏的内容：可只是图片也可图文并存</li> </ul> </div> <ul id=”button”> <li><a href=”#a1″>1</a></li> <li><a href=”#a2″>2</a></li> <li><a href=”#a3″>3</a></li> <li><a href=”#a4″>4</a></li> </ul> </div> </body> 2.添加细节。“滑动栏的内容”加上具体的图片与文字。还有添加一些样式以控制显示效果。我在“滑动栏的内容”中加的是: <img src=”image/css-slider.jpg” /> <div> <h2>纯粹CSS图片滑动栏</h2> <p>这里是滑动栏的文字区域。主要是为了说明左边图片，摘要而已，字数不需多，重点突出即可。 此滑动栏用到HTML和CSS。</p> </div> 3.添加样式 *{ margin:0; padding:0;} body{ [...]

表单已经从简单的HTML表单改变了很多，作品集的网站和设计机构的表单尤其如此。 目前的表单设计很漂亮而且具有创造性。除了大家都了解的方式，表单可以通过加入地图、社交网络的信息、插图等得到增强。一个固定设计别致的表单可令观众对 网站后面的人或公司有信心，从而提高到网站的整体体验。 在这篇文章重，我们收集了最有创意的用于联系表单，你可以在自己的设计中使用创意灵感。 Alexarts Tony-Johnson Daniel Hellier Lionways Trendy Web Design Step2Reality Brian Handley Design Ilovecolors Try Triangle Carsonified Chocomize Electric Pulp Vincent Mazza Yodaa The Kabro Red Bull Soapbox Racer Gpacheco Ctm-Argentina Indofolio Condare Bio-Bak Shoutdigital Z-Index Media Creativeswitch Alexandru Cohaniuc Orman Clark Ctrln Ready Made Designs Socialsnack Bullet PR Envira Media Inc [...]