Q&A
ありがとうございます。
HTMLとCSSは理解したつもりなんですがどうもwebサイトを作れる気がしません。どのようにレイアウトしたらいいのですか？ドットインストールのレイアウトのやつを一応終わらせたはいいもののあれから脱出できません。もう少し実用的なものを作りたいのですが、どうしたらいいですか？
ただ単に人のサイトのソースを真似て書くだけでも効果はあるのでしょうか？
=====追記=====
みなさんありがとうございます！
この質問の投稿者はすでに退会しているため、質問者からの返信がない点にご留意ください。
回答4件
0
私も勉強中の身でして、詳しいことはわかりませんが、下記のサイトはいかがでしょうか。
CSS： marginの正しい理解 (CSSのmarginが難しい) - KOJIKA17
時間をかけずに作りたいということでしたら、CSSのフレームワークも存在するようです。
Sassに対応したCSSフレームワークがアツイ！ - 株式会社LIG
bootstrap並にイケてたCSSフレームワーク[Gumby]※サンプル有り ...
2015年も注目したいCSSフレームワーク6選 | エバーセンス開発ブログ
投稿2015/05/28 16:23
総合スコア409
0
ベストアンサー
下のリンクのサイトなんかで勉強してみてください。
一から丁寧に作り方を追って教えてくれるサンプルなんかが勉強になると思います。
WEBデザインレシピ
lopan.jp
WEBクリエイターボックス
おすすめのチュートリアル
実践で学ぶWebサイト制作ガイド|WEBクリエイターボックス
これからWebサイトの制作をしたいけど、何から勉強したらいいの？っていう人のためのガイド
投稿2015/05/28 07:46
編集2015/05/28 07:50
総合スコア124
ちなみに、コードを書くエディターですが、僕はKomodoEditというのがオススメです。なんでも書けますし、Windows、Mac版どちらもあって、無料です。
http://komodoide.com/komodo-edit/
0
まずどのようなレイアウトにしたいのかを考えます。
カラムはいくつ作るのか、レスポンシブにするのか、端末はどのようなものを想定するか、などなど。
HTML5で作るのであれば、ヘッダーやフッター、メイン要素やセクションにタグが用意されているので、
それらとdivを組み合わせて枠組みを作ります。
chromeのデベロッパーツールとか使うとページを見ながらデザインをいじれるので便利です。
枠組みを作ったらディテールを作り込みます。
基本的な流れはこんな感じです。（私の場合）
ソースを見ながらこういうスタイルにしたらこうなる！とか見るのはいいと思いますが真似だけだと
自分で作る力はつきにくいかなーと思います。
投稿2015/05/28 07:01
総合スコア830
0
写経(他人のソースを読み、そのまま実際に理解しながら書く)がいちばん力がつくってWebデザイナーが言ってました。
写経で物足りなくなったら、他人のレイアウトをなにも見ずに自分で書いて、ほぼ同じ見た目を作れるようになれば、あとは各々のデザインの世界になると思いますよ。
投稿2015/05/28 07:00
総合スコア246
この質問の投稿者はすでに退会しているため、質問者からの返信やベストアンサーの選定がない点にご留意ください。
あなたの回答
tips
プレビュー
