易搜百度贴吧排名 让客户更容易搜索到您!

立即致电:4000-340-360 体验易搜百度贴吧排名为您带来的高效服务。

当前位置:易搜网络技术公司 >> 百度排名 >> 百度贴吧排名 >> 浏览文章

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

文章标签:不会,会编,编程,一样,一样可以,可以,网站

  开工大吉 营销助力2018

  说起Axure,做产品的同伙再认识不过了西安人事考试网报名,它是我们在日程工作中最常见的原型制作软件之一,今天禀享的文章,重要是教大家如何使用Axure打造简单的小我网站,不会编程我们依然可以做网站。

  

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

 

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

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

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

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

  和通俗网站构建一样,我们必要购买域名和购置假造服务器

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

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

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

  整顿如下图所示:

  

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

 

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

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

  创建一个项目文件夹用来整顿此网站涉及到的悉数资源素材

  

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

 

  

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

 

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

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

  

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

 

  行使母版进行top导航的设计

  导航布局如下百度优化排名,采用了顶部导航的体例,设置了动态面板并将此转化成母版用于多个页面

  

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

 

  

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

 

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

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

  

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

 

  

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

 

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

  

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

 

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

  

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

 

  行使栅格体系对网站进行布局

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

  

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

 

  

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

 

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

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

  

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

 

  

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

 

  合理行使中继器做页面的数据关联

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

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

  

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

 

  

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

 

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

  (1)我们必要一个域名,可以到阿里云万网去购买https://wanwang.aliyun2164/四川人事考试网报名,我选择的域名是uedart2164的域名;

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

  (3)都预备好之后,我们要做的是按照阿里云的步骤进行假造机的设置布局,下载Filezilla进行关联,将我们axure生成的文件进行上传,上传之后洗墙灯,我们再进行域名的解析,即可通过域名对我们的网站进行外网访问。

  

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

 

  

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

 

  

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

 

  5. 可能碰到的题目,工具栏明明在生成的时候关闭了,上传之后照旧出现了

  

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

 

  可以将index和start的html删除,复制第一个页面的html改名成index重新上传即可,查看我制作完毕的网址http://uedart2164/#g=1&p=网址导航&c=1

  

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

 

  

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

 

  总结

  至此通过以上5个步奏,我们行使Axure完成了一个小型网站设计与制作,当然这并不是一个传统意义上的网站开发,只是借此向大家介绍下,行使Axure的html生成,我们可以简单的处理一个网站的制作,假如只是小我的网站,且不必要过多的复杂功能,此方法足以知足各位的需求,大家也可以行使如许发体例来制作本身的网站。

  谢谢大家的观看!

  本文由 @时光若刻 原创发布。未经允许,禁止转载。

  题图来自 Unsplash,基于 CC0 协议