生活哲学

BaseKit:从 Photoshop 创建网站

网络管理-想象一下这个场景:你是一名网页设计师,同时也是 Photoshop 和想要将出色的设计从 Photoshop 转换为特定的网站。 如何最轻松地做到这一点?

您有两个解决方案:首先您必须学习 HTML(几乎可以肯定您还需要了解 PHP)并编写自己的代码,或者必须为您的编写者付费以便他们可以为你做。使用 Basekit,您将拥有第三种解决方案-只需导入.psd 文件,程序就会自动将您的设计转换为标准模板。

BaseKit 由一家英国公司开发,可让您快速轻松地创建网站。将其视为在线 Dreamweaver 工具,但更易于使用且功能更强大。使用 BaseKit,您只需要很少甚至没有 HTML 知识即可为网站编写代码。在这里您只需要一点创意。

开始

Basekit 目前处于 beta 测试阶段,仅供受邀成员使用。要开始使用,您必须注册为 beta 测试用户,并等待接受回复电子邮件允许您成为试用用户。

一旦您收到同意让您成为试用期会员的电子邮件,您就可以继续注册您的帐户了。您将在此处为帐户选择子域。此子域将是您所有网站所在的站点。

BaseKit 的图片 1:从 Photoshop 创建网站

创建第一个设计

首次登录时会有提示信息提示您是要导入.psd文件还是基于已有的Basekit模板创建网站。

BaseKit 图 2:从 Photoshop 创建网站

导入psd文件是让网站运行的最快方法。对于不经常使用或不使用 Photoshop 的用户,您可以从站点库中选择可用的模板。您无法创建自己的模板,因此您必须使用库中的有限模板。希望在未来,他们会添加更多模板,并为您提供创建自己模板的工具(而不是来自 psd 文件)。

接下来,我们将引导您进入有编辑区域和工具栏的工作窗口。

BaseKit 图 3:从 Photoshop 创建网站

左边的列被分成一个小单元格(上)和上面。上面的单元格,页面管理区域,是站点管理区域,您可以在其中添加新页面、更改模板、更改每个页面的设置等。下面的单元格包含用于您网站的所有小部件。这就是真正的 BaseKit 的优势所在。大多数 Web 组件都有一个小部件,例如导航菜单、RSS 提要、Twitter 小部件、文本框、评论区、Flickr、搜索栏、谷歌地图、视频、表单和许多其他我们未在此处列出的小部件。您需要做的就是将对象拖放到所需位置。您不得不坐在那里编写扩展代码的日子已经一去不复返了。

BaseKit 图 4:从 Photoshop 创建网站

虽然不全是HTML模式,但是你可以为每个widget的内容编辑HTML元素。您还可以更改此小部件的表单或 CSS,以对其进行编辑。

BaseKit 图 5:从 Photoshop 创建网站

在任何时候,您都可以点击预览按钮来查看它在实际浏览器中的显示效果。完成设计后,点击发布按钮将其移动到您的网站上。

<小时大小=“2”宽度=“100%”>

其他强大功能

Basekit 不仅仅是为网站创建一个页面。它还带有许多其他专业网站所需的强大功能项目。

管理区域,您可以编辑网站的名称和网站的SEO标题、描述和关键词(SEO设置也可以用于个人网站)。此外,它还与 Google Analytics 集成,因此您可以加载代码并立即使用它来跟踪流量。

BaseKit 图 6:从 Photoshop 创建网站

可用数据库是另一个可能会让您感到惊讶的有用功能。您可以轻松创建数据库,并向其中添加行和数据。如果需要,也可以将电子表格导入数据库。有一点不明白的是如何将数据库集成到前端。此时,网页编辑器似乎不支持动态编码。

BaseKit 图 7:从 Photoshop 创建网站

打包

当您首次注册测试版时,您将获得 30 天试用包以使用该软件。如果您想继续,您可以以每月 10 英镑(约合 15 美元)的价格注册高级套餐。我们不确定 BaseKit 是否已经开始接受付款,因为它仍然只是一个测试版。

BaseKit 图 8:从 Photoshop 创建网站

托管

BaseKit 的一个优点是您不必担心托管问题。所有文件都在 BaseKit 服务器上存储和运行(在 Amazon S3 上运行)。因此,您完全无需担心存储和站点维护。这证明了您为基本网络托管计划支付的价格的高级订阅是合理的,网站建设软件除外。但是,必须事先说明,此时不允许用户导出网页(或文件)。不确定这是否是一项长期措施,但如果您考虑未来的网站转化,这将是一个劣势。

另外,如果你使用自己的域名,你必须插入一条CNAME记录指向BaseKit服务器。

结束

如果您打算开始写博客,那么 WordPress 将是一个更好的选择。但如果你想要一个简单的静态网站(或社区网站),又不想干预编写代码,BaseKit 是你的绝佳选择。

相关资讯

评论

回复