新闻资讯

新闻资讯
首页 > 新闻资讯 > 正文内容

做网站用什么编程软件容易(做网站用什么编程软件)

时间:2023-11-28 信途科技新闻资讯

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

演示地址:https://vip.uedart.com/demo/UEDART_019/index.html

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

1. 这些我们必须知道的小知识axure是可以生成html文件的,这为我们使用它来制作网站提供了可能性axure只能搭建小型的个人网站 ,他不具备数据库,比较适合做展示类的网站和普通网站构建一样,我们需要购买域名和购置虚拟服务器

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

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

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

整理如下图所示:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5. 可能遇到的问题,工具栏明明在生成的时候关闭了,上传之后还是出现了

可以将index和start的html删除,复制第一个页面的html改名成index重新上传即可

总结

至此通过以上5个步奏,我们利用Axure完成了一个小型网站设计与制作,当然这并不是一个传统意义上的网站开发,只是借此向大家介绍下,利用Axure的html生成,我们可以简单的处理一个网站的制作,如果只是个人的网站,且不需要过多的复杂功能,此方法足以满足各位的需求,大家也可以利用这样发方式来制作自己的网站。

谢谢大家的观看!

本文由 @时光若刻 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于 CC0 协议

扫描二维码推送至手机访问。

版权声明:本文由信途科技转载于网络,如有侵权联系站长删除。

转载请注明出处https://www.xintukeji.cn/xintu/15327.html

相关文章

万州区企业网络营销方法,企业如何进行网络营销论文

促进各类人才交流互动,为企业吸引高尖端人才,万州人才网首届新春网络专场招聘会应势启动! 本次网络招聘会由汇杰人力主办万。又要了解本公司产品所对应行业的网络营销方法,美妆产品旅游产品医疗产品所对应的网络...

实体店线上怎么引流推广(餐饮线上引流推广方案)

实体店的引流方法,都有一个这样的原则现在的实体生意,经常有人说,引流太难了,生意越来越难做了,那么,今天小编就给大家分享一些很实用的实体店引流技巧。流量大体上可以分为自然流量和营销推广这两种来源,自然...

北京做网站优化的公司(做网站优化哪家公司好)

近些年来,甲方客户不光是对网站设计要求越来越高,而且作为一些传统工业产品的网站建设,也不仅仅是为了展示宣传作用,而是从实际利益出发,来考量网站的转化率。完善的建站系统说到网站转化,就不得不说到网站优化...

推广引流工作门槛低吗(培训班引流推广工作)

闲鱼推广引流工作门槛低吗,大家一定不陌生推广引流工作门槛低吗,它是马云旗下的一个闲置物品交易平台,有啥自己不想要的东西,都可以放上去卖。对于大多数人来说只是一个卖二手和买二手的app。但是哪里有人,哪...

房山做网站的公司(做网站哪个公司最好)

为扎实做好疫情防控期间稳就业工作满足用工单位的用人需求和广大求职者的就业愿望现举办房山区民营企业招聘月线上招聘活动本期共有8家企业提供招聘岗位超过100个快来和方方一起看看吧北京长鼎电气有限公司招聘岗...

感人的网络营销案例,网络事件营销成功案例

结合网上网下的网络营销案例一则 就我接触到的不少中小企业主,在对待网络营销的态度上,大体上可分为三类 一类是完全依赖网上营销,根本就不考虑传。2009网络营销十大经典案例 No1 星巴克 爱情公寓虚拟...

现在,非常期待与您的又一次邂逅

我们努力让每一次邂逅总能超越期待

  • 效果付费
    效果付费

    先出效果再付费

  • 极速交付
    极速交付

    响应速度快,有效节省客户时间

  • 1对1服务
    1对1服务

    专属客服对接咨询

  • 持续更新
    持续更新

    不断升级维护,更好服务用户