axure简单实例网页设计_如何用axure制作一个完整的个人网站

1、通过axure做原型设计生成的html代码可以让开发直接用吗

不可以，Axure 生成的只是原型，是在产品制定时供大家参考了解项目用的。

Axure输出的HTML文件不能直接用于前端代码开发，Axure为了模拟交互效果，使用了大量的JS，其中有很多是用不着的内容，前端代码需要完全重写。

Axure输出内容不能取代实际开发中的任何部分，只是为了提高沟通效率。

(1)axure简单实例网页设计扩展资料：

Axure的特性

1.鼠标及键盘交互功能:

支持更多的新特性包括 OnDoubleClick（双击）, OnContextMenu (右击),OnMouseDown（鼠标按键按下）, OnMouseUp（鼠标按键松开）, OnMouseMove（鼠标指针移动）, OnMouseHover（鼠标指针经过）, OnLongClick (鼠标长按), OnKeyDown（键盘按键按下）, OnKeyUp（键盘按键松开）。

2.演示文档：

支持HTML5新特性，以及更好的支持手机演示特性。

3.新增部件样式控制：

Axure7对于部件修饰功能有较大的改善，包括支持圆角、阴影、描边等设置。

4.更细化的部件属性：

更为丰富的部件属性，可以设置各种形状、样式，较Axure RP 6.5单调的形状而言，也是一种惊喜。

5.更多交互条件：

包括关闭指定窗口、设置锚点以及更为灵活的事件触发条件，对于移动互联网产品原型设计有很大帮助。

2、求一个用Axure制作的静态网页成品，只为交作业

你去那个axure交流群里下载，我电脑刚重装，不见了。

3、html网页设计：一个简单的登录界面代码！

是这样的效果吗？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>3</title>
<script>
function r()
{

var username=document.getElementById("username");

var pass=document.getElementById("password");
if(username.value=="")
{
alert("请输入用户名");
username.focus();
return;
}
if(pass.value=="")
{
alert("请输入密码");
return;
}
return true;
}
</script>
</head>
<body>
<form>
<table width="350" bgcolor="#ccffcc" style="border-color" border="1">
<tr align=center>
<td>用户名</td><td><input type="text" name="username" id="username"></td>
</tr>
<tr align=center><td>密码</td><td><input type="password" name="password" id="password"></td></tr>
<tr align=center><td>验证码</td><td><input type="text" name="yanzheng"></td></tr>
<tr align=center><td colspan="2"><input type="button" value="登录" onclick="r();"/> <input type="reset" value="重置"/></td></tr>

</table>
</form>
</body>
</html>

4、用axure画圆形框架图是web前端开发的工作还是网页设计的工作？

一个是偏向于设计，一个是偏向于代码。如果是网页设计，刚开始可能是模仿别人的网页，但是到了最后会出现慢慢的偏重于美术，心理学，色彩，绘画等。这些艺术方面，表面你能看到的，如果你是学计算机的接触过网页设计，并喜欢网页设计，我建议不要偏向这个方面，因为到后来让你自己独立设计网页时，色彩搭配是很难的，还有整体布局，以及是否符合当下潮流等。现在的网页千变万化，设计也要不断学习，并且能跟得上。
对于web前端开发这个就是把别人设计好的自己用div+css+js去实现的，一个简单的网页可能就是div+css把它写出来，但是这里面是充满经验的。web前端的发展过程中到了最后就是头疼的兼容性问题，因为要确保一个页面在任何浏览器当中能正常显示是很不容易的，浏览器厂商那么多，各自还有自己的专属属性，而且有的还要求在手机中能够显示，能够自适应屏幕等。单纯的css无法来控制，就需要学习javascript,
web前端看似简单其实要学习的东西很多，经验也特别重要，接触后台后你会更明白前端的重要性。

5、如何用axure制作一个完整的个人网站

axure制作出来的只是产品模型，生成html代码后相当于只是你有了前段样式代码，具体的功能模块的代码实现，还是需要你编写的，怎么与数据库，前后台对接，怎么发布到服务器等等。当然，你要是只是个静态的个人网站，一年不更新一次，也简单，用axure制作一个网站，中继器里存死数据，放到nginx服务器上就行了。
而对于你怎么通过axure制作一个完整的个人网站，就简单很多了，直接在axure中设计不就行了吗，本身就是一个工具类软件，知道如何操作就可以设计了，登录，博客发布，编写都可以模拟，但也仅限于是个模型而已

6、网页设计制作中，用不用axure

axure是个原型设计工具，产品经理会用到，就算用来设计网页制作，也是dw，还轮不到它的份，作用不同，使用方向场合不同。
但是要是真要搞前端，搞网页设计，你得自己学会敲代码，会打开txt打开sublime去敲代码，而不是拿一个所见即所得的网页制作工具像dw之类的去拖。
会敲代码了，如果真要做某一个效果，工具比敲代码要相对简单些的时候，可以去用，但不能上来就用，画了半年，连个代码都看不懂，那是啥。
好好去看代码吧。

7、关于axure设计网页web页面的问题，我设计了一个网页，如下图，怎么把图一设计成图二。

两张图区别很大的，不知道具体是哪里做不出效果?
左边的折叠菜单，点击“活动”添加下一项以创建"校友管理"项目，或者在软件里上方有个向左的绿色箭头，能让菜单向上一级。
页面多了以后滚动条就有了。
软件里背景色不好修改的，生成的html文件，你可以在源文件里修改左边栏的背景色。
右边的内容，两张图内容不一样，应该没指这个吧

8、如何用Axure8.0制作简单的登录窗口分享

1、绘制登录窗口
（1）首先，打开Axure8.0，在站点地图里选择一个页面，重命名为“登录窗口”，双击该页面，进入该页面的编辑模式。然后在元件库中拖拽一个矩形元件到线框图面板中，单击右键选择“转化为动态面板”，将其转化为动态面板，并将其命名为“login”

（2）双击login动态面板，选择动态面板的State1，进入状态1的编辑模式。可看到线框图面板中有一个矩形，我们将它调整为适当的大小。
（3）首先，从元件库中拖入一条水平线，作为标题栏的分割线；然后，继续拖入一个三级标题文本标签，修改文本为“登录窗口”，放置在标题栏位置；最后，拖入一个占位符，将其命名为“btn_close”，作为登录窗口的关闭按钮。如下图：

2、绘制登录表单
（1）从元件库中的表单元件中拖入两个文本框元件，一个标签文本，和一个按钮，并在属性面板编辑各个元件的属性：
文本框元件1：命名为“username”，作为用户名输入框，设置提示文本为“请输入您的用户名”；
文本框元件2：命名为“passwords”，作为密码输入框，设置提示文本为“请输入您的密码”，作为密码框，当用户输入文本，应该是以密文的形式展示，因此还需要文本框的类型设置为“密码”；
标签文本：命名为“tip”，作为页面错误提示的文本展示区域，设置文本居中显示，文本颜色为红色；
按钮：命名为“btn_login”，作为登录按钮，设置文本为“登录”；

3、为表单提交添加错误提示
当提交表单时，用户名或密码为空，会有错误提示。因此需要为登录按钮添加用例。
（1）点击“登录按钮”，选择右侧交互面板中的“鼠标单击时”，会出现如下图的用例编辑对话框。此时可以开始编辑用例。

（2）点击“添加条件”，添加的条件则为用户名为空，如下图，if 文字于username=="" 就是表示如果username为空时的意思；

点击确定，回到用例编辑对话框；
（3）选择左侧“添加动作”中的“设置文本”，在右侧的“配置动作”中选择“tip”元件，设置文本为“用户名不能为空”，如下图：

点击“确定”，Case1（用户名不能为空）即完成；接下来可按照以上的步骤完成 Case2（密码不能为空）的情况。
4、错误提示的隐藏
当错误提示后，用户要再次输入时，错误提示应消失。
（1）为元件“username”，添加获取焦点时的用例，设置当username获取焦点时，tip元件的文本为空；元件“passwords”也是；

5、关闭按钮的实现
单击占位符“btn_close”，为其添加鼠标单击时的用例，选择“显示/隐藏”，在“配置动作”栏中选择“login”动态面板，可见性选择“隐藏”，点击确定，完成用例。
至此，一个简单的登录窗口就大致实现。按键盘"F5"键，就可以预览原型啦。

导航:首页 > 万维百科 > axure简单实例网页设计

axure简单实例网页设计

与axure简单实例网页设计相关的知识