推荐阅读
详细解析日系网页设计的现象和本质
在很多人眼里，日本是一个隐忍、充满禅意的国家。以寺庙、茶道、电子产品而闻名。既传统，又现代。日本的建筑设计、书刊设计受世界瞩目。但是不知怎么的，日本的网页设计风格很怪异。有点像1998年的网页风格。RakutenNicoNicoDougaGigazine看看日本这些最流行的网站(比如 Goo, Rakuten, Yomiuri, NicoNico, OKWave, @cosme)，你会发现他们都有共同点:文字排布紧密图像质量偏低
FW MX 2004 之 Shapes 初体验(二)
大家好，欢迎大家回来继续和我一起早早体验FWMX2004之Shapes带给我们的全新体验！ 在上一节，我们一起详细的研究了工具箱上的Shapes工具组的使用方法，操作技巧，本节我们就来看看Shapes浮动面板带给我们的新奇感受吧！ 首先我们再次来看看Shapes浮动面板都有哪些新东西： 可以看到，Shapes面板里面目前共有9个形状组：Clock(钟表)、Cog(齿轮)、Cube(立方体)、Cylinder(圆柱体)、Frame(像框)、Perspective(透视图)、Tabs(制表符)、Talking(谈话框)、Tube(管子)。接下来我们依次来看看个个形状组的使用方法及技巧。 提示：为什么我们对Shapes面板里面的9个形状对象使用的称呼是“形状组”，大家可以从Shapes面板中任意拖拽形状对象到编辑区，然后执行菜单命令“Modify--Ungroup（快捷键为Ctrl+Shift+G）”，解散群组关系，就会发现这些形状对象都是以群组方式形成的！所以这里我们称其为“形状组”。 提示2：关于形状组的操作技巧，我们会在下面的介绍中马上介绍道，需要注意的是，所有的方法技巧都是在没有打散群组关系的前提下进行的！ 1、Clock（钟表）组 将Clock形状组直接拖放在编辑区上，就会自动出现一个钟表图案，如下图所示。钟表的调整很有意思的，大家可以看到，用鼠标单击钟表后会出现四个调整控制点，下面我们就依次来看看各个调整控制点的作用所在： a、1号点：单击鼠标，会出现背景提示框：“Click to change tick marks（单击改变表盘标记）”，如果单击鼠标，就会改变表盘的时间刻度显示状态，总共有4种显示状态：不显示时间刻度；只显示以0点为起点的90度间隔的时间刻度，共4个刻度；显示以0点为起点的45度间隔的时间刻度，共12各个刻度，也就是12个小时的显示方式；显示60个刻度，也就是60秒的显示方式。大家可以根据自己的需要选择相应的显示方式。
基于Pro/E和ADAMS的少自由度并联机构运动仿真
少自由度并联机构是国际上机器人学研究的热点之一，构造出具有良好性能的少自由度并联机器人的众多构型，以便根据应用要求选择不同性能的机构，是并联机器人机构中的一项重要任务，当前众多研究人员的研究方向都集中于构建新型的少自由度并联机构。根据理论研究出来的众多的少自由度并联机构还需要检验其运动的正确性，传统的方法是通过试验样机制造实物来验证，而近年计算机技术的广泛应用提供了新的方法，那就是虚拟样机技术，这包括了三维CAD建模技术和机械系统运动学等相关技术。 大型的商用动力学仿真软件ADAMS、SIMPACT等集成了最新的多体系统动力学理论成果、各种方便的建模工具、高效的求解器、功能强大的后处理模块以及可视化界面等，用它们来建立机械系统的仿真模型，可以将注意力放在改进模型设计上，而不必关心建立方程、求解方程这些在过去要耗费大量精力的工作，从而大大提高了机械系统仿真的效率。仿真首先要做的是建立少自由度并联机构精确的三维模型，此时用动力学仿真软件就有点力不从心了，特别是对于此类少自由度并联机构，各个运动副的空间几何结构和位置都对整个机构的运动有重大的影响，需要三维建模建立准确的模型。因此，需要借助于三维建模功能很强的CAD软件来建模。 这里以PTC公司的三维建模软件Pro/E和MDI公司的动力学仿真软件ADAMS相结合建立少自由度并联机构的运动仿真模型。首先在Pro/E中建立机构的三维模型，机构的安装位置为机构运动的初始位置。然后利用两个软件的接口程序Mechanism/Pro生成刚体和基本的运动副，把三维模型导入ADAMS进行进一步的完善，添加驱动和约束，进行运动仿真。在整个过程中，需要对建立模型等前续工作进行不断的修改和完善，才能生成所要求的少自由度并联机构的仿真模型。 一、少自由度并联机构的提出 少自由度并联机构新构型的提出有着不同的理论方法，本文中采用的为利用螺旋理论来分析新型少自由度并联机构。利用运动螺旋与力螺旋的对偶关系，以及运动与约束、运动螺旋与反螺旋的对应关系，建立复杂少自由度并联机器人机构类型综合的数学模型。因为并联机器人机构是由支链、动平台和静平 在少自由度并联机构中，三自由度移动并联机构有着广泛的用途。在很多工业应用中，三个方向的移动就已经满足要求，而使用传统的六自由度机构增加了机构的复杂性和控制的难度，因此直接应用三自由度移动并联机构非常合适。此处利用螺旋理论提出一种纯移动三自由度并联机构，通过此机构来说明利用Pro/E和ADAMS完成运动仿真的过程。如图1所示，此机器人支链为三条对称的RPC支链，通过螺旋理论和空间几何分析可得此并联机构动平台应具有三个纯移动自由度。 图1 三支链并联机构模型
最新发布
FrontPage教程:网页制作基础知识
1、网页及其组成通过浏览器在WWW上所看到的每一幅画面都是一个网页（Web Page），如图1-1所示。 图1-1 网页是网上的基本文档。网页中包含文字、图片、声音、动画、影像以及链接等元素，通过对这些元素的有机组合，就构成了包含各种信息的网页。其中，文字是网页中最常用的元素；图片可以给人以生动直观的视觉印象，适当运用图片，可以美化网页；链接的设计，可以使我们进行选择性的浏览；声音、动画等多媒体信息的加入，使网页更加丰富多彩。 2、常用的网页制作工具 syku.net 最初，人们利用超文本标记语言（Hypertext Markup Language，HTML）在文本编辑器中制作网页，用来描述网页的结构，但在编辑时不能直观地描述网页在浏览器中的效果。因此，只有熟练掌握HTML 语言的专业人员才能用它制作网页。后来出现的一些网页制作工具（如CDIDA软件），虽然降低了对HTML语言的要求，但是要实现某些功能，还必须输入相应的HTML代码。FrontPage系列软件的问世，才将人们从HTML代码中解放出来。用FrontPage软件制作网页就像在文字处理软件中编排多媒体文档一样，具有“所见即所得”的特性，而真正描述网页结构的HTML代码，则由FrontPage自动生成。这样，大家都可以方便地制作自己的网页。目前，使用较多的网页制作软件除了FrontPage外，还有Flash、Dreamweaver等。 本教程教你学会使用微软公司的FrontPage2000，学会干什么？当然是做你的个人主页啦。或许你认为制作主页是一门很深奥的工作，需要懂得大量的计算机知识。我现在要告诉你，你错了。在这个流行图形操作系统的今天，制作主页不再需要你去学习复杂、烦躁的HTML语言了，你只需要知道一个概念：主页（也称网页，怎么样称呼都无所谓，一般以index.htm或default.htm为名）就象一张白纸，你可以在上面写字、画画等等，通过自己的设计，那张白纸可以变成很漂亮。做主页时就是这个概念，只不过我们写字，画画是用笔和白纸，而做主页我们是用鼠标、键盘和FrontPage：） 当然制作网页的工具不单只有FrontPage2000，还有许许多多好用的工具。但是对于初学者来说，FrontPage2000是最好不过了，因为它操作简单，方便使用，最适合初学者。或许你下了决心要做一个专业网页制作人员，要学会更多更专业的网页制作工具，但是我还是希望你先学习使用 FrontPage2000，打好扎实的基础怎么样也好一点对吧。 syku.net
FrontPage教程:编辑网页
1.视图与模式（一） 赛酷网 现在进入FrontPage。单击任务栏“开始”按钮，选择“程序”选项，单击“Microsoft FrontPage”选项就可以了。可能你会发现FrontPage界面和Word很相似[图2－1]，这是因为编辑WEB页面和编辑Word文档有很多同样的设置，这些设置所用的图标和 Word中的是一样的。 syku.net [图2－1]FrontPage2000 界面 视图中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。FrontPage共有6种视图[如图2－1左]，使用不同的视图可以从不同的侧面查看设计的WEB站点。对一个WEB站点而言，不断更新是很重要的。随着站点的成长，维护站点的工作量会越来越大。建立站点可能很快，但是如果没有这6种视图的帮助，维护起来就很困难了。 这些视图的使用不用一下就全部掌握，只要知道有这些视图就可以了。 syku.net2.视图与模式（二） 下面看一看同一个WEB站点在不同视图中是怎样显示的。 (1)单击“网页”按钮，切换到网页视图，再单击工具栏上的“文件夹列表”按钮 ，窗口中增加了一个文件夹列表框[图2－2]。网页视图是用来显示选中的网页的，双击文件夹列表中的某一个HTM文件，在最右方的工作区中就会显示该网页的内容。
XHTML语义标签：关于H1位置的讨论
XHTML具有语义的标签：有关H1位置的讨论 最近对H1的讨论很多（在文章内容页中），大致有以下两种情况： 1、H1应该用于文章的标题上 2、H1应该用于站点的标题上 相信大多数人都偏向第一种方式：用于文章标题上，从文章的角度上看，用户进到内容页里，想看到的当然就是文章的内容，文章标题理所当然是最重要的、最应该突出的。 OK，以上是在文章的角度看的，如果在页面的角度看呢？ 页面中除了文章内容、由内容引伸出来的链接外，还有导行、广告、搜索等跟文章内容无直接关系的内容。在页面中，文章只是其中的一个组成部分，从语义的角度来讲，一个页面中只有一个大标题（H1），用于概括页面的内容（包括非文章的部分）。所以，H1用于站点标题上比用于文章标题要更准确些。注意H1跟title是不一样的。 这里也解决下在讨论中有些同学提出的想法： 1、有关SEO的问题（H1对SEO有影响） 2、有关语义的问题 这两个问题是有矛盾的，有时候做SEO就得放弃语义，以国内做SEO的手段，基本无语义可言。可悲的是现在做站的同学基本都着重于SEO。 H1对于SEO是有影响，但还不至于非它不可，它的权重比页面头部的信息要低得多，何不用心做好页面的头部信息呢？而且做好了语义化，对SEO并无不好的影响，为什么非要钻这牛角呢？
标题标准化设计解决方案之标记语言
标准化设计解决方案 - 标记语言和样式手册 Web Standards Solutions The Markup and Style HandbookPart 1: Get Down With Markup 从标记语法谈起Chapter 2 标题总览:不但所有网页都需要有标题,而且如果标记正确的话,他们能为网页设计和易用性增色不少.从外观来说,网页的标题通常是使用较大的字号,或许会用和主体文字不同的颜色或者字体.标题的作用是"简要的描述往后章节所讨论的主题",W3C这样描述 ― 显示网页内各个段落的概要.怎样来创建一个页面标题来使得我们要展现的信息得到最有效的利用?在这个章节中,我们将研究几种常用的处理标题的方法,试着从中找出其中一种对我们最有帮助的方式,然后,我们将使用一些css的技巧和窍门来为最棒的方法装饰一番.创建文档标题的最好方法是什么?在回答这个问题之前,让我们假设现在正要把标题放置在文档的页首,我们来看看能够达成类似效果的三种方式.方法A:有意义吗?
利用JS调用广告的优势
有些“广告”功能用的是iframe调用的，现在用这个调用的越来越少了，不少广告商都是不允许的（因为iframe对应的是个只包含了广告的页面），而采用JS来调用则大都会接受（JS文件不能直接在浏览器下显示）。 采用JS调用的好处就是以后修改广告的时候很方便，不用重新生成页面，只需更新JS文件即可。 第一步，将广告代码（html形式）转换为JS： 具体方法就不用说了。 第二步，将转换后的JS代码复制，新建一个文本文档，将JS代码粘贴进去，然后“另存为”，文件格式那里选“所有文件”。文件名字的后缀记得要用js,比如命名为hufu.js 第三步，将JS文件上传到服务器上。比如传到A文件夹下。 第四部，打开模板文件，在你需要加广告的位置加上<script type="text/javascript" src="A/hufu.js"></script>代码。 其中src="A/yixuan.js"就是js文件的保存路径，根据具体情况自己修改。
Fireworks为枝繁叶茂的树木图片抠底
本例中我们尝试用Fireworks的通道为下面这幅照片中枝繁叶茂的大树抠图去底。 1、复制源图。 2、选中上层图片，调整“色阶”里面的“输出色阶”选项：红色――0 0、绿色――0 0、蓝色――0 255。 3、添加“颜色填充”效果，设置如下： 4、再次调节色阶，这次需要利用“选择阴影颜色”和“选择高亮颜色”两个小吸管调整黑白场，左面的吸管吸取的颜色为“黑场”（既：用它选中点的颜色以及比他更深的颜色都变为最深色（黑色）），同理，右面的吸管用来设置“白场”。 5、黑白场调整后如图：
自定义Firework命令轻松批量调整图片
网站图片如果体积太大，就会增加服务器的负担，浏览速度也会受到影响。而我们拍摄的或者取得的图片大小和容量一般都比较大，我们就需要对图片大小和质量进行调整。如果是一组照片，还需要批量调整。 Firework为网页制作三剑客之一，是我们常用的网页图片制作工具，下面介绍如何在firework中批量调整图片的方法。 一、将调整图片的步骤记录到命令中 1、 运行Firework8，选择“文件”――“打开”，在“查找范围”选择图片所在的目录，将选择图片，按“打开”。(见下图1.jpg) 2、 选择一图片，如选1.jpg 3、 调整图片大小，选择“修改”―“画布”―“图像大小”，“像素尺寸”宽设置成“420”像素，设成“约束比例”，按“确定”。(见下图2.jpg) 4、 调整图片品质，图片的品质越高，生成的图片容量就越大，将图片设成相对低一点品质，可以控制图片容量的大小。点击“优化”，可以看到这幅图片的品质值是“86”，那么我们在下拉菜单中选择“JPEG-较高品质”，这时的“品质”值是“80”，当然您也可以直接在品质中输入“70”。(见下图3.jpg)
Fireworks轻松绘制banner广告
Banner，一般翻译为旗帜广告、横幅广告等。Banner是网站用来作为盈利或者是发布一些重要的信息的工具。Banner在设计上应该要做到制作美观、方便点击、与网页协调和整体构成合理。 本文中我们用Fireworks来制作一个变色的Banner，从中我们可以掌握符号（symbol）的使用、补间实例动画（tween instance）的制作、层(Layers)和帧(Frames)的基本用法，结尾进行精彩的技巧总结。文章末尾提供原文件供大家下载参考。 完成效果如下： （1）首先我们新建一个大小为468×60的文件，并设置画布颜色为黑色，如图1所示。 图1 新建一个文件 （2）然后我们导入一个要进行变色效果的位图文件，如图2所示。当然我们同样可以使用绘图工具绘制这个图像，这里是为了方便讲解选用外部图像的。 图2 导入位图
Fireworks CS5、CS4、CS3版本功能比较
Adobe Fireworks CS5 软件使用户能为 Web 以及几乎任何设备（比如智能手机、报亭到嵌入式屏幕等）创建充满表现力、高度优化的图形。制作出能以矢量和位图模式编辑的网站、用户界面以及丰富的原型。 用户可以在 Fireworks 中构建原型，然后将带有外部样式表、符合标准的、即将完工的 CSS 版面导出到 Dreamweaver 中。 下面我们将Adobe Fireworks CS5、CS4、CS3这几个版本的功能做一个比较。