ウェブサイト作成おすすめの教材

Question

前提・実現したいこと

ドットインストールでHMTL CSSの講座を全て学習したので、ウェブサイト（PC スマホ）を作り始めたいのです。

ネットでおすすめの本を検索しても、『HTML CSSの基本』のような本ばかりです。
ウェブサイトを作ること（具体的なレイアウトや応用）に特化した本や教材をご存知の方がいらっしゃれば是非ご教示ください。

ここに質問の内容を詳しく書いてください。
（例）PHP(CakePHP)で●●なシステムを作っています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[Zuishin]

教材も必要でしょうが、ウェブデザインをする人は既存のウェブサイトのデザインに常に目を配って何かを盗もうとしているんじゃないかと思います。

自分の質問を見直してみてどうでしょうか？ 実際に稼働しているせっかくの生きた教材なのに、興味なさすぎとは思いませんか？

Answer 1

作りたいものは、あなたや依頼者が作りたいものであって、他の誰かが作りたいものではありません。
言語は道具に過ぎないので、あとはその道具を組み合わせることで作りたいものを実現していく作業です。

「応用」というものは、「基礎の組み合わせ」です（プログラミングに限らない）

覚えたこと、調べたことをいかに組み合わせて実現していくかを考えていくことです。考えるしかありません。

作りたいものがあるなら手法は一旦置き、絵を書くことです。「設計」
画面イメージ、配置する情報、導線、イベントなど
これらを具体的に決めてようやく「どんな機能で実現していくか」の段階に入れます。

学校の試験と違い（著作権の考慮が必要なケースもあるが）、「答え」がなく、何かを参考に、時に流用して作ったとして、要件を満たせればそれで良いのがプログラミングにおける成果物です。

だから、「自分がやりたいことだけに特化した参考書はない」というのが応えです。
あくまでそれらは素材に過ぎない。

本には10項くらいあるけどそのうち知りたいこと1項のためだけに買う、ということもよくあります。
でもそれは「やりたいこと」「求めていること」が決まっている、明確である前提です。

Answer 2

具体的なレイアウトや応用であればこちらの本はいかがでしょうか。フルスクリーンのWebサイトを制作する・ 2カラムのWebサイトを制作するなどかなり具体的に説明されています。
1冊ですべて身につくHTML & CSSとWebデザイン入門講座

レイアウトの勉強であれば下記サイトもおすすめです。

• 現代デザイン
• SANKOU!
• WebDesignClip(スマホ・LPが分かれているのでみやすいです)

良いデザインのサイトがまとめられているので好きなサイトを見つけたら、XDを使ったwebデザイン模写の方法を参考に模写すると良いと思います。

Answer 3

誤字　HMTL→HTML

Comments

[m.ts10806]

これは回答です。質問は編集できます。