网站制作流程及界面交互设计研究探讨 - OnLing‘s BLOG

来源：百度文库编辑：神马文学网时间：2024/04/26 03:01:39

AD
« 三种雕塑质感
电动车造型因素分析 »
分类: WEB-ASP-W3C

网站制作流程及界面交互设计研究探讨
[ 2006-03-30 22:51:11 | 作者:onling ]
size:14 |11 |9

很多朋友希望，我能把我做网站的一些流程及经验跟大家分享一下，最近刚好做一次内部培训，所以稍微整理了一下，这些只是针对网页初学者，具有一定平面设计水平的人，对HTML不是很了解，他们可能只是想做一个个人主页而已，所以整体还是趋向于传统的表格布局，这里有很多都是一些我个人刚开学时自己摸索的经验，所以可能不是很专业，但是绝对是比较容易入门的，我一直有这种思想，你只有塌进来了，你才可能往更高的地方爬，我想当初如果没有这段的学习，现在我也不会明白什么W3C，什么CSS，什么ASP，什么XML，一切都是有一个起点，希望能对大家有点小帮助。整体的PPT比较大，没有放这，我把主要内容用文字大致整理了一份，如果需要PPT，可以跟我联系。有不合理的地方，希望大家能指出，可以共同探讨一下。(OnLing‘s blog引用，转摘请联系原作者)
网站制作流程及界面交互设计研究探讨
作者：OnLing
（QQ:286582469 onling.net@Gmail.com）
主要内容介绍
一.构成网页的基本要素
二.制作及美化的基本工具
三.网页制作的基本步骤
四.界面设计及交互研究探讨
五、实例制作演示
一.构成网页的基本要素
1.文字（标题、字号、字型...）
2 图形（网页上经常使用的图片格式：jpg、jpeg、Gif、Swf...）
3.交互功能（菜单按钮、链接、表单、数据交换...）
...
超文本标识语言（HTML）
HTML（Hypertext Markup Language）是一种专门用于Web页制作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何显示文本，怎样生成与别的文本或图像的链接点。
在HTML中，所有的标记符都用尖括号括起来。
例如，表示HTML标记符。绝大多数标记符都是成对出现的，包括开始标记符和结束标记符。
如：…<／HTML> .
2．HTML文档的基本结构
一个典型的HTML文本的基本结构形式如下：

OnLing网站制作流程及界面交互设计研究探讨<／TITLE> <／HEAD> <BODY>文本内容：OnLing.net<／BODY> <／HTML> 网页制作常用工具 1．超文本标识语言（HTML） 编辑工具：editplus、dreamweaver、记事本、FrontPage、 2．页面设计及美化工具 使用工具：所有可制作平面的软件 推荐使用Photoshop、FireWorks、Flash 三、网页制作的基本步骤 1、整体规划 需要完成的规划：网站主题、风格、页面元素、逻辑结构等 2、资料收集 收集内容： a、跟主题相关的文字图片资料 b、一些优秀的页面风格 c、下载一些你喜欢的交互页面 d、开放的源代码 3、伪界面设计 根据事先规划的结构，在平面软件里设计你想要的最终效果，利用平面图片的形式先展示一次，设计时要注意宜人性、人机、心理等各方面因素 4、代码转换及交互添加 把平面的伪界面转化为HTML代码，添加相应的交互功能Js、按纽、表单，以及一些与数据库相连接的代码。 5、测试网页兼容性 你可以不必严格按照W3C标准来制作页面，但是你必须保证让所有现有的浏览器能比较好的展示你的作品。 6、发布站点 测试完毕，符合你的要求，当然就可以开始发布你的网站了，发布的服务器可以是远程，也可以是本地，各个语言有各自的相应的服务器，比如ASP，就应该对应的是ASP服务器，上传可利用远程FTP工具。 四.界面设计及交互研究探讨 1、界面设计（WEB UI) a、导航栏设计 导航要素设计的好坏决定着用户是否能方便使用网站导航要素要设计的直接而明确，并最大限度为用户的方便考虑。 b、网页布局 网页的布局是整个界面的核心，这里体现了一切以用户为中心、以及制作者如何与欣赏着沟通的思想在里面，你必须知道自己要传达什么样的信息，别人使用起来合适不，字体的大小、型号、字间距、行间距，以及配色所有的一切都在这个阶段完成，所以如何表现功能以及美感就是你研究的重点。 PS:布局之前要紧密连接你网站的主题，要注意把握整体风格，你可以事先在纸上勾画草图，利用你习惯的元素来表现你想要的效果 网页布局--主要构成原则 醒目性：指用户把注意力集中到你诱导起浏览的部分和内容 可读性：指网站的内容让人容易读懂 明快性：指准确、快速转达网站的构成内容 造型性：维持整体外型上的稳定感和均衡性 创造性：有鲜明个性，创意是必不可少的 布局的构成原则上是:统一、协调、流动、强调、均衡 c、交互研究 我这边的交互主要集中在人机操作方面，研究用户浏览网站心理我个人认为一个成功的个人主页，单纯的美观是不够的，重要的是宜人性方面应该注重，喜欢Google、Douban就居于这。 五、实例制作演示(略） 1、页面制作整体规划 对象：一个打印商业宣传主页 格调:活泼，色彩，简单，大方 2、资料收集 a 、商标、网址、公司宣传册、了解企业文化，了解负责人的品位、他们的案例、跟负责人沟通掌握信息 b 、网上下载相似印刷行业的公司主页，了解现有行业的的一些设计特点 c、下载一些色彩比较华丽的图片，或跟印刷相关连的图片 d、如果你自己不会动态语言，下载一个满足你功能的新闻发布系统和留言源码 3、伪界面设计 a、在PS设计伪界面 b、切片工具对整体进行合理的分割 注意点：隐藏你要通过输入的文字，分割时要保持他的整体意义，尽量让每一部分是完整的，注意一些交互上操作。 c、导成WEB格式-直接导成HTML格式 步骤: 1、.点击文件存储为WEB文件格式 2、在界面里面调整理想参数 3、导出保存PS能自动生成一些HTML代码，但是他不是很标准，你必须在 Dreamweave里面进行加工 d、在Dreamweave里面进行代码加工 具体步骤：1、先修改标题 2、修改页面属性：背景颜色、背景图片..... 3、把页面调整为布局格式（这个可以按照自己习惯来设置，有标准的表格方式，也有布局类型） 4、把要添加文字的图片转化为背景形式 a、找到对应图片路径 b、拷贝路径后删除图片 c、转化为标准形式 d、把路径粘贴到背景属性上 e、回到布局界面 5、添加具体文字连接设置等操作 6、CSS设置 7、修整代码，发布预览按F12即可预览效果 5、测试网页兼容性 按照你设计时的对象,根据IE版本以及浏览器的不同，调整理想的效果，但是大部分出现问题的是JS\VB等代码，如果只是单纯静态图片，基本不会有很大的差别，推选大家尽量往W3C标准靠 6、发布站点 购买自己的空间域名，其实事先就应该购买的，利用FTP上传软件，把你的页面上传到你的网上服务器上推荐一款FTP上传工具LeadFTP 总结 1、在开始制作网页之前，建议应用少量时间对自己要制作的主页进行总体设计，例如希望主页是怎样的风格，应该放一些什么信息，其他网页如何设计，分几层来处理等等通常在进行网页开发时，首先都进行静态网页的制作，然后再在其中加入脚本程序、表单等。静态网页仅仅用来被动地发布信息，而不具有任何交互功能的网页，它是Web网页的重要组成部分，一个好的网站：首先是内容丰富，其次就是网页设计 2、不要先决定网页的外观，然后迫使自己去适应它，应该根据网站的访问者对象、要提供的信息以及制作目标得出一个最适合的网页架构。 3、每页排版不要太松散或用太大的字，尽量避免访问者浏览网页时要作大幅度的滚动，对于篇幅太长的一页可以使用内部链接解决。须知，在一页的上部是显眼而宝贵的地方，不要只放几个粗大的字或图片 4、不要每页都采用不同的墙纸，以免每次转页时都要花费过多的时间去下载，采用相同的底色或墙纸还可以增强网页一致性。以树立自己的风格。 5、底色或墙纸必须与文字对比强烈，以易于阅读。 6、熟悉以后开始尝试用CSS，自己书写代码，按照W3C标准来写符合要求的网页 [最后修改由 onling, 于 2006-04-01 12:02:52] <img style='max-width:300px;' id="img2" src="http://image.360doc.cn/DownloadImg/7245/92339_3.jpg" />评论Feed: http://www.onling.net/blog/feed.asp?q=comment&id=340 <img style='max-width:300px;' id="img3" src="http://image.360doc.cn/DownloadImg/7245/92339_4.jpg" />引用链接: http://www.onling.net/blog/trackback.asp?id=340 浏览模式:显示全部 |评论: 28 |引用: 0 |排序 | 浏览: 780 <img style='max-width:300px;' id="img4" src="http://image.360doc.cn/DownloadImg/7245/92339_5.gif" />无题* [ 2006-03-31 02:03:53 ] 看到这个目录觉得很吸引人,我现在在看Dreamweaver 8的书,学习上面的例子,看到你这文章真是太棒了. 能否发份完整版给我呢?谢谢了. zero1980@gmail.com <img style='max-width:300px;' id="img5" src="http://image.360doc.cn/DownloadImg/7245/92339_6.gif" />zskj* [ 2006-03-31 08:24:17 ] 也发一份我吧 xg.zskj@gmail.com <img style='max-width:300px;' id="img6" src="http://image.360doc.cn/DownloadImg/7245/92339_7.gif" />元晖* [ 2006-03-31 08:30:18 ] 很不错的文章，我看过以后受益匪浅，不过这个流程主要是在UI方面的，如果能再含有一些后台程序方面的就更好了！ <img style='max-width:300px;' id="img7" src="http://image.360doc.cn/DownloadImg/7245/92339_8.gif" />ieidea* [ 2006-03-31 08:54:48 ] "喜欢Goole、Douban就居于这" 应该是Google吧。 <img style='max-width:300px;' id="img8" src="http://image.360doc.cn/DownloadImg/7245/92339_9.gif" />cherishly [ 2006-03-31 09:03:46 ] 觉得你总结的很全面，很想再看一下完整PPT，能否传给我一份！十分感谢！ woexpectni@126.com <img style='max-width:300px;' id="img9" src="http://image.360doc.cn/DownloadImg/7245/92339_10.gif" />cvpc* [ 2006-03-31 09:08:31 ] 如果方便的话,也发一份给我吧 非常感谢 MyMail： csser.com@gmail.com <img style='max-width:300px;' id="img10" src="http://image.360doc.cn/DownloadImg/7245/92339_11.gif" />dding* [ 2006-03-31 10:02:31 ] 发份给我，谢谢 ddingdang@126.com <img style='max-width:300px;' id="img11" src="http://image.360doc.cn/DownloadImg/7245/92339_12.gif" />xcsxyq* [ 2006-03-31 10:20:17 ] 我也要啊，谢谢你啊xcsxyq@gmail.com <img style='max-width:300px;' id="img12" src="http://image.360doc.cn/DownloadImg/7245/92339_13.gif" />Orca [ 2006-03-31 10:34:37 ] 好东西啊，我现在正在给学生上网页制作课，还在为怎么教少数先进分子发愁呢？ 能不能也给我一份？ d_orca@hotmail.com <img style='max-width:300px;' id="img13" src="http://image.360doc.cn/DownloadImg/7245/92339_14.gif" />OFP* [ 2006-03-31 10:35:10 ] 请给我一份，我的邮箱ofplqy@126.com 你有什么需要的资料请告诉我，有的话一起分享，谢谢 <img style='max-width:300px;' id="img14" src="http://image.360doc.cn/DownloadImg/7245/92339_15.gif" />49Degree* [ 2006-03-31 11:04:02 ] 也给偶一份。。。 49Degree@GMail.com <img style='max-width:300px;' id="img15" src="http://image.360doc.cn/DownloadImg/7245/92339_16.gif" />Yang* [ 2006-03-31 11:13:12 ] 我也想要一份，谢谢！！ yangjindong@gmail.com <img style='max-width:300px;' id="img16" src="http://image.360doc.cn/DownloadImg/7245/92339_17.gif" />momoca [ 2006-03-31 11:29:01 ] 谢谢，偶也来一份可以不！ momoca@gmail.com <img style='max-width:300px;' id="img17" src="http://image.360doc.cn/DownloadImg/7245/92339_18.gif" />liurui139* [ 2006-03-31 14:45:02 ] 恩，不错的，以前可是有很多地方是迷茫的 不过现在好了！谢谢啊！！ <img style='max-width:300px;' id="img18" src="http://image.360doc.cn/DownloadImg/7245/92339_19.gif" />zxsky1* [ 2006-03-31 20:37:34 ] zxsky1@gmail.com <img style='max-width:300px;' id="img19" src="http://image.360doc.cn/DownloadImg/7245/92339_20.gif" /> <img style='max-width:300px;' id="img20" src="http://image.360doc.cn/DownloadImg/7245/92339_21.gif" />onling [ 2006-04-01 00:07:37 ] 上面的已经发送完毕！请查收一下！ 有漏的望见凉！ <img style='max-width:300px;' id="img21" src="http://image.360doc.cn/DownloadImg/7245/92339_22.gif" />powa [ 2006-04-01 00:14:29 ] 我也要 netkicc@gmail.com <img style='max-width:300px;' id="img22" src="http://image.360doc.cn/DownloadImg/7245/92339_23.gif" />amen [ 2006-04-01 07:55:00 ] 谢谢！给我一份吧！jubaopeng@gmail.com <img style='max-width:300px;' id="img23" src="http://image.360doc.cn/DownloadImg/7245/92339_24.gif" />onling [ 2006-04-01 11:55:06 ] 很感谢大家喜欢，希望能跟大家一块交流，一块进步！ powa和Amen也发完毕~ <img style='max-width:300px;' id="img24" src="http://image.360doc.cn/DownloadImg/7245/92339_25.gif" />onling [ 2006-04-01 12:04:23 ] 谢谢Ieidea指出一处错误，已改正~ 很希望大家能讨论一下，CSS布局的一些流程~ <img style='max-width:300px;' id="img25" src="http://image.360doc.cn/DownloadImg/7245/92339_26.gif" />Boris* [ 2006-04-02 15:18:51 ] OnLing前辈见解颇深值得拜读。烦请发我一份。 libobest@126.com <img style='max-width:300px;' id="img26" src="http://image.360doc.cn/DownloadImg/7245/92339_27.gif" />无题* [ 2006-04-02 17:39:21 ] 感谢,我已收到邮件了,在下载中... ... <img style='max-width:300px;' id="img27" src="http://image.360doc.cn/DownloadImg/7245/92339_28.gif" />libczy* [ 2006-04-02 17:51:11 ] 给我一份。libczy@gmail.com <img style='max-width:300px;' id="img28" src="http://image.360doc.cn/DownloadImg/7245/92339_29.gif" />张玉* [ 2006-04-04 09:31:44 ] 也请给我一份，谢谢 anye10@gmail.com <img style='max-width:300px;' id="img29" src="http://image.360doc.cn/DownloadImg/7245/92339_30.gif" />mireene* [ 2006-04-04 14:47:32 ] 请给我一份,谢谢了 mireenedotcom@gmail.com <img style='max-width:300px;' id="img30" src="http://image.360doc.cn/DownloadImg/7245/92339_31.gif" />zyq* [ 2006-04-04 17:58:30 ] 给我一份,yingqunzhou@yahoo.com.谢谢！ <img style='max-width:300px;' id="img31" src="http://image.360doc.cn/DownloadImg/7245/92339_32.gif" />zyq* [ 2006-04-04 18:00:17 ] 对不起！我的邮箱应该是yingqunzhou@yahoo.com.cn.谢谢！ <img style='max-width:300px;' id="img32" src="http://image.360doc.cn/DownloadImg/7245/92339_33.gif" />Janpo* [ 2006-04-04 18:25:56 ] 麻烦也给我一份：janpo.dev@gmail.com 谢谢! 发表 (^_^友情提示:游客发言不需要填写密码.^_^) 表情图标 <img style='max-width:300px;' id="img33" src="http://image.360doc.cn/DownloadImg/7245/92339_34.gif" /><img style='max-width:300px;' id="img34" src="http://image.360doc.cn/DownloadImg/7245/92339_35.gif" /><img style='max-width:300px;' id="img35" src="http://image.360doc.cn/DownloadImg/7245/92339_36.gif" /><img style='max-width:300px;' id="img36" src="http://image.360doc.cn/DownloadImg/7245/92339_37.gif" /> <img style='max-width:300px;' id="img37" src="http://image.360doc.cn/DownloadImg/7245/92339_38.gif" /><img style='max-width:300px;' id="img38" src="http://image.360doc.cn/DownloadImg/7245/92339_39.gif" /><img style='max-width:300px;' id="img39" src="http://image.360doc.cn/DownloadImg/7245/92339_40.gif" /><img style='max-width:300px;' id="img40" src="http://image.360doc.cn/DownloadImg/7245/92339_41.gif" /> <img style='max-width:300px;' id="img41" src="http://image.360doc.cn/DownloadImg/7245/92339_42.gif" /><img style='max-width:300px;' id="img42" src="http://image.360doc.cn/DownloadImg/7245/92339_43.gif" /><img style='max-width:300px;' id="img43" src="http://image.360doc.cn/DownloadImg/7245/92339_44.gif" /><img style='max-width:300px;' id="img44" src="http://image.360doc.cn/DownloadImg/7245/92339_45.gif" /> <img style='max-width:300px;' id="img45" src="http://image.360doc.cn/DownloadImg/7245/92339_46.gif" /><img style='max-width:300px;' id="img46" src="http://image.360doc.cn/DownloadImg/7245/92339_47.gif" /><img style='max-width:300px;' id="img47" src="http://image.360doc.cn/DownloadImg/7245/92339_48.gif" /><img style='max-width:300px;' id="img48" src="http://image.360doc.cn/DownloadImg/7245/92339_49.gif" /> <img style='max-width:300px;' id="img49" src="http://image.360doc.cn/DownloadImg/7245/92339_50.gif" /><img style='max-width:300px;' id="img50" src="http://image.360doc.cn/DownloadImg/7245/92339_51.gif" /><img style='max-width:300px;' id="img51" src="http://image.360doc.cn/DownloadImg/7245/92339_52.gif" /><img style='max-width:300px;' id="img52" src="http://image.360doc.cn/DownloadImg/7245/92339_53.gif" /> UBB代码 转换链接 表情图标 悄悄话 用户名: 密码: 注册? <img style='max-width:300px;' id="img53" src="http://image.360doc.cn/DownloadImg/7245/92339_54" />* 请输入验证码 </form> 首页留言簿论坛登录 用户面板 用户名: 密码: 验证码:<img style='max-width:300px;' id="img54" src="http://image.360doc.cn/DownloadImg/7245/92339_55" /> 注册 </form> 分类 <img style='max-width:300px;' id="img55" src="http://image.360doc.cn/DownloadImg/7245/92339_56.jpg" /> INDEX<img style='max-width:300px;' id="img56" src="http://image.360doc.cn/DownloadImg/7245/92339_57.jpg" /> OnLing-MOOD [82]<img style='max-width:300px;' id="img57" src="http://image.360doc.cn/DownloadImg/7245/92339_58.jpg" /> WEB-ASP-W3C [58]<img style='max-width:300px;' id="img58" src="http://image.360doc.cn/DownloadImg/7245/92339_59.jpg" /> DESIGN-PS-UI [47]<img style='max-width:300px;' id="img59" src="http://image.360doc.cn/DownloadImg/7245/92339_60.jpg" /> CAID-ID-VR [83]<img style='max-width:300px;' id="img60" src="http://image.360doc.cn/DownloadImg/7245/92339_61.jpg" /> e-Business [12]<img style='max-width:300px;' id="img61" src="http://image.360doc.cn/DownloadImg/7245/92339_62.jpg" /> MUSIC-FILM [6]<img style='max-width:300px;' id="img62" src="http://image.360doc.cn/DownloadImg/7245/92339_63.jpg" /> OTHERS [46] 日历 «2006» «3月» Su Mo Tu We Th Fr Sa 12 34 567891011 121314 151617 18 1920 2122232425 2627 28 293031 搜索 评论日志留言簿引用 </form> <img style='max-width:300px;' id="img63" src="http://image.360doc.cn/DownloadImg/7245/92339_64.jpg" /><img style='max-width:300px;' id="img64" src="http://image.360doc.cn/DownloadImg/7245/92339_65.jpg" /> <img style='max-width:300px;' id="img65" src="http://image.360doc.cn/DownloadImg/7245/92339_66.jpg" /><img style='max-width:300px;' id="img66" src="http://image.360doc.cn/DownloadImg/7245/92339_67.jpg" /> 统计数据 日志: 334|评论: 210|引用: 2 到访: 214107|用户: 35| 在线: 2 版权声明 版权声明：除非特别说明，本站内容采用Creative Commons License [署名-非商业-非派生]许可；禁止克隆、抄袭和传播本站的UI外观及模板式样。 链接地址：OnLing.net 程序支持：LBS 推荐使用：Firefox! Copyright © 2006. OnLing.net 陕ICP备05001455号 订阅OnLing‘s Blog <img style='max-width:300px;' id="img67" src="http://image.360doc.cn/DownloadImg/7245/92339_68.gif" /> <img style='max-width:300px;' id="img68" src="http://image.360doc.cn/DownloadImg/7245/92339_69.gif" /> <img style='max-width:300px;' id="img69" src="http://image.360doc.cn/DownloadImg/7245/92339_70.gif" /> <img style='max-width:300px;' id="img70" src="http://image.360doc.cn/DownloadImg/7245/92339_71.gif" /> <img style='max-width:300px;' id="img71" src="http://image.360doc.cn/DownloadImg/7245/92339_72.jpg" /> google analytics onling‘s Google Page 经常光顾的网站: chinaUI |blueidea |billwang 设计在线 |视觉中国 |网易学院I 火星时代 |太平洋学院|im286 虚拟无忌|迪客虚拟|W3C标准 Essay Archives |VRP|5d 视觉同盟|virtools|tech.nytimes 关注的BLOG: rokey |icebin |keso|liurun [i D | 公社] |jonathan azure|刘师兄的Blog|老冒(UU) blog中文翻译|刘韧|dodo xinsoft| 小铠地带 | 朋友的BLOG: 蓉儿 |同兰阁 |NonStop ammonite |Yoguat | wizjo E.D.D.Y. I 关注的成长的WEB: 豆瓣网 |土豆网 |gougou网 engadget|blogbus|DoNews wowzine OnLing推荐资源: SDO图库 |字体库|3D库 三维地图|好站网址|fasticon UI 大学数字博物馆|POCO tychomusic|openwebdesign splutterfish About OnLing： www.flickr.com what is this? This is a Flickr badge showing photos in a set calledoblingpic. Make your own badgehere. Name:OnLing QQ:286582469 MSN:Myonling@hotmail.com E-Mail:onling.net@gmail.com Zq@onling.net OnLing正看的书: <img style='max-width:300px;' id="img72" src="http://image.360doc.cn/DownloadImg/7245/92339_73.jpg" /><img style='max-width:300px;' id="img73" src="http://image.360doc.cn/DownloadImg/7245/92339_74.jpg" /> <img style='max-width:300px;' id="img74" src="http://image.360doc.cn/DownloadImg/7245/92339_75.jpg" /><img style='max-width:300px;' id="img75" src="http://image.360doc.cn/DownloadImg/7245/92339_76.jpg" /> <img style='max-width:300px;' id="img76" src="http://image.360doc.cn/DownloadImg/7245/92339_77.gif" /> OnLing‘s Blog <img style='max-width:300px;' id="img77" src="http://image.360doc.cn/DownloadImg/7245/92339_78.jpg" /> 最新日志 上周的UI练习~web2.0概念结构尽心就是完美~电动车造型因素分析网站制作流程及界面...三种雕塑质感心浮气躁~童车外观设计探讨 最新评论 麻烦也给我一份：jan...对不起！我的邮箱应...给我一份,yingqunzho...请给我一份,谢谢了 m...有些锯齿哦...呵呵....也请给我一份，谢谢 ...原图我也没发现，但...请问，第一张图应该... 友情链接 OnLing‘s BBS operstudio 原文如此.SiC Nicky‘s blog 布罗特的Blog 2s-space 乡巴熊俱乐部 人见仁爱 GhostEver Ghost 夕照街 WE17 | 我们一起 08Design opennet jacklam‘s Blog KEFAN BLOG° ＝20岁纪念册＝ Abc^LIN LlinZzi‘s Blog 友情提示:申请前请先做好本站连接,所有链接申请请到留言簿留言,内容最好能多让我多了解你,内容相似,页面设计漂亮,勤奋好写的,欢迎连接,^_^ BXNA TopN News Microsoft .NET Framework 全系列下载全景携手金犊为学生创意提供支持北京互象动画有限公司——招高手纳强人Flash动态解析Web应用程序服务器路径希特勒&小布什超级玛丽奥是这么玩地Hello HumanSupport AudiovisualFonky Family卡通笔触的实现(附源代码) Powered byLBS Version 2.0.304 © 2005-2006 SiC/CYAN. 9 DB Queries | Proccessed in 250ms</div> <div class="list-group"> <a href="/article/63614" class="list-group-item">网站制作流程及界面交互设计研究探讨 - OnLing‘s BLOG</a> <a href="/article/97180" class="list-group-item">网站制作流程及界面交互设计</a> <a href="/article/150854" class="list-group-item">策划开发一个项目 at onling’s blog</a> <a href="/article/81327" class="list-group-item">最新的web界面交互设计</a> <a href="/article/46689" class="list-group-item">Cero’s Weblog Blog Archive 个人网站&Blog网站目录结构探讨</a> <a href="/article/93" class="list-group-item">web交互界面易用性设计和验收的指导性原则</a> <a href="/article/163114" class="list-group-item">关于界面和交互设计的思考1</a> <a href="/article/2490396" class="list-group-item">数据研究在交互设计中的应用</a> <a href="/article/1852750" class="list-group-item">网站制作流程</a> <a href="/article/1923311" class="list-group-item">网站制作流程</a> <a href="/article/2473392" class="list-group-item">网站用户体验设计-交互体验</a> <a href="/article/72094" class="list-group-item">界面设计、交互设计及程序开发(一)</a> <a href="/article/72095" class="list-group-item">界面设计、交互设计及程序开发(二)</a> <a href="/article/669635" class="list-group-item">OA系统中流程设计方法探讨</a> <a href="/article/516666" class="list-group-item">设计流程的研究分析</a> <a href="/article/1566354" class="list-group-item">设计流程的研究分析</a> <a href="/article/1574470" class="list-group-item">有趣的交互设计BLOG集锦 | 交互设计禅意花园-Alitedesign.com</a> <a href="/article/150142" class="list-group-item">Interface是界面or介面？ - 麦兜的交互设计| Maison Interacti...</a> <a href="/article/106122" class="list-group-item">交互设计</a> <a href="/article/826484" class="list-group-item">交互设计</a> <a href="/article/970860" class="list-group-item">10个设计最经典的web2.0网站 - 何昕博客(Alpar‘s Blog)</a> <a href="/article/84561" class="list-group-item">推广网站二十四招 - blog of wind‘s wing - 闪字制作,logo在线制...</a> <a href="/article/6927" class="list-group-item">东行记 jiahou‘s blog: 资料：有关思维导图和概念图研究的若干网站</a> <a href="/article/73390" class="list-group-item">教学设计研究发展趋势的探讨</a> </div> </div> </div> </div> </div> </div> <footer id="footer" class="footer hidden-print"> <div class="container"> <div class="panel panel-default"> <div class="panel-heading">相关问题</div> <div class="panel-body"> <a class="btn btn-default" href="/article/2464284" title="十二五掘金新兴产业潜力股">十二五掘金新兴产业潜力股</a> <a class="btn btn-default" href="/article/2464285" title="[珍品]人体穴位功能详图!">[珍品]人体穴位功能详图!</a> <a class="btn btn-default" href="/article/2464286" title="威震敌胆：我军史上荣誉最高的两人都出自抗美援朝">威震敌胆：我军史上荣誉最高的两人都出自抗美援朝</a> <a class="btn btn-default" href="/article/2464287" title="中国股市(民)面面观">中国股市(民)面面观</a> <a class="btn btn-default" href="/article/2464288" title="【赏心悦目】精美FLASH动画集锦(二)77">【赏心悦目】精美FLASH动画集锦(二)77</a> <a class="btn btn-default" href="/article/2464289" title="安徽省唯一一支女子民兵连素质高英姿飒爽(图)下一组：全球首个太空机器人11月3日前往国际空间站">安徽省唯一一支女子民兵连素质高英姿飒爽(图)下一组：全球首个太空机器人11月3日前往国际空间站</a> <a class="btn btn-default" href="/article/2464290" title="公务员事业单位薪资发放问题">公务员事业单位薪资发放问题</a> <a class="btn btn-default" href="/article/2464291" title="1945年11月27日中（国民党军）法两军在越南“海防”之战(不是1893年那次)">1945年11月27日中（国民党军）法两军在越南“海防”之战(不是1893年那次)</a> <a class="btn btn-default" href="/article/2464292" title="盘点全国40处形似毛泽东像的山石（3）-照片留痕-搜狐博客">盘点全国40处形似毛泽东像的山石（3）-照片留痕-搜狐博客</a> <a class="btn btn-default" href="/article/2464293" title="紫色睡莲">紫色睡莲</a> <a class="btn btn-default" href="/article/2464294" title="“会议”杂谈.“做官”须知">“会议”杂谈.“做官”须知</a> <a class="btn btn-default" href="/article/2464295" title="荨麻科">荨麻科</a> <a class="btn btn-default" href="/article/2464296" title="简单的故事浓重的亲情催人泪下 (结婚礼服影评)">简单的故事浓重的亲情催人泪下 (结婚礼服影评)</a> <a class="btn btn-default" href="/article/2464297" title="盘点全国40处形似毛泽东像的山石（1）-照片留痕-搜狐博客">盘点全国40处形似毛泽东像的山石（1）-照片留痕-搜狐博客</a> <a class="btn btn-default" href="/article/2464298" title="☆ 全球禁止传播:魔术揭密全集☆（视频）563653">☆ 全球禁止传播:魔术揭密全集☆（视频）563653</a> <a class="btn btn-default" href="/article/2464299" title="反腐大举动：许宗衡贪污20亿将被判死刑注射一针！">反腐大举动：许宗衡贪污20亿将被判死刑注射一针！</a> <a class="btn btn-default" href="/article/2464300" title="中小药店店员培训资料（38）">中小药店店员培训资料（38）</a> <a class="btn btn-default" href="/article/2464301" title="人民币升值之利弊">人民币升值之利弊</a> <a class="btn btn-default" href="/article/2464302" title="周鸿祎：做360是为摆脱3721梦魇">周鸿祎：做360是为摆脱3721梦魇</a> <a class="btn btn-default" href="/article/2464303" title="食物的嘌呤分类 - 美食宝典 - 姑苏论坛苏州论坛 - 苏州最大网络社区">食物的嘌呤分类 - 美食宝典 - 姑苏论坛苏州论坛 - 苏州最大网络社区</a> <a class="btn btn-default" href="/article/2464304" title="世界名画欣赏 (三)">世界名画欣赏 (三)</a> <a class="btn btn-default" href="/article/2464305" title="【赏心悦目】精美FLASH动画集锦（五）66">【赏心悦目】精美FLASH动画集锦（五）66</a> <a class="btn btn-default" href="/article/2464306" title="国家中长期教育改革和发展教育规划纲要解读2">国家中长期教育改革和发展教育规划纲要解读2</a> <a class="btn btn-default" href="/article/2464307" title="笑的抽筋的笑话u">笑的抽筋的笑话u</a> <a class="btn btn-default" href="/article/2464308" title="酸菜鱼的做法详细介绍_">酸菜鱼的做法详细介绍_</a> <a class="btn btn-default" href="/article/2464309" title="网民呼吁农民“上楼”运动刹车称动摇国家根基">网民呼吁农民“上楼”运动刹车称动摇国家根基</a> <a class="btn btn-default" href="/article/2464310" title="乍舌：越南少女吃鼠肉美容">乍舌：越南少女吃鼠肉美容</a> <a class="btn btn-default" href="/article/2464311" title="生肌散大比拼">生肌散大比拼</a> <a class="btn btn-default" href="/article/2464312" title="快乐成本.思想火花">快乐成本.思想火花</a> <a class="btn btn-default" href="/article/2464313" title="关于DDD同志任班主任工作期间的评价意见">关于DDD同志任班主任工作期间的评价意见</a> <a class="btn btn-default" href="/article/2464314" title="嘌呤食物 - 江晓 MySpace聚友博客">嘌呤食物 - 江晓 MySpace聚友博客</a> </div> </div></div> <div class="copy-right"> 神马文学网，客观、专业、权威的知识性互动百科全书。</div> </footer> </body> </html>