2017-05-05 53 views
0

這是我對這個社區的第一個問題,所以請原諒有關這篇文章的結構的任何錯誤!創建簡單網頁的廣泛途徑(Foundation + SCSS)

我開始在星期一作爲初級Web開發人員開始我的第一份工作。我的一項任務將是「拼接測試」 - 我將獲得響應式網頁的模型,並且將盡我所能地複製它。我將不得不使用HTML,Foundation 6和SCSS(我已經非常熟悉這些語言,但沒有太多練習)。我添加的任何鏈接都可能是死的(href ='#'),並且不需要後端。

我想知道什麼是推薦的方法來接近做這個任務(我知道如何設置基礎等等,並得到一個基本的index.html)。

例如,我在想第一件事就是看模型並找出基本的網格結構。也許接下來會是在html中創建框架div(而不實際填充內容)。接下來可能最好開始識別一般趨勢,如原色,製作一個scss文件並定義這些變量。? (我知道一個經驗法則是先從移動開始,但這不是必需的;儘管它必須是移動響應)。

我知道這個問題的答案可能是非常主觀的,但我很樂意在這裏考慮任何人的意見。我缺乏經驗使我特別容易接受不同的做事方式,我希望有良好的習慣進入這個行業!

TIA!

回答

0

沒有這樣嚴格的規則可能構建偉大的響應式網站......一旦你開始,我會建議建立HTML頁面,根據給定的要求製作基本結構,並添加一些基本的CSS代碼,使它至少在某種程度上對移動應答很敏感。

一旦完成,然後提出一些顏色,圖標,圖像等,並最終與你想要的JS堆疊起來,如果有的話。

最簡單的規則是:HTML第一,CSS第二,然後休息。

祝你好運!