作为一个网络编辑,有时候需要编写一些软件专题,并将其制作成一个独立的网页供网友参阅。虽然小编此前学习过一段时间的html以及CSS语言,但很多时候所设计出来的专题页面还是“惨不忍睹”,如果现在重头想起,自然是比较有效的解决办法,但无奈有时候太忙,没有太多时间再去重温课本,怎么办?
也就是在这样一种尴尬的情形之下,朋友推荐了一个在线的网页设计工具—9466网页助手,这是国内领先的新媒体技术解决方案提供商CMSTOP(思拓合众)旗下所开发的一款傻瓜式工具,旨在为用户提供更加便捷、高效、简单的网页设计方案。
目前,9466网页助手还处于内测阶段,用户可通过其官网申请内测邀请码,9466网页助手支持包括新浪微博、QQ在内的多个开放式平台登录。
邀请码申请
登录9466网页助手后我们发现,该工具已经预设了数款不同的网页设计方案,而这些模板方案也都出自用户之手,也就是说,9466网页助手不仅可以用于设计网页,更可以将自己设计好的模板分享给其他用户使用,听上去是不是有点类似于wordpress呢?
那么下面就和小编一起来体验下这款神奇的工具。
我们以制作一期关注“手机英语学习类的应用”简单专题为例,首先我们创建一个空白的项目方案,在创建属性中可以选择权限的类型,允许查看或者允许克隆(即模板分享并允许他人复制并修改)。
权限设置
下图即为创建空白设计方案后的操作界面,由于9466网页助手采用的是所见即所得的设计环境,所以这也就成为我们接下来这个专题设计方案的实时预览区域。
空白模板
在正式开始动手设计之前,我们还是需要对网页的一些基本属性做下调整,点击顶部的“页面”对话框,可新建二级以及三级页面,并对页面的名称、文件名、以及相关SEO优化方面的内容做详细的设定。
页面参数设置
随后我们转回编辑模块下,正式开始此次的专题设计操作。
9466网页助手提供了四种不同类型的网页设计元素,包括基本的一些框架结构、文字、图片以及媒体信息等等模块,使用时,我们只需将这些模块拖动至右侧的编辑区域即可,然后对模块中的一些基本参数再做详细的调整。
模块选取
比如,首先我们需要制作一个顶部的首页导航菜单,以便用户可以快速的跳转至其他的二级甚至三级页面,将结构中的“容器”模块拖拽至右侧的编辑区,根据需要设置其分栏的类型,并设定位置、边框以及背景颜色等信息。
这里小编设置了3:9的分栏结构,然后加入“文字”模块并键入“华军软件园专题”文本,如果需要,还可加入一张网站的LOGO图片,之后的二级菜单导航条亦可照此临摹,只不过其中需要进行链接跳转的文字需要进行相关的设置操作。效果图如下:
下面就是专题的幻灯加专题介绍了,操作方法大致相同,先加入“容器”模块,然后将“幻灯”与“文本”模块分别加入了,幻灯可选择不同的切换类型,同时还能调整其高度与宽度。最终效果图如下:
接下来就显得简单多了,软件的列表盘点可利用最简单的“图文”模块进行,就像这样,你所需要做的只是在这些图文中填充上进内容并调整其整体的框架至适合的尺寸即可。
最后在各个软件列表中加入“下载链接”的图片或者文字即可。最终的效果图:
设计完成后,你还可以将其分享给好友,让他们来欣赏下你的成果,或者直接导出ZIP压缩包以及通过该工具直接上传至你的空间。
除了自己设计以外,前面也提到,9466网页助手还提供了数款精美的设计方案供用户直接修改使用,打开这些设计方案后,选择“克隆”即可将其转存至用户自己的空间中来,后续再对其进行二次编辑后即可使用。
小编以上演示的只是比较简单的一些网页设计,如果加上一些背景以及对其中的模块进行更为细致的调整后,相信效果会更加的出色。
目前,9466网页助手还处于内测阶段,其功能还十分简单和匮乏,并且由于很多样式以及模板参数的限定,用户在调整一些设计元素模块时可能会遇到很多繁琐的设置过程,但无论如何,9466网页助手确实是一款非常不错的在线网页设计工具,不管是首次接触网页设计的入门用户,还是网页设计高手,这款工具必定会为你的网页设计方面提供不小的帮助。
9466网页助手官网地址:http://page.9466.com/