プログラミング勉強で大事なことは、まず作る!という事。

プログラミング

HTML、CSSのプログラミングの勉強を始めて、5日目となります。

しかし・・・、まったく頭に入ってこない。

こんな悩みを持っているのは僕だけではないはず。

もっと効率の良い方法はないのか・・・。

・・・ありました。

プログラミング勉強で大事なことは、まず作る!という事。

HTMLの基本やら、CSSの概念を勉強してきましたが、いまいち分かりません。

あまり勉強に時間をかけていられないので、もうとにかく作ることにしました。

とはいえ、何をどうすれば良いかわからない・・・。

そんな時、使える便利機能がありました。

ディベロッパーツールを使ってwebページの構造を読み解く

こんなサイト作ってみたい!と思えるようなサイトを表示します。

そのサイトの上で、右クリック→検証 をクリック。

するとディベロッパーツールが立ち上がります。

ここに表示されているのが、サイトを構成しているHTMLとCSSのコードになります。

次にディベロッパーツールの右上をクリックします。

バーが展開するので、一番左をクリック。

そうすると全画面で立ち上がります。

左側がHTMLコードで、右がCSSコードになります。

基本はコピーペーストでのコーディング

プログラミングを一から作るのは大変です。

インチキと言われるかもしれませんが、自分のオリジナルコードは最小限にして、出来る限り既存のサイトのコードをコピーペーストしていくのが楽かなと思います。

これなら、最短期間でwebサイトが作れそうです。

それを繰り返していけば、そのうち一からサイトを作れるようになるかと思います。

 

コメント

タイトルとURLをコピーしました