2017-05-05 54 views
0

这是我对这个社区的第一个问题,所以请原谅有关这篇文章的结构的任何错误!创建简单网页的广泛途径(Foundation + SCSS)

我开始在星期一作为初级Web开发人员开始我的第一份工作。我的一项任务将是“拼接测试” - 我将获得响应式网页的模型,并且将尽我所能地复制它。我将不得不使用HTML,Foundation 6和SCSS(我已经非常熟悉这些语言,但没有太多练习)。我添加的任何链接都可能是死的(href ='#'),并且不需要后端。

我想知道什么是推荐的方法来接近做这个任务(我知道如何设置基础等等,并得到一个基本的index.html)。

例如,我在想第一件事就是看模型并找出基本的网格结构。也许接下来会是在html中创建框架div(而不实际填充内容)。接下来可能最好开始识别一般趋势,如原色,制作一个scss文件并定义这些变量。? (我知道一个经验法则是先从移动开始,但这不是必需的;尽管它必须是移动响应)。

我知道这个问题的答案可能是非常主观的,但我很乐意在这里考虑任何人的意见。我缺乏经验使我特别容易接受不同的做事方式,我希望有良好的习惯进入这个行业!

TIA!

回答

0

没有这样严格的规则可能构建伟大的响应式网站......一旦你开始,我会建议建立HTML页面,根据给定的要求制作基本结构,并添加一些基本的CSS代码,使它至少在某种程度上对移动应答很敏感。

一旦完成,然后提出一些颜色,图标,图像等,并最终与你想要的JS堆叠起来,如果有的话。

最简单的规则是:HTML第一,CSS第二,然后休息。

祝你好运!