Joomla! 3.3 - 基础指南4：Joomla设计、界面、颜色
本系列教学转自 Cocoate免费书库，英文原著由Hagen Graf编写，中文翻译由Derek Joe完成
模板是一个网站最重要的部分。它为网站提供外观设计，并吸引新访客在您的网站逗留和浏览。
什么叫设计？
设计作为名词，指的是通过一个计划或者绘画显示某事物的功能和前景，并在一定的环境达到某个特定的目标，并满足一系列的需求。
设计作为动词，指的是在一个设计环境下创造一个设计。
因此设计一词可以用于
艺术（“纯直觉的”、“内在的”、“自然的”、“我们感觉合适的”）
机械工程（一款新车的产品设计）
生产制造（计划和执行）
流程（业务流程建模）
什么是页面布局？
页面布局是“图片”设计的一部分工作，它主要解决一个页面的风格元素（如内容）以及这些元素的页面安排。以Joomla的专业术语来说，页面布局就是在预定的模板位置安排Joomla 的模块和组件。
什么是颜色？
颜色是人类的视觉财产，是我们称之为红色、绿色、蓝色等等视觉感觉的总称。常有些特定的颜色与文化如国旗的颜色相关。颜色的应用具有多样性，它们与文化的联系甚至与同一种文化不同年代的联系也是多元化的。
HTML颜色和CSS颜色有1600万种不同的颜色值。它们由红色、绿色、蓝色混合而成，每种颜色的最小值是0，最大值是255。这些值最终组合成超过1600万种不同的颜色（256 x 256 x 256）。
举例：黑色 = 16进制颜色中的#000000 = RGB颜色中的rgb（0,0,0）
有几个工具（如color scheme designer）可以帮助你为你的网站找到正确的颜色（图3）。
图3：Color Scheme Designer（配色方案设计师）
模板
一个模板包含访问网站的人可以看到的重复性的元素。使用一个模板编排这些元素，往往可以减少对图片设计技巧的要求，并且把背景元素的修改和其它常用前景内容元素的修改（或交替）的工作量降低最低。
网页设计
网页设计有点像利用手工和很多种技能来制作和维护网站。
网页设计必须要能具备HTML、CSS、JavaScript、PHP、图片编辑以及其它一些技能。Joomla!只是网页设计师的工具箱中的一个工具。
一个优秀的模板并不仅仅与颜色和图片相关。内容表现的形态和位置排列也很重要。网站必须是用户友好的和可靠的——这让我再次联想到了上面的两辆靓车。
网页设计是个年轻的职业。现在的网页设计师常常要应对低带宽、浏览器不兼容、青涩的内容编辑器以及一起协作于“漂亮”网站的其他人。在构建一个Joomla!网站时，参与工程的每个人常常都会学到一些新知识。在使用Joomla 3设计网站时，其中的模板“Protostar”会让你了解Joomla用户界面库（JUI）。
优秀的网站设计源自辛苦的工作！：-）
用自己需要的语种安装好网站后，即使还没有内容，多数人就已经开始为颜色而苦恼，并且急于上传一些东西，比如一个新Logo。好在Joomla为用户预备了几个模板以及所谓的模板风格。一个模板风格就是为模板准备的一系列与颜色、logo、界面相关的选项。风格的变化能力完全取决于模板。一些模板具有海量的设置，而另外一些模板的设置则非常少。
因此您可以随心所欲设计很多种风格并把它们分配到您网站的不同页面。
结构
Joomla以其高质量和简单而著称。Joomla网站的一个页面可以是由一个组件、几个模块和一个模板输出的HTML代码而生成的。每个页面都能通过一个唯一的网址而访问到。以首页为例，内容组件通过输出HTML代码在中间区域显示文章。这张截图是使用Joomla模板“Beez”（图4）时截取的。文章周围的方形区域是几个不同的模块。你可以把组件的HTML
输出和任意数量的模块的HTML输出相组合。模块还可以在其它页面重复使用。
图4：Joomla!首页
位置
当然，您必须知道您能把模块分配到页面的哪些地方。为达到这一点，每个模板都提供了所谓的“位置”。为了了解这些位置的分布，您必须开启“模块位置预览”开关（扩展→模板管理→选项）。随后您即可通过在网址后面加tp=1访问您的网站（http://your_domain.tld/index.php?tp=1）或者点击扩展→模板扩展→模板（图5），再在任何一个模板边点击“预览”链接。
图5：模板管理- 网站模板
您将看到高亮显示的模块位置及其名称（图6）。
图6：模块位置- 模板Protostar
点击扩展→模块管理，您就能将某个模块分配到某个位置。如果您希望一个模块同时在几个不同的位置显示，您可以复制它。
核心模板
Joomla!安装包本身带来2个网站模板和2个后台管理模板。您可点击扩展→模板管理→“模板”标签。您还可以通过在下拉框“选择位置”里选择不同的选项，来筛选出前台模板和后台模板。（图6及图7）.
图7：模板管理- 后台管理模板
风格
风格能够让您创造和使用同一个模板的不同“版本”。一个模板至少有一种风格。您通过更
改模板的配置即可产生不同的风格，比如改变颜色或上传头部需要的logo。您可通过扩展→模板管理→风格来为您的网站设置不同的风格。
示例：一个个性化的风格
让我们一起来为我们的网站创建一个个性化的风格：
Name：cocoate
Template Colour：#f88638
Fluid Layout
您可以拷贝这些信息并应用到您正在创建中的额外的风格。如我即已用到模板Protostar里了（图8）。
图8 - 一种复杂的风格
填写风格的名称，并设置它为所有语言的默认模板。如果您的是多语言Joomla网站，您可以为不同的语言设置不同的风格。（图9）
图9 - 设置模板的一个风格
通过“选项”标签，您可以选择一个模板和一个背景颜色，上传一个logo，并将模板设置为固定或动态宽度（图10, 图11）。
图10 - 风格的“选项”标签
图11 - 上传logo
每种风格都可（必须）被分配给一个菜单项。比如，如果您想访客点击菜单项A时，网站的背景色为绿色。访客点击菜单项B时，网站的背景色为蓝色，你可以为它们分配相应的风格。在我的示范中，我只有一个菜单项，因为到现在为止，我的网站还没有内容。我将新的风格分配到菜单项“主页”（图12）。
图12 - 菜单分配
保存风格后，网站看上去就不同了（图13），并且因为模板Protostar良好的兼容性，网站在移动设备上能够完美展示（图14）。
图13 - 台式PC机里的网站
图14 - 移动设备中的网站
在线编辑模板文件
如果您明白页头标题的缩略词，您实际上可以直接设置模板。模板是Joomla的基础，它由几个文件组成。而我们完全可以在线改变某个模板的核心元素。
如果您想编辑模板“Protostar”，您须访问扩展→模板管理→模板→Protostar获取细节和文件：点击指向文件的链接即可。
图15：在线编辑模板文件
我们当然也可以用外部编辑器来编辑这些文件。
Joomla网站的模板文件位于文件夹/templates。每个模板都有它对应的文件夹。在文件夹/templates/systems里您还能找到编辑网站关闭和页面报错的模板对应的文件。
后台管理的模板位于文件夹/administrator/templates。
iOS7 人机界面设计指南 苹果在WWDC 2013大会上发布了iOS 7，新系统一改5年来的拟物路线，在乔纳森?艾维的主导下，加入了更多的“扁平化”和“极简”现代设计元素。 iOS7系统界面和按钮平面化突显，内置应用图标、解锁画面、主屏幕、通知中心等界面更多地采用极简元素和新的调色方案，苹果核心复杂立体的真实“拟物”风格完全已被削弱，包括之前的皮革、阴影、木质等设计元素也进行了大大弱化，系统界面更简单、更干净了。 开发者该如何设计应用才能和iOS 7系统风格相匹配呢？为此，苹果推出了《iOS 人机界面指南》。由腾讯ISUX的“弟妇城”同学翻译如下。 iOS7 的革新关键词如下： ?遵从：新UI更好的帮助用户理解内容并与之互动，但却不会分散用户对内容本身的注意力 ?清晰：各种大小的文字易读，图标醒目，去除了多余的修饰，重点突出，很好地突显了设计理念 ?深度：视觉层次和生动的交互动作赋予UI新的活力，不但帮助用户更好的理解新UI 的操作并让用户在使用过程中感到惊喜
无论你是重新设计一个现有的app或是重新开发一个，尝试一下苹果重新设计系统内置app 的方式： ?首先，去除了UI元素让app的核心功能呈现的更加直接并强调其相关性。 ?其次，直接使用iOS7的系统主题让其成为app的UI，这样能给用户统一的视觉感受。?纵观全局，以内容和功能为核心来指导设计，从前的设计模式可以先放到一边。 以内容为核心 虽然明快美观的UI和流畅的动态效果是iOS7体验的亮点，但内容始终是iOS7的核心。 这里有一些方法，以确保您的设计能够提升您的app功能体验并关注内容本身。
充分利用整个屏幕。无需使用边框、底图等等多余的UI元素，让内容扩展到屏幕边缘。 天气app是最好的例子：漂亮的天气图片充满全屏，告知用户天气情况，同时也很好的呈现了如每个时段气温等等的其他重要信息。
Joomla! 2.5.x 一小时快速建站手册 Joomla!入门教程之建站实战——————————————————————————————————————本手册旨在演示如何用Joomla! 2.5.x 实现第一次快速建站。手册涉及的内容大致包括： ●删除示范站点数据； ●定制站点模版； ●添加网站内容。遵循CASH 工作流程： ?创建站点内容框架（C，Categorize 归类）； ?添加内容（A，Add 添加）； ?添加菜单及菜单项（SH，Show 展示）； ●添加站点功能：创建交互式联系表单及投票功能； ●完成第一个Joomla!实例站点。 本手册所完成站点的首页效果如上图所示。该站点基于Joomla!2.5.x 示范站点，并依据客户需求进行精心调整。
会见客户了解客户需求 请允许我为你介绍你的第一位客户。这是一家名为CORBA（Collectors Of Really Bad Art）的俱乐部，喜欢收集一些看起来比较古怪甚至令人恶心的绘画和一些奇丑无比的其他形式的艺术作品。这些作品在专业人士看来通常只能被丢弃到垃圾堆中，或者是只能在慈善团体中售卖。这个俱乐部认为，丑陋的作品正因为其丑陋的一面而值得收藏。 当地报纸和电视台打算对CORBA 俱乐部进行报道，俱乐部负责人请你尽快为他们创建一个网站，并希望借此机会推广他们的理念以及让更多人了解俱乐部。 你也许不熟悉相关艺术领域，但这确是你展示建站艺术的大好机会。经沟通，你了解到CORGA 俱乐部对网站有如下需求： ●网站的外观需与俱乐部Logo 相配，配色需与俱乐部定制使用的信纸、信封等办公用 品相适应。 ●网站需呈现出组织结构良好的内容页，且便于日后俱乐部内容的扩充。 ●首页需展现出一些经过精选的新近收集的艺术品内容。 ●访客能有效的与俱乐部进行沟通，需构建一个在线交互式通信表单。 清除示范站点数据 （若安装Joomla!时未安装示范站点数据，此步可略过。） 为一睹Joomla!芳颜，初次安装时往往都会选择安装示范站点数据。当你将要准备搭建正式站点时，这些示范站点数据不但毫无用处，还显得碍手碍脚。不幸的是，Joomla!后台并没有“删除示范站点数据”的按钮。与其着手重新安装一个Joomla!空白站点，还不如手动删除这些“垃圾”来的更快些。要手动删除示范站点数据，只需两步即可。 如果你打算重新安装Joomla!平台进行建站，那么无需安装示例站点数据。 第一步，清除示例站点内容 首先需要清除示例站点内容，这包括三方面工作： ●实际内容：包括文章以及Joomla!用来组织文章的容器-‘类’。 ●链接到这些文章和类的菜单。 ●模块：一些预制的功能块，例如登录表单。 操作要点：清除文章和类 在文章管理中，将所有希望清除的文章放入回收站（Trash）。放入回收站的文章并没有在后台的数据库中真正被清除，日后仍可以恢复。若想永久清除回收站中的文章，首先将筛选条件中“选择状态”设定为“已转入回收站”，然后全选并执行右上角“清空回收站”操作。 用同样的方法可以在分类管理中清除所有的“类”。注意，需保留类名为“uncategorised”
组态人机界面与单片机通信案例 很多时候，工业控制或者产品设计方面受到PLC这种功能确定，扩展麻烦，成本昂贵等方面的制约因素，需要独立开发一种特殊功能，但是又需要连接触摸屏通讯，工程师在这个方面往往需要花费很大功夫，现在我要帮大家解决的问题就是单片机与人机界面触摸屏通讯的最简单，最有效的2种方法，其实就是分为2种通讯协议，即工业标准的Modbus RTU协议和工程师自己定义的自由协议。 本实例采用微嵌组态软件，因为公司提供一系列的技术支持和公布单片机源代码，加上公司的人机界面支持自由协议等等先天优势，开发工程方便有效。方案比较： 方案一modbus—rtu协议： 优点：工业标准通讯协议，具有通用性，，传输数据量大 缺点：需要时间去了解协议的格式和以及按照规定编写通讯程序（需要MODBU S-RTU源代码） 方案二自由协议： 优点：数据格式客户自己定义，灵活多变，定制性强，可以模拟任何已知报文的通讯协议 缺点：传输数据量不大，通用性不强，移植不方便 工程师可以根据以上两种通讯协议的优缺点来选择理想的方案；
新建一个工程文件 型号对应的是公司出产产品型号。新增一个通信口，微嵌的人机界面有两个通讯口COM1，COM2，这两个串口既可以做RS232，又可以做RS485，通讯协议对应的是单片机工程师需要用到的协议，其中有modbus RTU协议，自由协议Free Protocol，当然还包括西门子S7-200，台达PLC，欧姆龙，三菱等协议，这里我们选择COM1自由协议Free Protocol，通讯速率57600，数据位8,1位停止位，偶校验：
首先我们随便建一个比较简单实用的画面，用位按钮开关控制单片机的指示灯，采集单片机的模拟数据显示在组态软件的数码管（可以通过电脑串口连接单片机在线模拟实际应用）
量化，从而突出内容。 深度（Depth） 清楚的视觉层和生动的动效表达了层次结构，赋予了活力，并有助于理解。 易于发现的且可触发的界面元素能提升体验愉悦感，让用户在成功触发相应功能或者获得更多内容的同时还能掌控当前位置的来龙去脉。当用户浏览内容上时，流畅的过渡提供一种纵深感。 要想扩大影响力和涉及范围，在设计你的独特应用时，请熟记以下几点原则： 美学完整性（Aesthetic Integrity） 美学完整性代表了一款应用的视觉表象和交互行为与其功能整合的优良程度。例如，一款协助用户完成重要任务的应用应该使用不易察觉且不引人注目的图形、标准化控件和可预知的交互行为从而让用户保持专注。反之而言，一款沉浸式体验的应用（比如游戏），就需要吸引人的视觉表象，在鼓励用户探索的同时带来无穷的乐趣和刺激。 一致性(Consistency) 一款内部一致的应用能够贯彻相同的标准和规范：使用系统提供的界面元素、风格统一（众所周知）的图标、标准的字体样式和一致的措辞。应用所包含的特征和交互行为是符合用户心理预期的。 直接操作(Direct Manipulation) 对屏幕上的对象直接操作（而不是通过一堆控件）能够提升用户的参与度并有助于理解。直接操作指包括用户旋转设备或者使用手势控制屏幕上的对象。通过直接操作，他们的交互行为能够得到即时可视的反馈。 反馈(Feedback) 反馈认证交互行为，呈现结果，并通知用户。系统自带的iOS应用对每一个用户行为都提供了明确的反馈。可交互的元素被点击时会被临时高亮，进度指示器（progress indicator）显示了需要长时间运转的操作的进度，动效和声音加强了对行为结果的提示。 隐喻(Metaphors) 当一个应用的虚拟对象和行为与用户熟悉的体验相似时——无论这种体验是来源于现实生活或是数字世界，用户就能更快速地学会使这款应用。隐喻在iOS中能够起作用是因为用户与屏幕进行物理上的交互。他们通过将视图移出屏幕来显示下方的内容，他们拖曳（drag）和滑动(swipe)对象，他们拨动(toggle)开关，移动(move)滑块，滚动(scroll)数值选择器，他们甚至通过轻扫(flick)来翻阅书籍和杂志。
在线学习好工作https://www.doczj.com/doc/4f11071145.html,/ APP界面框架设计中常用的10大模式详解 随着移动互联网的发展，移动app已经成为了每个互联网公司的标配了，那作为产品经理，我们如何设计出更加符合用户体验的app产品呢？今天和大家分享的就是10中最常见的app界面光甲设计模式，一起来看看吧。 1.标签导航 标签导航是十大界面框架设计里最常用的界面框架设计，也是被业界之内公认的一种普遍使用的页面框架设计。那么这种页面框架设计在作业方面对一个用户来说也是最常见的一种页面框架设计，比如说微博、微信、手机百度、支付宝、淘宝，这些我们所谓的超级APP都是运用的标签导航，无一例外。从这个角度也可以看出来，优秀的产品用标签导航这种页面框架设计是非常普及的。 标签导航位于页面底部，标签的分类最好可以控制在5个之内。 优点 1）标签导航能够让用户清楚当前所在的入口位置。比如对于微信来说，无论用户在“发现”还是“对话框”里面，用户都能通过底部的高亮区域来划分当前所处的这个产品结构的区域。无论是当前位置的判断，还是要找这个入口，都比较方便，比如对于微信来说，很容易都过标签导航找到“朋友圈”。 2）轻松在各入口间频繁跳转且不会迷失方向。比如对于微信来说，微信团队不仅希望我们拿微信来聊天，还希望我们拿微信来逛朋友圈、购物、支付、滴滴打车等等，那么如果能够让用户在不同的入口间实现频繁的跳转，那这时用标签导航是最合适不过的。 3）直接展现最重要入口的内容信息。这有两层意思，第一层就是它能展示出来最重要的入口，比如拿微信来说有那么多的重要入口，显然“微信对话框” 最重要，那么他们默认的把微信对话框作为主入口。同样微博最重要的是首页，所以默认把微博首页作为最主要的入口。其次，入口不仅可以展示，入口里面的信息也可以展示。 缺点：功能入口过多时，该模式显得笨重不实用。怎么理解“功能模块过多”，比如说现在标签导航，一般情况下功能入口控制在5个以内，我们也会遇到6 个的情况，但那种产品一般来说比较复杂，最少会是3个，最多5到6个。如果过多的话，标签导航会弹不开，那这种模式就失效了。过多不行，过少也不太方便，如果说就一个Tab、两个Tab，那么标签导航下面就会显得特别的空，也不
人机界面设计（含案例分析） 家电（冰箱）Haier/海尔 BCD-231WDBB 场所：冰箱是家用厨房内最为常见的家电产品之一。在公共空间比 如餐厅，酒店也都有配备。 作用：冰箱使食物或其他物品保持冷态，具有储藏，冷冻的功能。 人机界面分析： 把手： ①位置：把手设计符合大众身高结构，一般根据实际冰箱高度设 计，比如此冰箱总高1722mm，三门设计，把手分别在550mm左 右、950mm左右、1300mm左右。 ②形状：此冰箱把手属于隐藏式把手设计，使机器整体统一美观。 把手形状呈长方形凹槽，适用于大多数家庭成员的高度差异。 ③功能：此把手设计即运用手部动作，通过抓、拉来实施对冰 箱门的控制。外观大方，开门方便，不积灰尘，容易清理。 存储空间： ①位置：此冰箱为三门设计，区分两个不同的存储空间，分别 是冷藏室和冷冻室。上门与下门等比例分布，中门5°C--- 18°C全温区变温。 ②形状：三个存储空间均为长方形，中间有长方形隔板分割， 阶梯式分割方式，适用于不同食材的存放。冷冻室采用抽屉设 计，极大拓展了冷冻空间，抽屉装饰有仿金属材质亮银色饰 条，质感强，坚固耐用。 ③功能：冷藏室主要储存新鲜的食物或是烹饪过的食物，海鲜肉类在放入 冷藏室24小时低温排毒后放入冷冻室保存。冷冻室一般保存海鲜肉类等需 要保存较长时间不使用的食物。 显示部分、按钮： ①位置：显示部分、按钮一般在人眼可以看见，手可以触及的范围内。此 冰箱在面板中间高约1650mm的位置。 ②形状：此冰箱显示按钮部分为竖立的长方形，与整体机器相统一，整体 感强。从上到下分为四个区域，用黑色实线区分，分别是温区选择、温度 调节、功能选择和设定。上面三个区域为LED灯的液晶显示，设定按钮呈圆形，触摸式按钮，反应灵敏好操作。
人机交互技术 Web界面设计学号: 姓名:
一、Web界面设计的基本概况 Web界面设计是人机交互界面设计的一个延伸，是人与计算机交互的演变。 Web界面设计与站点外观直接相关，站点的界面外观是否友好直接关系到是否能吸引人的关注。人性化的设计是Web界面设计的核心，如何根据人的心理、生理特征，运用技术手段，创造简单、友好的界面，是Web界面设计的重点。 用来解释Web的人机界面性质的一个模型，它提出网页是用户和知识之间的界面。对于信息提供者来说包括信息的表达，对于使用者来说则是信息的获取。信息的表达与获取分别受到两者认知结构的制约。 模型涉及到信息的三种类型 1)数据：当一条信息被反复、简单的提供时称为数据，比如机票价格。 2)复杂信息：而用来叙述事件时称为复杂信息，如多媒体信息。 3)过程性信息：在信息有明确目标，并相互作用时称为过程性信息，如在线练习、在线测试等。 模型涉及到信息的两种特性：1)动态性：信息在不断的变化，具有动态性； 2)一致性：信息元素的组织方式具有一致性 (2)Web信息设计模型 是解释Web人机界面性质的另一个模型，是一种研究网页的信息设计模型。 设计模型中要考虑到信息的两个方面： 1)第一是应该呈现或略去什么信息。 2)第二个方面指的是信息该如何被表现。 二、Web界面设计要求及目的 Web应用的成功与否，除了受其所采用的技术和所能够提供的功能的限制还受Web网页的外观的影响。Web网页的外观经常是最先被用户注意到的。用户对网站的第一印象与界面外观是否友好、吸引人密切相关。所以对于设计人员来说，Web界面设计至关重要。Web界面设计的人性化、易用性是Web界面设计的核心。 Web界面设计要素 a)Web界面布局
中国地质大学研究生院 硕士研究生入学考试《工业设计专业基础》考试大纲一、试卷结构 （一）内容比例 产品开发综合表达约50分 工业设计相关主干课约65分 人机工程学约35分 全卷 150分 （二）题型比例 简答题和论述题约66% 设计综合表达约33% 二、考试内容及要求 产品设计 考试内容 1. 企业的产品设计战略； 2. 产品设计的要素； 3. 产品设计的流程与方法； 4. 产品功能定位与实现； 5. 产品设计中的语意传达； 考试要求 1. 能够通过自己的理解，掌握产品设计发展的脉络。 2. 熟悉产品开发的定位与产品设计的类型 3. 能够清晰地理解产品设计与企业、科技、文化之间的关系； 4. 熟悉产品设计的一般流程与方法，了解产品设计创新和产品开发中的管理； 参考书目 1.杨裕富著，《创意活力：产品设计方法论》，吉林科学技术出版社 2.《工业产品设计方法》，李煜陈洪，清华大学出版社 3.《产品设计》，刘永翔，机械工业出版社 4.《设计中的设计》，[日] 原研哉著；朱锷译，山东人民出版社 5.《创造突破性产品－从产品策略到项目定案的创新》 Jonathan Vagan 辛向阳 译机械工业出版社 6.《设计方法与策略－代尔夫特设计指南》代尔夫特理工大学工业设计工程学院 华中科技大学出版社 7.，《设计心理学1-4》唐纳德?A?诺曼中信出版社; 第2版 8.《通用设计法则》威廉.立德威尔朱占星译中央编译出版社
人机工程学 考试内容 1、人机工程学概论（概念、由来、发展及其应用） 2、人体测量与数据应用；基本定义，测量方法，产品设计中人体数据应用； 3、人体感知与运动输出：感觉和知觉的特征；觉机能及其特征，视觉机能在产品设计中的应用原则；听觉机能及其特征，听觉机能在产品设计中的应用；动特征及其在空间作业中的应用； 4、控制装置设计；手动和脚动控制器的特点及设计原则； 5、显示装置设计； 6、作业空间设计； 7人机界面设计，人机系统设计。 考试要求 1. 能够掌握人机工程学的基本思想和基本概念 2. 能够分析和设计具体的设计项目 3. 能够对优秀的设计作品，作出人机工程学方面的评价并对其进行清晰有条理的表述。 参考书目 1. 《人机工程学》，丁玉兰等编北京理工大学出版社 2. 《人机工程学（第二版）》，赖维铁编著，华中科技大学出版社
Joomla模板制作实战教程【一】-创建一个简单的模板 Joomla绝对是一款优秀的CMS，相较一些国产CMS她始终不能占据优势地位，很多人说Joomla做模板难、Joomla不支持静态生成、Joomla执行效率低等等，但其实Joomla团队为这些东西做了很多的功夫，细细研究不难发现，Joomla模板只需要会Html+CSS就行了，Joomla的静态生成其实就是System-cache(缓存插件)，当做足了优化之后，Joomla的执行效率是相当可观的，如本站https://www.doczj.com/doc/4f11071145.html,（优化的方法会在后面的教程中提及） 话说Joomla模板难做，这是很多入门的学习者遇上的足以让他放弃Joomla的门槛，那么我要说的是Joomla模板一点不难，它的难点根本不在于“是否会PHP”，而是在于不敢钻研的心，那么为了砍掉这个所谓的“门槛”，我将为大家带来这个系列的模板实战教程。 做之前我们必须要准备这几样东西！ 11、持之以恒的心 22、必要的HTML+CSS基础知识 33、熟悉了Joomla的使用方法、工作原理 44、一丝不苟的工作态度。 55、认认真真的看好教程，不要急着复制粘贴。 开始我们的模板制作（以Joomla 1.5.x为例，完结之后会推出Joomla 1.7.x相关教程） 安装好Joomla 1.5.x，在templates/目录下建立一个我们要制作的模板文件夹，命名为jk_joomlask，这时候在后台我们尚且看不到有jk_joomlask的这个模板选项。 *Joomla网站系统是基于utf-8编码编写的，所以以下所有操作的文件都务必保存为utf-8编码。 第一步我们需要让其在Joomla后台中显示这个模板选项，创建文件templateDetails.xml，不要担心会不会xml，很简单，根据官方文档给出的说明，照着写便是：
重庆邮电大学移通学院学生实验报告 实验名称:熟悉设计管理和游戏界面设计专业班级:数字媒体技术02141401 姓名:罗钧 学号:2014210xxx 实验日期:2017.5.9 实验五:熟悉设计管理和游戏界面设计 一、实验目的 (1)了解和熟悉人机界面设计过程管理的相关知识; (2)了解和评价游戏软件的人机交互设计,提高自己的评价能力,提高自己对设计水平的。 二、工具/准备工作 需要准备一台带有浏览器,能够访问因特网的计算机。 三、实验内容与步骤 1.概念理解 (1)成功的用户界面开发有4个支柱,它们能够帮助用户界面架构师将好的思想转化为成功的系统。经验表明,每个支柱都能在此过程中产生数量级的加速作用,并能促进建立优秀的系统。 请简单描述这4个支柱。
用户界面需求:软件项目的成败经常取决于所有用户和实现者之间理解的精确性和完整性。如果没有适当的需求定义,那就既不能确定正在解决什么问题,也不会知道何时能够完成。拟定用户界面需求是整个需求开发和管理过程的一部分,系统需求(硬件、软件、系统性能及可靠性等)必须清楚的加以陈述,任何处理用户界面的需求(输入/输出设备、功能、界面及用户范围等)都必须指明并达成共识。一个确定用户需求的成功方法是通过用户观察,监视正在行动的真实用户的背景和环境。 指南文档和过程:指南文档应考虑以下几方面。 1.词、图标和图形 2.屏幕布局问题 3.输入与输出设备 4.动作序列 5.培训 用户界面软件工具:设计交互系统的困难之一,是客户和用户可能对新系统并没有一个清晰的想法。由于在很多情况下交互系统都是新奇的,用户可能认识不到设计决策的用意。虽然打印出来的文稿对初步体验是有帮助的,但具有活动键盘和鼠标的屏幕展示却更为真实。菜单系统的原型可能用一两条活动路径来代替为最终系统预想的数千条路径。 专家评审和可用性测试:现在,网站的设计人员认识到,在将系统交付给客户使用之前,必须对组件进行很多小的和一些大的初步试验。除了各种专家评审方法外,与目标用户一起进行的测试、调查和自动化分析工具被证明是有价值的。其过程依可用性研究的目标、预期用户数量、错误和危害程度和投资规模而变化很大。
竭诚为您提供优质文档/双击可除 html模板,后台 篇一：10个最好的免费php网站后台管理系统 1、joomla! 20xx年开源cms第一名！joomla!是使用php语言加上mysql数据库开发的软件系统，可以再linux、windows、macosx等各种不同的平台上执行。操作接口除了美观之外，也花了很多心力在设计这些接口的简易操作性。但初次使用者，需要花一点时间学习操作的方式，才能运用自如。 这款cms与drupal一样，在中国及其他国家的应用还是很多的，尤其公司。 官方网站： 4、dedecms 一款国内开源的cms，作者是一个个人，能做出如此功能的cms，是相当不错的，20xx版功能十分强大，希望能改善之前的数据量一大更新静态页就很慢的缺点。因为开源，有较多的玩家和拥护者。非常适合有一定编程基础的站长。 官方网站： 5、phpcms
一个综合的网站管理系统，由php+mysql构架全站生成html，能够快速高效地应用于linux和windows服务器平台，是目前中国linux环境下最佳的网站管理应用解决方案之一。现在已经被酷6收购。 官方网站： 8、hbcms 一个以php官方网站推荐的peaR+smaRty技术架构的cms,比较容易上手，适合没经验的新人做网站。没有下载，分类信息等模块，适合做文章为主的网站。全站生成静态页，默认附带了几套模板，可以方便的更换模板。个人企业都免费，无需授权。 官方网站：。 9、supsite 是盛康的产品，一款将论坛资源自动转换成门户网站的php程序系统，使用supesite，利用discuz!论坛，将自动 拥有一个功能完备的、资源丰富的站点系统；由论坛变成网站，一切都是自动完成，不需要任何干涉，轻轻松松实现建立网站的母的。 10、wordpress wordpress是一款非常优秀的php和mysql的blog软件，但是他完全可以当做cms系统来用。从wordpress官方最近几个版本的升级中可以看出，工作人员正在把wordpress向
APP界面设计就该那么美妙！ 如今手机屏幕的尺寸越来越放大化，但却始终很有限，因此，在APP的界面设计中，精简是一贯的准则。这里所说的精简并不是内容上尽可能的少量，而是要注重重点的表达。在视觉上也要遵循用户的视觉逻辑，用户看着顺眼了，才会真正的喜欢。 以下是AnyForWeb为大家精心挑选的APP界面设计，供大家欣赏评论。 1.第一个案例在背景上完全没有任何的修饰成分，在色彩上也只是比较传统的使用方法，它的特别之处就在于字体的变化上。如果想把一个APP做的尽量简洁化，大多数设计师会选择借助于简单的颜色或清晰的布局，很少设计师会主要在字体上做文章。
2.PicLab是一个滤镜相机类的APP，因此，背景就理所当然的运用了由许多照片拼凑而成的Metro风格图片。但如果直接使用，背景会显得比较抢镜，所以铺上一层模糊的色彩也是不错的选择。
3.无印良品一向以极简著称，甚至极简到没有logo，所有的东西都崇尚原汁原味，不添加任何修饰，这样的理念也被带到了自家APP的界面设计中。简单的东西总会让人看起来舒适宁静。
4.这是一个记账工具类的APP设计。中间部分的图案十分有趣，意示着花钱如流水，这也十分符合APP本身的用意，希望用户注重节俭。这个案例让我们了解到，一个有寓意的图示或文字都可以成为界面的唯一重点。
5.这是一个类似于大众点评的周边推荐类APP。与普通APP不同的是，这个APP将每一家商户的图标都转换成了具有商家特色的小图示，这样能让用户更加清晰的了解到该商家的特点，在APP的整体设计上也多了一些美感。
6.这个APP直观的看起来更像是一个袖珍型的网页，真实的背景图片与简短的文案相搭配。唯一欠缺的部分就是底部的登录注册按钮，与界面整体似乎有些格格不入，但不可否认的是，纯色块的确能在界面中引起用户的注意。
【总结】移动应用界面设计的尺寸设置及规范 时间2014-05-04 15:15:07 青溪·札记 原文appdesign-sizesetting/ 主题用户界面设计移动应用 刚接触移动应用的界面设计，最先跳入脑海的疑问是：画布尺寸设计多大（特别是Android）、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现？ 本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索，来分享移动应用界面设计中的尺寸规范等问题，希望能给移动端的新手设计师些许指引。若有不当之处，欢迎斧正。 一、android篇 1、android分辨率 Android的多分辨率，一向是设计师和开发者非常头疼的事儿。尽管如此，对于多分辨造成的复杂问题，也是大家要优先解决的。Android支持多种不同的dpi 模式：ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi 注意，ppi、dpi 是密度单位，不是度量单位： * ppi (pixels per inch)：图像分辨率（在图像中，每英寸所包含的像素数目） * dpi (dots per inch)：打印分辨率（每英寸所能打印的点数，即打印精度） dpi主要应用于输出，重点是打印设备上；ppi对于设计师应该比较熟悉，photoshop画布的分辨率常设置为72像素/英寸，这个单位其实就是ppi 。尽管概念不同，但是对于移动设备的显示屏，可以看作ppi=dpi 。 ppi的运算方式是：PPI = √（长度像素数2 + 宽度像素数2） / 屏幕对角线英寸数。即：长、宽各自平方之和的开方，再除以屏幕对角线的英寸数。 以iphone5为例，其ppi=√（1136px2 + 640px2）/4 in=326ppi（视网膜Retina屏） 对于android手机，一个不确切的分法是，720 x 1280 的手机很可能接近 320 dpi （xhdpi模式），480 x 800 的手机很可能接近 240 dpi （hdpi模式），而320 x 480 的手机则很接近 160 dpi（mdpi模式）。
教学站：杭州前进学号：201812925310039 姓名：詹浩裕 医护app用户界面设计说明书 修订历史记录
目录 1 引言................................................... - 2 - 1.1编写目的............................................ - 2 - 1.2项目背景............................................ - 2 - 1.3主要功能 (2) 2 应当遵循的界面设计规范 ................................. - 3 - 2.1用户界面设计原则.................................... - 3 - 2.2界面一致性 (4) 2.3布局合理化原则.......................... 错误!未定义书签。 3 引导页..................................... 错误!未定义书签。 4 主界面................................................. - 5 - 4.1主界面.............................................. - 6 - 4.2登录页面................................ 错误!未定义书签。 4.3各子界面 (7) 5 美学设计 (10) 6 界面资源设计 (10) 6.1图标资源 (10) 7 投诉与建议 (11) - 1 -
人机界面设计案例分析 什么是人机界面人机界面是指人和机器在信息交换和功能上接触或互相影响的领域或称界面所说人机结合面，信息交换，功能接触或互相影响，指人和机器的硬接触和软触，此结合面不仅包括点线面的直接接触，还包括远距离的信息传递与控制的作用空间。人机结合面是人机系统中的中心一环节，主要由安全工程学的分支学科安全人机工程学去研究和提出解决的依据，并过安全工程设备工程学，安全管理工程学以及安全系统工程学去研究具体的解决方法手段措施安全人机学。它实现信息的内部形式与人类可以接受形式之间的转换。凡参与人机信息交流的领域都存在着人机界面。大量运用在工业与商业上，简单的区分为输入（Input）与输出（Output）两种，输入指的是由人来进行机械或设备的操作，如把手、开关、门、指令（命令）的下达或保养维护等，而输出指的是由机械或设备发出来的通知，如故障、警告、操作说明提示等，好的人机接口会帮助使用者更简单、更正确、更迅速的操作机械，也能使机械发挥最大的效能并延长使用寿命，而市面上所指的人机接口则多界狭义的指在软件人性化的操作接口上。 人机界面的设计原则1、以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2、顺序原则 即按照处理事件顺序、访问查看顺序（如由整体到单项，由大到小，由上层到下层等）与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3、功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提
目录0. 文档介绍2 0.1 文档目的 2 0.2 文档范围 2 0.3 读者对象 2 0.4 参考文献 2 0.5 术语与缩写解释 2 1. 应当遵循的界面设计规范3 2. 界面的关系图和工作流程图 5 3. 主界面 5 4. 子界面A 6 5. 子界面B 7 6. 美学设计7 7. 界面资源设计错误!未定义书签。 8. 其他错误!未定义书签。
文档介绍 0.1 文档目的 界面设计是为了满足软件专业化标准化的需求而产生的对软件的使用界面进行美化优化规范化的设计分支。界面设计文档可以让用户对软件产品有了更直观的了解，并且了解各个模块的设计及用意。 0.2 文档范围 文档包括公用界面设计，学生用户界面设计，教师用户界面设计，其中各个界面包括框架设计，编程设计，按钮设计，面板设计，菜单设计，标签设计，图标设计，滚动条及状态栏设计。 0.3 读者对象 登陆网站的游客、注册成会员的学生、教师以及管理员。 0.4 参考文献 提示：列出本文档的所有参考文献（可以是非正式出版物），格式如下： [1] 张海藩，《软件工程导论（第5版）》，清华大学出版社，1900年01月 [2] 杨培添，《软件界面设计》，电子工业出版社，2007年02月 [3] 林锐，《Web软件用户界面设计指南》，电子工业出版社，2005年5月 [4]吴士力，汪孝宜，胡俦，《网络系统开发实例精粹（JSP版）》，电子工业出版社， 2006年8月 [5] 黄艳群，黎旭，李荣丽，《设计·人机界面》，北京理工大学出版社，2007年5月https://www.doczj.com/doc/4f11071145.html,/view/43210.html?wtp=tt https://www.doczj.com/doc/4f11071145.html,/view/119481.htm 0.5 术语与缩写解释
手机app界面设计模板 导语： 随着移动互联网技术的发展，越来越多的app应用孕育而生。精美的app界面更吸引我们使用，那么它是如何设计与制作呢？我们一起来学习下！ 免费获取线框图原型图设计软件：https://www.doczj.com/doc/4f11071145.html,/wireframe/ 模板丰富的手机APP界面制作工具 亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的APP界面设计模板，可以免费使用。特别是针对没有绘图经验的开发者，有了APP界面设计模板之后，再也不愁APP界面设计的问题。亿图软件的符号库包含所有图标组，还能对单个图标进行修改，拖拽式的操作能帮助用户在架构设计上更加流畅。
线框图设计模板 线框图模板是经过打磨的备选素材，可供使用者直接套用，有效节省时间。亿图图示这款国产的全类型图形图表设计软件，为用户提供精美的线框图模板，在应用软件内容，用户可以免费使用。特别是针对没有绘图经验的开发者，有了线框图模板之后，再也不愁线框图的问题。 线框图模板一
线框图模板二
线框图模板三 更多绘图符号，助力线框图设计 亿图软件不仅提供模板，更有多套免费icon供用户使用。这些矢量的图标符号，可任由使用者进行二次编辑。精致的图标符号，加上合理的布局，瞬间让线框图设计加分不少。 UI矢量符号
触摸手势符号
IOS符号 亿图图示的模板和符号，欢迎您的尝试。如果想体验最新的模板和符号，也可以从线上直接获取最新素材。 获取更多线框图原型图软件使用技巧：https://www.doczj.com/doc/4f11071145.html,/software/wireframe/
进行人机界面设计的研究 1.界面风格的设计控制台人机界面选用非标准Windows风格，以实现用户个性化的要求。但考虑到大多数用户对于标准Windows系统较熟悉，在界面设计中尽量兼容标准Windows界面的特征。界面使用的功能按钮选用MFC类库提供的CBmpButton类动态创建自定义位图图标的按钮。因为位图按钮可在操作中实现高亮度、突起、凹陷等效果，使界面表现形式更灵活，同时可以方便用户对控件的识别。但是，界面里使用的对话框、编辑框、组合框等都选用Windows标准控件，对话框中的按钮也使用标准按钮。控件的大小和间距尽量符合Windows界面推荐值的要求。 界面默认窗体的颜色是亮灰色。因为灰色调在不同的光照条件下容易被识别，且避免了色盲用户在使用窗体时带来的不便。为了区分输入和输出，供用户输入的区域使用白色作为底色，能使用户容易看到这是窗体的活动区域；显示区域设为灰色（或窗体颜色），目的是告诉用户那是不可编辑区域。窗体中所有的控件依据Windows界面设计标准采用左对齐的排列方式。对于不同位置上多组控件，各组也是左对齐排列的。 人机界面的布局设计根据人体工程学的要求应该实现简洁、平衡和风格一致。典型的工控界面分为3部分：标题菜单部分、图形显示区以及按钮部分，如图1所示。该界面界面美观，在屏幕上的对象左右达到平衡、不堆挤在某一处，无杂乱无章的感觉。数据的过分拥挤会产生视觉疲劳和接收错误。界面的平衡原则推荐显示屏幕总体性覆盖度不超过40％，而分组中屏幕覆盖度不超过20％。控制台人机界面中包含着大量的图形显示信息，因此将图形显示区布置在屏幕长宽各占屏幕70％左右的范围内，以保证显示信息的清晰和全面。控制按钮组布置在显示区的右侧，一方面是考虑到绝大多数操作者是右手操作用户，按钮区布置在最右侧更加方便；另一方面是根据界面布局的主次原则，把用户注意力最集中的左上区域留给图形显示区。 根据一致性原则，保证屏幕上所有对象，如窗口、按钮、莱单等风格的一致。各级按钮的大小、凹凸效果和标注字体、字号都保持一致，按钮的颜色和界面底色保持一致。 选择界面的概念取决于多个界面。可将界面设计为循环或FIFO缓冲器。
一步一步傻瓜式Joomla建网站—后台管理（安装模板） 作者：https://www.doczj.com/doc/4f11071145.html, 不会HTMl, 不会写码，没关系。只要你会打字和会一些简单的网上操作，没有基础的菜鸟一样可以自己建网站。 先介绍一下软件：Joomla是世界上最流行的一款“内容管理系统”开源软件之一。Joomla随着数以百万计的运行于各种的网站，该软件在全球范围内用于个人，小型和中小型企业，包括欧洲联盟，联合国和世界卫生组织在内的大型组织和世界范围内的3090政府网站都是用这款开源软件创建的。 上篇介绍搭建当地测试环境、Joomla的安装。接着继续Joomla的后台管理-安装模板 运行The Uniform Server后，打开一个浏览器，在地址栏中键入 http://localhost/myweb可以看到安装好的默认的网页模板；键入 http://localhost/myweb/administrator/进入后台的管理。 Use name: admin Password: 654321（在Joomla安装时主要配置页，输入的系统管理员用户名和系统管理员密码） 选择更换网页模板：
到“Extensions/Template Manager” 可以看到Joomla自带3个网页模板和2个后台模板， 点击前面对应模板的复选框，再点击上面的“Make Default”,保存你的选项。更换模板。 如果喜欢Joomla自带网页模板，也可以更换的其他的模板。（网上有很多免费的Joomla模板） 安装模板:将你挑选的模板下载到本地计算机。到“Extensions/Extension Manager”
人因工程学实验 ——焦点小组法 指导教师：王海英老师 焦点小组法实验报告
一、实验目的 1.学会焦点小组法的操作过程。 2学会在人机交互设计过程中使用焦点小组法收集用户需求信息。 二、实验环境和仪器 实验环境为焦点小组测试室，主要设备应包括，话筒、单向镜、摄像机、录音笔。 三、实验内容及步骤 l. 自拟讨论主题。 我们小组确认的主题为：东北大学官方系列网站的的好坏。 3. 确定小组分组，并确定组内分工，选择主持人。 我们小组共5人，最终确认一名主持人，两名录像人员，两名记录人。 4.编制讨论指南。 （1）首先表明自己的身份，和同学们建立友善的关系。 （2）询问大家是否有在使用东北大学官方的所有网站（官网，IP网关，图书馆，教务处网站等）。 （3）询问大家觉得这些网站的给人感受如何（网站制作美工方面）。 （4）询问觉得这些网站的实用性如何。 （5）询问大家在使用过程中遇到了哪些问题。 （6）询问大家认为这些问题应该如何改进。 5. 组织讨论。 6. 访谈结束后的总结，对讨论录音进行总结，归纳出东大网站所具有 的问题和建议修改方法。 四、调研目的 研究东北大学官方所有网站在同学中的使用频率和同学们对网站的意见，为 了更加完善的我们东北大学的系列网站。 五、本人在焦点小组法中的角色及分工。 本人在焦点小组法中的角色是摄影师，分工是利用录像记录主持人和被 提问者的对话，相比较笔记这更加详细的记录所有的对话。 六、被访者回答简要记录。 官网
张：界面大气 黄：功能单一，画风简单，技术比较单薄。 张：官网可以，各个院系的界面不好看。 郑：建议增加站内搜索，例如校医院。 网关 张：不明白是否在线。 黄：流量浪费大，一个月用了100g。 图书馆 张：数据不全。 王：怕在去之前被人借走了书。 教务处 王：验证码必须区分大小写，经常会输入错误。 张：不能看到自己的准确排名。 刘：查成绩，查课表，学业预警，培养计划。 七、所得出的结论。 官网： （1）画面大气，但功能比较简单，技术缺乏。技术方面是硬伤，但希望将网站的功能表现的更加明显，使使用者更加明显的知道有哪 些功能。 （2）东大的官网做的还可以，但各个院系的网站做的很简单，画面单调。建议各个院系的负责网站的负责人将各个院系的网站更加完 善。 （3）建议增加站内搜索的功能，更加方便使用者使用网站。 网关： （1）建议增加提醒功能，告诉使用者当时是否在线。 （2）建议增加详细流量查询功能，告诉使用者自己的流量使用在哪里了。不会造成不必要的流量消耗。 图书馆： （1）因为书的更新快，导致数据不全，建议每周更新一次图书馆资源，避免同学查询时查询不到。 （2）建议增加预约功能，比如为你保留一本书一天，在这一天里别人无法借这本书，这样就可以避免你在查询和去借书之间被人借走 的尴尬。 教务处： （1）建议更改验证码机制，使字母大小写都可以区分。 （2）增加排名查询，使同学们更加清楚的知道自己在专业中的位置。 八、根据本人角色提出实验过程中发现的问题和实验感受。 本人在这次实验中我是担当摄影师的角色，我感觉更能从“上帝”视角来观察整场实验，我发下以下一些问题：
网站制作软件包括： 一、菜鸟级网页制作软件 如果你是一个网页制作初学者，那么让FrontPage带你走进那绚丽多彩的网页制作世界吧！ ①Microsoft FrontPage 如果你曾对Word很熟悉，那么相信你用FrontPage进行网页设计一定会非常顺手。使用FrontPage制作网页，你能真正体会到“功能强大，简单易用”的含义。页面制作由FrontPage中的Editor完成，其工作窗口由3个标签页组成，分别是“所见即所得”的编辑页，HTML代码编辑页和预览页。FrontPage带有图形和GIF动画编辑器，支持CGI和CSS。向导和模板都能使初学者在编辑网页时感到更加方便。 小编注：虽然介绍是这样说，但是小编我从来没有用过这款软件，我是直接就学了DreamWeaver，下面看介绍。 二、中级网页制作软件 如果你对网页设计已经有了一定的基础，对HTML脚本语言又有一定的了解，那么DreamWeaver是你不二的选择。 ①DreamWeaver 自制动态HTML动画的网页 DreamWeaver是一个很酷的网页设计软件，它包括可视化编辑、HTML代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性，而且它还能通过拖拽从头到尾制作动态的HTML动画，支持动态HTML(Dynamic HTML)的设计，使得页面没有plug-in也能够在Netscape和IE 4.0浏览器中正确地显示页面的动画。同时它还提供了自动更新页面信息的功能。 DreamWeaver还采用了Roundtrip HTML技术。这项技术使得网页在DreamWeaver和HTML代码编辑器之间进行自由转换，HTML句法及结构不变。这样，专业设计者可以在不改变原有编辑习惯的同时，充分享受到可视化编辑带来的益处。DreamWeaver最具挑战性和生命力的是它的开放式设计，这项设计使任何人都可以轻易扩展它的功能。 小编注：对于初入门的人来说，这款软件还是有学的必要，以后对你制作div+css页面很有帮助，当时你必须结合学习以下三种脚本：html，css和javascript。因为这篇文章主要介绍软件，所以对脚本我就不多所，大家自己百度找教材看，比如搜索：html入门。 ②Fireworks，第一款彻底为Web制作者们设计的图片处理软件。 Fireworks的来头实在不小，它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与dreamweaver的联系，可以直接生成dreamweaver的Libaray甚至能够导出为配合CSS式样的网页及图片！ 小编注：处理网页图片必备，大家好好学习。