卒業生インタビューその他ITコラムHOMEITコラムHTML・CSS土日でCSS入門!ムダのないオススメ勉強方法をご紹介!スキルアップ2015.08.21土日でCSS入門!ムダのないオススメ勉強方法をご紹介!ホームページ作成のために入門レベルのCSSを勉強しようと思っているけど、どうやってやればいいかわからない。そんなお悩みはありませんか?実は、ここ最近は学習環境や、レンタルサーバーなどの発達により、本当に誰でもホームページ作りが独学できる時代になっています。今回は「CSS」についてです。HTMLとCSSの違いについては、「HTMLがコンテンツ」「CSSがデザイン」と捉えるのがオススメです。HTMLでインターネットにコンテンツを公開する方法を学んだら、次はCSSでオシャレなデザインを作っちゃいましょう!目次まずはど基礎の定番、ドットインストールでそのまま真似しよう!次は簡単な応用編。問題形式のprogateで簡単な実践をしよう!あとは仕上げ!書籍を一冊選んでそれを書き写してみよう!根気も大事!たくさん作って数をこなそう!最後に友達に公開すればもっと楽しくなります!まずはど基礎の定番、ドットインストールでそのまま真似しよう!こちらのドットインストールというサービスは、初心者向けに大変わかり易く作られたサービスです。動画で丁寧に説明されているため、自分のペースでお手軽に勉強ができます。CSS入門(全22回)まずはコチラの動画を見ながら、ひたすら動画の真似をしてみましょう。丁寧に説明してくれるので、何もわからない人でも簡単にできちゃいます。スピードが早くてついていけないな..と感じたら、動画を途中でとめても全然問題ありません!自分のペースで、ゆっくり進めてみてください。3時間もあれば、CSSの基本的な仕組みが理解できると思います!わからない部分や難しい部分は飛ばしても大丈夫なので、「とりあえず真似する」くらいの気持ちでやってみましょう!次は簡単な応用編。問題形式のprogateで簡単な実践をしよう!こちらのprogateというサービスは、とてもシンプルに要点がまとまっている上に、カンタンな問題形式で学習ができるため、小学校の計算ドリルの問題を解くような感じでHTMLを学ぶことが出来ます。問題の前には説明もあるので、上述のドットインストールの内容を暗記している必要はありません。基礎編を完了させれば、基礎としては十分なレベルになります。こちらも2〜3時間もあれば十分にできるはずなので、是非お試しください!あとは仕上げ!書籍を一冊選んでそれを書き写してみよう!仕上げとして、書籍を一冊選んでそれを書き写してみましょう。これはまるまる1日くらいかかってしまいますが、かなり力がつくと思います。おすすめ書籍は上の一冊。完全な初心者向けではないですが、ドットインストール等での学習を終えた方であれば「これ知ってる!」みたいな内容ばかりになります。同じようなことが書かれているにも関わらず書籍での学習をおすすめする理由は、「様々なケーススタディに触れられる」からです。CSSは、仕組みを理解しただけでは中々思うようには扱えません。実際に実践でどのような使われ方をしているか、ケーススタディを通じて学ぶことでようやく理解ができます。こちらも、とりあえず読みながら書き写すのがオススメな使い方。細かいことは気にせず、本の言うとおりに書いていきましょう!根気も大事!たくさん作って数をこなそう!ここまでくれば、もうかなりCSSについての理解が深まっているはず。あとは以前に学習したHTMLの知識と合わせて何かを作ってみましょう。「特に何か作りたいものがない...」そんなことを思ったら、オススメなのは「好きなwebサイトを一つ真似してみる」ことです。「webサイトの真似」のメリットは大きく2つあります。1つは、自分の好きなデザインの作り方を学べること。1つは、そのサイトのHTMLファイルとCSSファイルを覗けば作り方がわかること。自力で試して、わからなかったらそのサイトのHTML&CSSファイルを見てみる。いったことを繰り返していけば、間違いなくかなりのレベルアップが見込まれます。最後に友達に公開すればもっと楽しくなります!「真似したサイト」の公開はできませんが、オリジナルでサイトを作って公開することは、大きなモチベーションになります。Analyticsなどのアクセス解析ツールを使えば、どのくらいの人が自分のページを見てくれているかもわかるので、とても楽しいですよ!さらにアフィリエイトサービスも使えば、お小遣い稼ぎなんかもできちゃいます。>>SHARE最新記事スキルアップ2020.02.19兵庫県のプログラミングスクール5選|人気おすすめは?料金&特徴を比較2020年最新!この記事では、兵庫県で人気&おすすめのプログラミングスクール5校を料金や講座内容別に徹底比較。ご自分のペースで効率よく学べる無料のオンラインスクールもありますよ。今回は、茨城県で人気&おすすめのプログラミングスクール6校を料金や特徴別に徹底比較。多彩なコースで効率よく学べる人気スクールなど厳選してまとめました。今回は、兵庫県でおすすめのIT専門学校とプログラミングスクールを受講料が安い順ランキングで9校まとめました。若狭湾を囲んで美しいビーチや景勝地が点在する福井県。今回は「プログラミングを学んで東京都内でエンジニアとして就職したい!」という方に向けて、福井でおすすめのIT専門学校&プログラミングスクールを厳選2校ピックアップ。[...]スキルアップ2020.02.10岡山県のIT専門学校&プログラミングスクール7選!学費と特徴を徹底比較きびだんごと桃太郎といえば岡山県!今回は、そんな岡山県でおすすめのIT専門学校&プログラミングスクールを受講料が安い順にランキング形式で7校ご紹介。世界遺産の厳島神社や日本三景と称される安芸の宮島など、世界的に有名な観光地として知られる広島県。