2017-05-05 6 views
0

これはこのコミュニティの最初の質問ですので、この投稿の構造に関する間違いをお許しください!簡単なWebページを作成するための幅広いアプローチ(Foundation + SCSS)

私は月曜日にジュニアウェブデベロッパーとして初めて仕事を始めています。私の仕事の1つは「スプライステスト」になるでしょう - 私は応答性の高いウェブページのモックアップを取得し、可能な限り最高の状態でそれを複製する必要があります。

私はHTML、Foundation 6、およびSCSSを使用しなければなりません(私はすでにこれらの言語にかなり精通していますが、多くの練習はありません)。私が追加するリンクはすべて死んでいる可能性があり(href = '#')、バックエンドは必要ありません。

私はこのタスクを実行するために推奨される方法を知りたいです(私はFoundationなどをセットアップし、基本的なindex.htmlを得る方法を知っています)。

たとえば、モックアップを見て、基本的なグリッド構造を理解することが最初のことだと思います。おそらく次に、htmlでスケルトンのdivを作成することになるでしょう(実際にコンテンツを埋め込むことなく)。次に、プライマリカラーのような一般的なトレンドを特定し、scssファイルを作成し、これらの変数を定義することをお勧めします。

(私が知っているのは、最初にモバイルから始めることですが、このページでは必要ではありませんが、モバイルレスポンスである必要があります)。

私はこの質問に対する回答が非常に主観的である可能性があることを知っていますが、私はここで誰の意見も考慮に入れています。経験が不足しているため、私はさまざまなやり方を受け入れています。私はこの産業に慣れ親しんでいます。

TIA!

答えて

0

応答性の高いウェブサイトを構築するための厳しいルールはありません...開始したら、HTMLページを構築し、必要な基本構造を作り、基本的なCSSコードを追加することをお勧めしますそれは少なくともあるレベルまで応答します。

これが完了したら、いくつかの色、アイコン、画像などを載せて、最終的にあなたが望むJSがあればそれをスタックします。

最も単純なルールは、HTMLが最初、CSSが2番目に、その後が残りの順です。

Good Luck!

関連する問題