我如何将此GUI设计转换为网站?

时间:2016-10-17 05:35:15

标签: html user-interface web dreamweaver

对不起,第一个计时器,呀即时通讯。但无论如何我在高中和我的IST(信息软件和技术)任务我必须建立一个网站,我基于我的学校网站,苹果网站和一些subreddits。

如果您能告诉我如何使用代码进行设计,我会非常感谢任何反馈,如果你能告诉我如何使用代码进行设计,那么最麻烦的部分是制作侧边栏和菜单栏

并且它需要使用HTML格式,如果有帮助,我将使用Dreamweaver

这是照片

GUI Design

2 个答案:

答案 0 :(得分:0)

您需要对HTML和CSS有基本的了解。如果需要,可以使用JS。我建议使用Bootstrap库来帮助设计。 Dreamweaver对你没有任何好处。获得像sublime这样的文本编辑器并学习html和css。设置项目结构。将bootstrap加载到项目中。使用引导网格系统来定位元素和导航栏。本网站上没有人会为您编写代码。我们将对其进行审核并提出建议,但最终工作仍在您身上。快乐的编码!

答案 1 :(得分:0)

如果您想要使用Dreamweaver,请采取以下方法:

打开photoshop,设计与您的绘图完全相同的网站。导出图像(徽标,幻灯片图像等)并将其保存到标题为" img"的文件夹中。

打开Dreamweaver并创建一个新的html网站。从那里,您可以使用WYSIWYG来移动图像和文本,这将为您提供所需的html / css。

那就是说,如果课程完全基于从头开始知道HTML / CSS ......这将是作弊。但如果它只是一个问题,那就让它运转起来,那么这应该适合你。祝你好运!