吟遊詩人

第一次用SiteGrinder来正式切网页……

Posted at 2010/09/02 16:55
Filed under 非设计/涂鸦

毫无疑问的过程中出了无数问题
比如文字无法正常显示
比如编码造成的乱码
比如浏览器适应
比如背景和居中等等……

不过最后在朋友们滴帮助下还是成功了
啧啧
这其实只是一个类似HAO123的地址簿页面

Posted by 小伊

Tag: Site Grinder
Response: No Trackback , a comment
RSS :: http://www.everyer.net/blog/?/rss/response/158

Trackback URL : 無法向此文章發送引用

Comments List

Canal 2010/09/03 13:40 # M/D Reply Permalink

是一个设计网页的工具吗？好好玩啊

从自行车升级成火箭了lol

Posted at 2010/08/28 19:46
Filed under 杂闻/很爱吃很爱喝

>.<今天终于去配了电脑
已经纠结了一个星期了
然后经历了种种这个那个不齐,以及-LX和普通的区别(差点被阉割版骗),最终配了这个版本...
显卡1630，机箱硬盘内存主板4250，电源299(京东买的BP430,还没送到,所以先借了店里的电源回头再替换掉)
>.< 4年内不用升级了....

花花原谅偶的预算超标....但是房租偶自己会交的....

Posted by 小伊

Tag: GTX460, I5, 电脑
Response: No Trackback , 10 Comments
RSS :: http://www.everyer.net/blog/?/rss/response/157

Trackback URL : 無法向此文章發送引用

Comments List

花花 2010/08/28 22:17 # M/D Reply Permalink

天天要用的东西，一定要买品质最好的，钱挣来就是要用的嘛，花花绝对支持你哦。
1. 小伊 2010/08/29 15:07 # M/D Permalink
  
  謝謝花花>.<
  多謝花花大力支持~~~~~
xinyi 2010/08/29 00:01 # M/D Reply Permalink

嗯嗯，电脑城现在是太黑了...一不小心就容易被骗...
貌似京东现在也能帮着装机的吧
1. 小伊 2010/08/29 15:08 # M/D Permalink
  
  嘖嘖,京東主要是要返修很麻煩
  這次的價格已經是壓得很低了.
秘密访客 2010/08/29 00:09 # M/D Reply Permalink

只有管理员能看到的回复。
1. 小伊 2010/08/29 15:07 # M/D Permalink
  
  放心吧沒事的
wengfat 2010/08/30 10:17 # M/D Reply Permalink

这个菜单很完美喔!!虽然高出你的预算就是了XD
不过要注意这种主版的内建的声卡，要测试一下有没有爆音的问题
如果没有就快快乐乐的使用吧!
Canal 2010/08/30 18:34 # M/D Reply Permalink

祝贺EE啊！
表示羡慕~~一旦我在哪定居下来一定也要配一台华丽的台式><
秘密访客 2010/08/30 23:49 # M/D Reply Permalink

只有管理员能看到的回复。
花花 2010/09/01 19:07 # M/D Reply Permalink

http://user.qzone.qq.com/964098102/share/1283268418
EE快看这个

呜呜呜……

Posted at 2010/08/26 13:12
Filed under 杂闻/很爱吃很爱喝

本周决心配新主机……
花花支持下的预算被偶一咬牙就超了。。。
T T
于是最后的单子是这样的……
应该可以用4，5年把？

Posted by 小伊

Tag: 配电脑
Response: No Trackback , 4 Comments
RSS :: http://www.everyer.net/blog/?/rss/response/156

Trackback URL : 無法向此文章發送引用

Comments List

星星 2010/08/26 14:39 # M/D Reply Permalink

别的不清楚，内存肯定是坚持不到两年的，不过可以再加的，不着急
xinyi 2010/08/26 17:44 # M/D Reply Permalink

呵呵，很强大的配置咯~
wengfat 2010/08/27 12:17 # M/D Reply Permalink

噗噗…2年至少會想換掉顯卡
1. EE 2010/08/27 12:54 # M/D Permalink
  
  那我要不要先买250？

+Site Grinder的后缀对照表

Posted at 2010/08/26 11:19
Filed under 杂闻/每一天每一年

-button   Defines a button.
-rollover Defines a rollover for a button with the same name.
-popup Creates a popup for the button with the same name.
-popdown The "button" with the matching name causes this to hide.
-hide This layer or set will be hidden when any popups appear from any button.
-text   Forces a type layer to generate live styled text instead of a graphic. Same as turning off anti-aliasing for the layer.
-g Forces a type layer to be rendered as a graphic.
-links   A list of links matching words or phrases in the corresponding type layer .
-link   Applies the contents of a text field as a hyperlink for the button of the same name.
-@link Applies the contents of a type layer as an email link for the button of the same name.
-scroll   Gives the type layer a vertical scrollbar on the final web page.
-menu   Causes a type layer or a layer set to be a menu
-rrect   Causes a Rounded Rectangle shape layer to become a re-sizable rounded rect web element
-fav   Causes a layer to become a 16X16 favorites icon for the site
-page   Specifies that a layer comp represents a page; optional for comps with matching buttons
-nomerge   Tells SiteGrinder Pro not to merge this layer with any other when it builds
-ignore   Layer (or layer set/group) will not be included in the build of any page, even if it is visible.
-form The text layer contains information SiteGrinder Pro will use to build HTML form entry fields.
-grow The layer height and position indicates the vertical section of the page that may grow vertically.
interior-tile The pattern used in this layer's Pattern Overlay style will be used as the page's background tile.
exterior-tile The pattern used in this layer's Pattern Overlay style will fill the browser window area outside the document area.
interiorgrow-tile   The pattern used in this layer's Pattern Overlay style will fill the area of the page's -grow layer.
-xmedia   Layer is a placeholder telling SiteGrinder Pro to include some external media, such as a Flash movie or an HTML file, at layer's location when building.
next-button Creates automatic forward navigation between pages, especially gallery pages. See note below.
prev-button Creates automatic backward navigation between pages, especially gallery pages. See note below.
nextset-button Creates automatic forward navigation between thumb pages.See note below.
prevset-button Any Y Creates automatic backward navigation between thumb pages.See note below.
up-button Any Y Creates automatic navigation from a gallery image page to its corresponding page of thumbnails.See note below.
-img Uses the HTML <img> tag when placing the image.
-slideshow Layer is a placeholder for an animated slideshow to be generated by SiteGrinder Pro.
-thumb Layer will be a thumbnail for a gallery image.
-thumbsheet Layer defines an area which SiteGrinder will fill with thumbnails
-picturebox Layer is a placeholder for the full size versions of images in a gallery to be generated by SiteGrinder Pro.
-metadata Layer contains metadata hints so SiteGrinder Pro will display image metadata along with a gallery image.
-gallery Page contains thumbnails, thumbsheet or pictureboxes for a gallery to be created by SiteGrinder Pro
-literal USE WITH CAUTION. Text layer contents will be included without modification, allowing arbitrary HTML or other code to be directly added to a sized and positioned DIV.

Posted by 小伊

Tag: Site Grinder
Response: No Trackback , 2 Comments
RSS :: http://www.everyer.net/blog/?/rss/response/155

Trackback URL : 無法向此文章發送引用

Comments List

星星 2010/08/26 14:41 # M/D Reply Permalink

全英文说明呢，好久不看，头大了
看起来是一些控件或名词的说明哈哈 ee正努力学习英文吗？
EE 2010/08/26 17:14 # M/D Reply Permalink

只勉强看懂一部分……
不过基本功能还是蛮简单的

+推荐一个新的PS插件

Posted at 2010/08/25 09:51
Filed under 非设计/涂鸦

先附上试用感言吧。。。

1.不要将整篇叠底的图片层放置在它可能影响到的图层上面
2.文字内容，输入时必须顶端对齐，软件不会读取与其它内容有位置重叠的空格
3.对中文支持非常不足，PS里的中文切出来基本是乱码。

--------------------------------------------------------

（转）偶然接触一个工具，觉得有点意思，希望感兴趣的人一起探讨探讨

官方介绍：http://www.medialab.com/sitegrinder/
下载地址：http://www.zcool.com.cn/gfx/ZMTA4OTAw.html

归纳简单几点拙见：

1.肯定可以形成一个全新的工作流程

2.此流程是对设计工作优化的而不是倾向于程序员

3.不需要类似WPF的下一代技术来构建这个流程而只需要基于现有的XHTML

4.目前肯定有不足之处，但是非常有创意，合理并且充满前景

-------------------------------------------------

1. 由于现阶段无法回避的片面性，这里暂时将基于嵌入脚本或高级语言的编程工作抛开，也不准备涉及UI逻辑的范畴，只讨论视觉上的设计。

对于web设计工作，最合理的流程是什么？对于不同的团队或个人答案肯定都不同。虽然目标肯定是生产一个个能准确传达设计思想，拥有良好用户体验的页面——并且它们还要符合web标准并且能精准地呈现于大多数平台——但对于很多人来说，可能依然对辗转于代码和位图之间感到痛不欲生。纯flash站点会带来一个好的工作流吗？也许在一个完整的体系中抱团是个诱人的方案，但那始终不是web的正道。WPF、XAML和SL目前也只是空头支票。如果项目本身允许你静下心来画些草图，精雕细琢慢慢规划再实施，那么毫无疑问不远的未来将会有个杰出的产品问世。但前提是，你打算付出多少成本，包括时间。

Sitegrinder很用心地做了一些工作，这或许可以构建一个全新的工作流程。

2. 所幸我们的时代已经有了超强的设计工具比如Photoshop，以及变得更加智能化的Dreamwaver，或许还包括活力四射的新锐Expression Studio。这令web设计师不需要写太多的代码，甚至不需要懂得太多的代码，就可以创造出不错的产品。

但不得不承认，代码只是“背后的工作”，单从视觉上考虑，一个完美的XHTML布局和一整张jpeg或png图片之间有多大的差异？那么显然是视觉设计更加重要。这个团队将更多地依赖使用photoshop的设计师而不是依赖notepad的程序员。对于个人来说，你或许也将倾向于深入了解photoshop对web设计工作做出的改进而不是研究Dreamwave MX和CS4之间有什么大的差异。

或许会有一种极端的情况，设计师完成了PSD，但他不懂得如何切片，因为他不知道div如何布局。而程序员（这不是一个好的称呼但总比“堆代码的”要好些）则根本没法在photoshop里找到切片工具的按钮位置。是的，或许没有那么坏，肯定没有那么坏，但类似的情况每时每刻都在发生，当然也可能发生在同一个人身上。

Sitegrinder首先是个photoshop插件，那么他站谁的一边就很明显了。

3.简单说下Sitegrinder设计的流程是如何运转的。

设计师按照web设计规范完成psd（你总不能做出个30或3000px宽的页面来），并保留所有的图层 ---> 从程序员处取得布局资料，并根据此合并图层 ---> 对图层进行更名，以及必要的命名用于Sitegrinder做特殊处理 ---> 运行Sitegrinder，设置必要参数并进行闪电预览观察布局的准确性 ---> 使用Sitegrinder正式处理并在浏览器预览页面 ---> 调整到理想状态 ---> 输出至文件 ---> 程序员改写代码 ---> 后续工作

以上过程不牵涉其他新的知识体系，只是要求设计师对photoshop非常熟悉且自身的工作非常规范化（至少你晓得不要随便合并文本内容到图层以及懂得利用图层分组）。程序员拿到输出的文件时，包括外部css，它已经具有非常高的可用性。只需要很少的工作就可以达到理想的状态，比如完成所有的布局，进入下面的工作（比如加入flash或脚本）。

Sitegrinder的工作原理也很简单，他通过photoshop强大的自动化命令集对图层和图层命名进行分析（所以这需要相当高版本photoshop如CS3），自动分析出遮盖，嵌套，Z轴（当然不建议用），甚至按钮等等，经过复杂的处理后，得出最简洁的布局方案，并根据图层命名写好XHTML。这个过程完全不需要依赖切片，全部使用最自然方便的图层即可。

这至少有2个显而易见的好处，一是设计师的psd源文件被规范化了，二是程序员很长时间内不再需要依赖基于photoshop的工作了（还记得他甚至找不到切片工具的位置吗？）。

4.当然目前Sitegrinder还并不完善，比如处理速度比较缓慢，对于复杂页面需要花费较多的时间。另外对于位图输出没有质量因数控制而只有3个档位。

但明显可以看出，开发者对此工具倾注了大量心血，它对图层位置的判断非常准确（布局是否准确依赖你的分层和命名），生成的代码质量很高。

-------------------

暂时到这里，就当抛砖引玉吧！

官方教程资源:推荐教程Zero to Hero Guide:For a thorough introduction we recommend the SiteGrinder 2 Zero to Hero Guide. (Click here for PDF)
教程动画screen movies:If you like to watch, these narrated screen movies show SiteGrinder in action.
原理概述The Big Idea:A summary of SiteGrinder's intuitive method of turning designs into pages.
常见问题FAQ: You'll find tutorials and detailed information about SiteGrinder features in our Frequently Asked Questions.
功能列表features list: A complete list of SiteGrinder's many features with links to more detailed information.
提示列表hint list: A complete list of hints you can use with SiteGrinder including links to documentation.
用户界面详解SiteGrinder User Interface: Every panel of the SiteGrinder interface is described in detail here.
版本区别Basic VS. Pro: Find out about the differences between SiteGrinder 2 Basic and Pro.
全面教程Reviewer's Guide: If you like to read, this guide covers the full range of SiteGrinder 2's features, including basic tutorials.
速成展示3-Minute Web Page: This step-by-step tutorial goes from zero to web page in record time.

Posted by 小伊

Tag: Site Grinder
Response: No Trackback , No Comment
RSS :: http://www.everyer.net/blog/?/rss/response/154

Trackback URL : 無法向此文章發送引用

+转：用一次性筷子做笋干。。。花花你要当心了~~

Posted at 2010/08/19 12:55
Filed under 杂闻/很爱吃很爱喝

首先，准备一次性免洗筷若干，这就是普通的很常见的免洗筷，2块钱一大包

将筷子剪成适当的大小～～～

剪好后就是这样。。。。。

加入高度白酒浸泡两到三天～有的饭店为了省钱就直接用酒精甚至是甲醇来泡～

两天后加入白糖，食盐，酱油

小火炖煮

起锅后加入空瓶子内，上盖放置一段时间

免洗筷会将汤汁全部吸收

变成笋干！从哪一面来看都是笋干。。。。。

尝尝！用筷子夹一块尝尝～～！！！

竟然。。。。觉得好吃，简直一模一样。。。。

Posted by 小伊

Tag: 一次性筷子, 笋
Response: No Trackback , 10 Comments
RSS :: http://www.everyer.net/blog/?/rss/response/153

Trackback URL : 無法向此文章發送引用

Comments List

Canal 2010/08/19 13:24 # M/D Reply Permalink

EE别担心哈，大多数人关于这个帖子的说法是中间浸泡腌制那步调包成真正的笋干了，帖子的做法不太可信，不过现在食品安全是很让人提心吊胆T T
PS:图片没有显示
星星 2010/08/20 19:29 # M/D Reply Permalink

多亏Canal出来辟谣，要不我真相信了，我正被中国人的聪明才智惊天地泣鬼神的震惊世界让美国住口让外星人发呆的发明从灵魂深处而深深震撼的时候，被Canal及时叫醒了，让我对世界有了清醒的认识。
说起辟谣让我想起网上流传的地震前的征兆：天气反常，水位异常,动物异常,专家辟谣。其实前两者不是太可信，后两者其实是一回事。
哈哈，像ee问好，注意身体啦~~
星星 2010/08/20 19:30 # M/D Reply Permalink

对了 Canal 专家辟谣的那个纯粹是好笑，请不要以为是我讽刺你
真的没有，呵呵~~
Canal也注意保重身体
Canal 2010/08/20 20:07 # M/D Reply Permalink

因为我不是砖家^_^
Canal 2010/08/22 15:22 # M/D Reply Permalink

EE~~我在研究你的blog用的背景音乐那个播放器的网站，好多可爱的player啊~我建了个list，有3首歌，可是播放时就是一首，你知道这是为啥不？在my playlist里显示这个list有3 track，可是打开后播放列表就只有一首歌，困惑ing……
1. EE 2010/08/25 09:30 # M/D Permalink
  
  可能另外两首的链接不支持，你换些网站的音乐链接看看呢。
星星 2010/08/24 18:10 # M/D Reply Permalink

ee、花花、Canal、MJ、xinyi大家好啊。
才发现原来那个中学课本上的辛弃疾的《永遇乐-京口北固亭怀古》，原来在ee的家乡镇江的，不知此北固亭还安好否。
来一句了“想当年，金戈铁马，气吞万里如虎！！”，哈哈，见笑了
ee保重啦~~~
花花 2010/08/24 22:51 # M/D Reply Permalink

北固山上，亭台依旧，国太招婿，尚香魂归，令人遐想。还有那南山昭明太子读书台，白娘子水漫金山斗法海，焦山碑林王羲之大字之祖瘗鹤铭，镇江古城，还是值得一看的。花花欢迎各位童鞋来古城镇江作客！（嘿嘿、、、怎么感觉我在为镇江旅游作广告啊）
1. EE 2010/08/25 09:34 # M/D Permalink
  
  花花真可爱……哈哈
  其实镇江确实很不错
星星 2010/08/25 15:35 # M/D Reply Permalink

哈哈，花花真的像导游一样了，这导游太有品味了。
京口瓜洲一水间，钟山只隔数重山。
春风又绿江南岸，明月何时照我还？
哈哈，这京口也是镇江吧
这几天看诗词，发现陆游的最帅的，不管儿女情长、金戈铁马，还是田园诗都很对胃口的，再来一首，见笑了，花花ee也来几首吧。
黄金错刀白玉装，夜穿窗扉出寒光。
丈夫五十功未立，提刀独立顾八荒。
京华结交尽奇士，意气相期共生死。
千年史册耻无名，一片丹心报天子。
尔来从军天汉滨，南山晓雪玉嶙峋。
呜呼！楚虽三户能亡秦，岂有堂堂中国空无人。
《金错刀行》

+哭泣的小蘿莉

Posted at 2010/08/17 20:12
Filed under 非设计/涂鸦

額....只是為了測試PS繪畫筆刷爾作>.,<

Posted by 小伊

Tag: 涂鸦, 萝莉
Response: No Trackback , 7 Comments
RSS :: http://www.everyer.net/blog/?/rss/response/152

Trackback URL : 無法向此文章發送引用

Comments List

花花 2010/08/17 20:48 # M/D Reply Permalink

这个仿佛年幼的EE哦
花花 2010/08/17 20:49 # M/D Reply Permalink

不过没有小EE漂亮
1. EE 2010/08/18 13:51 # M/D Permalink
  
  哈哈，亲个。偶也觉得偶小时候很漂亮
星星 2010/08/18 14:16 # M/D Reply Permalink

终于有画了，还以为ee都不画画了，觉得草稿也很帅的，ee以后多发吧
邮寄的事得过一两个星期，哈哈，有点忙，ee不要期望太高
xinyi 2010/08/18 17:12 # M/D Reply Permalink

我咋觉得像小哪吒。。。
深藍の月影 2010/08/18 22:43 # M/D Reply Permalink

O(∩_∩)O
Canal 2010/08/19 13:25 # M/D Reply Permalink

圆圆的>3<

第一次用SiteGrinder来正式切网页……

Comments List

从自行车升级成火箭了lol

Comments List

呜呜呜……

Comments List

+Site Grinder的后缀对照表

Comments List

+推荐一个新的PS插件

+转：用一次性筷子做笋干。。。花花你要当心了~~

Comments List

+哭泣的小蘿莉

Comments List

Notices

Categories

Archives

Recent Posts

Recent Comments

Recent Trackbacks

Calendar

Bookmarks

Site Stats

My Meropar Pet

Background Music

« 2010/09 »
日	一	二	三	四	五	六
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30