欢迎访问智唯网络!专业H5响应式营销型网站建设、百度seo优化、网络推广服务!
营销之道 干货分享
了解企业新动态,分享前沿的营销推广干货,成长路上,我们携手同行
网站建设News

不会编程?Axure一样可以做网站

发布时间:2018:02:26 12:29:41 | 已阅: | 作者:智唯小编 | 来源:智唯网络 | 共 0 条评论

扫一扫
手机访问

本文共有1056个文字,预计阅读时间3分钟
导语
说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做

  说起Axure,做产品的朋友再熟悉不过了,它是我们在日程工作中最常见的原型制作软件之一,今天分享的文章,主要是教大家如何使用Axure打造简单的个人网站,不会编程我们依然可以做网站。

  

不会编程?Axure一样可以做网站

 

  接下去将分为几个步骤去阐述:

  1. 这些我们必须知道的小知识

  axure是可以生成html文件的,这为我们使用它来制作网站提供了可能性

  axure只能搭建小型的个人网站 ,他不具备数据库,比较适合做展示类的网站

  和普通网站构建一样,我们需要购买域名和购置虚拟服务器

  2. 利用xmind思维导图,对我们要构建的网站进行知识整理

  举个例子,我构建的是一个小型个人展示站

  包含以下主要内容:网址导航、常用工具、实用资源、案例展示,通过思维导出对其内容进行

  整理如下图所示:

  

不会编程?Axure一样可以做网站

 

  3. 整理好了内容所需,接下去我们进入制作部分

  因为我们是利用Axure去制作网站,在我们平时工作的流程常常是,原型-设计-前端-开发,而这里我们只需进行原型和设计,这里将不再有前后关系,为了节约时间,我们可以把Axure当做设计工具,直接进行页面设计,里面所需的图片素材可以用ps辅助设计。

  创建一个项目文件夹用来整理此网站涉及到的全部资源素材

  

不会编程?Axure一样可以做网站

 

  

不会编程?Axure一样可以做网站

 

  对网站全局配色、字体、样式进行布局

  采用的是蓝色调,可以看下我的主色、辅助色的配色如下

  

不会编程?Axure一样可以做网站

 

  利用母版进行top导航的设计

  导航布局如下,采用了顶部导航的方式,设置了动态面板并将此转化成母版用于多个页面

  

不会编程?Axure一样可以做网站

 

  

 

  设置导航频道的点击效果与跳转

  如下图所示,有悬停效果和点击跳转的设置

  

不会编程?Axure一样可以做网站

 

  

不会编程?Axure一样可以做网站

 

  网址导航栏目的左侧菜单设置,滑块移动位置的y坐标按具体位置设置,每个元素都要设置

  

不会编程?Axure一样可以做网站

 

  左侧导航在滚动时触发具体栏目类别,采用的是热区范围来触发,当窗口滚动时触发相应的类别选中

  

不会编程?Axure一样可以做网站

 

  利用栅格系统对网站进行布局

  布置完毕将栅格去除(紫红色是1200px宽度的边界)

  

不会编程?Axure一样可以做网站

 

  

不会编程?Axure一样可以做网站

 

  每个元件尽可能的规范,再进行下一步

  拿网址导航页做示例,每个单元模块标题,网址卡片、左侧导航的排布尽可能规范统一,立马包含了各种元素的基本规范如:字体大小、颜色、宽度、悬停交互效果点击跳转效果

  

不会编程?Axure一样可以做网站

 

  

不会编程?Axure一样可以做网站

 

  合理利用中继器做页面的数据关联

  常用工具与实用资源页面,采用了中继器来制作,在中继器的微型数据表中,插入对应字段后,关联每项参数的内容(对元件名称进行命名),以后增加一条数据对应改变其内容即可。

  如下图包含了图片,标签,,标题,详情描述几个内容,在中继器中就要有相应的字段来进行控制

  

不会编程?Axure一样可以做网站

 

  

不会编程?Axure一样可以做网站

 

  4. 制作完毕,接下去要解决的是如何把生成的网站,能让其它人进行访问

  (1)我们需要一个域名,可以到阿里云万网去购买http://wanwang.aliyun.com/,我选择的域名是uedart.com的域名;

  (2)我们还需要一个服务器,我选择的是海外云虚拟机,不需要备案可以在阿里云进行购买;

如何建站:
建网站需要准备哪些资料 如何购买域名空间 协助备案 成功案例 真实见证 建站类型有哪些 收费标准 建站流程 制作周期 改版美化 提升有户体验 [建站必看]源码内容交付 联系客服 专业建站

看了这篇文章的人还看了

专业建站 免费排名(有什么疑问的请留言或咨询在线客服)
  • 全部评论(0
    还没有评论,快来抢沙发吧!

上一篇:广州营销型网站建设哪些比较好

下一篇:国有企业建站为何落后于人?

  • 同行价格

    统一报价,无隐形消费

  • 金牌服务

    一对一专属顾问,7*24小时金牌服务

  • 售后无忧

    完善售后,客服经理全程跟进

建站优化二维码
建站优化二维码

截屏,微信识别二维码

微信号:13825575516

(点击微信号复制,添加好友)

优化二维码打开微信