HTMLやCSSを始めたばかりの初心者なのですが、サイト作成の練習に良い方法などありましたら、ご教授お願いします。
とにかく作ってみるしかないかと
一番好きなサイトをそっくりそのまま作ってみる。
HTMLのテンプレートなどを無料で配布しているサイトがあるので、そこでテンプレートをダウンロードして、それを参考にしながら同じように組み立てたり、解体したりすると勉強になるって教えてもらったことがありますが、私はやったことがありません(笑)でも、基礎の練習には良い方法かと思います。あとは、たくさんソースコードを見ること。人がかいたコードを見るのは勉強になります。
真似る
実際に作ってみる→壁にぶち当たりまくる→調べる→調べる→作るを繰り返してます。だんだん慣れてきます。
面白いと感じる表現に出会ったら、とりあえず真似してみる。その表現を完成させるには、環境・スキルの両面で何が必要か、調べて学ぶことになります。知らないことばかりで、失敗も繰り返しますが、「今は理解できないけど、アレとコレが必要なんだな」と分かるだけでも、前進ではないでしょうか。どの段階で諦めるかは、個々の探求心次第でしょうが、諦めの悪い人なら、どんどん吸収していけると思います。また全く同じやり方でなくても、別の表現方法やアイデアが浮かぶかもしれません。様々な方向からアプローチされることをお勧めします。
InternetExplorer6〜8のバグをひと通り再現してみて、解決できるかやってみる。
そして、リリース毎に不特定多数にツイートして、出来るだけ恥ずかしい状態で晒し続けるのも良いかも。
とりあえず何か作ってみる。安いレンタルサーバを借りる。このサイトにURL張って意見を求めてみる。山のようなツッコミが貰えると思うよ（笑）
それすごくいいな！
書いたあとに気付いたけど、レンサバかりなくてもDropboxのPublicフォルダでいいかも。
最初は、気になったサイトをパクるでいいと思います。勿論それを実案件にいれてはまずいですが、気になるサイトのソースコードとにらめっこすると身につきやすいと思います。
皆様、たくさんの暖かいコメントありがとうございます。初めてここに書き込ませて頂きましたが、こんなに熱心な御意見を頂けて嬉しいです。まずはやってみる事が大切なのだと改めて実感しました。少しづつの前進ではありますが、前に進む勇気が湧いてきました。このサイトと皆様に感謝！
デザインの勉強は仮想でもよいのでなるべく具体的な設定（仮想店舗•ブランドのサイトなど）を考えてから作るといいと思います。htmlやcssは「このレイアウトを作りたい」というように目的を明確にしてから勉強すると効率的に学べると思います。 ”htmlの勉強” "デザインの勉強"と分けて考えるより、一つのサイト制作を通して色々勉強した方が実践的かと私は思います。
みんなの回答 12 件
とにかく作ってみるしかないかと
一番好きなサイトをそっくりそのまま作ってみる。
HTMLのテンプレートなどを無料で配布しているサイトがあるので、そこでテンプレートをダウンロードして、それを参考にしながら同じように組み立てたり、解体したりすると勉強になるって教えてもらったことがありますが、私はやったことがありません(笑)でも、基礎の練習には良い方法かと思います。
あとは、たくさんソースコードを見ること。人がかいたコードを見るのは勉強になります。
真似る
実際に作ってみる→壁にぶち当たりまくる→調べる→調べる→作るを繰り返してます。だんだん慣れてきます。
面白いと感じる表現に出会ったら、とりあえず真似してみる。その表現を完成させるには、環境・スキルの両面で何が必要か、調べて学ぶことになります。知らないことばかりで、失敗も繰り返しますが、「今は理解できないけど、アレとコレが必要なんだな」と分かるだけでも、前進ではないでしょうか。どの段階で諦めるかは、個々の探求心次第でしょうが、諦めの悪い人なら、どんどん吸収していけると思います。また全く同じやり方でなくても、別の表現方法やアイデアが浮かぶかもしれません。様々な方向からアプローチされることをお勧めします。
InternetExplorer6〜8のバグをひと通り再現してみて、解決できるかやってみる。
そして、リリース毎に不特定多数にツイートして、出来るだけ恥ずかしい状態で晒し続けるのも良いかも。
とりあえず何か作ってみる。安いレンタルサーバを借りる。このサイトにURL張って意見を求めてみる。山のようなツッコミが貰えると思うよ（笑）
最初は、気になったサイトをパクるでいいと思います。勿論それを実案件にいれてはまずいですが、気になるサイトのソースコードとにらめっこすると身につきやすいと思います。
皆様、たくさんの暖かいコメントありがとうございます。初めてここに書き込ませて頂きましたが、こんなに熱心な御意見を頂けて嬉しいです。まずはやってみる事が大切なのだと改めて実感しました。少しづつの前進ではありますが、前に進む勇気が湧いてきました。このサイトと皆様に感謝！
デザインの勉強は仮想でもよいのでなるべく具体的な設定（仮想店舗•ブランドのサイトなど）を考えてから作るといいと思います。htmlやcssは「このレイアウトを作りたい」というように目的を明確にしてから勉強すると効率的に学べると思います。 ”htmlの勉強” "デザインの勉強"と分けて考えるより、一つのサイト制作を通して色々勉強した方が実践的かと私は思います。
関連するトピックス