初心者必見!これからHTML/CSSを勉強したい方におすすめした記事やサイト 12選 + α

初心者必見!これからHTML/CSSを勉強したい方におすすめした記事やサイト 12選 + α

これからHTML/CSSを勉強してWEB業界で働いてみたい方におすすめの記事だったり、動画サイトをご紹介します。

Ads

これからWebサイトの制作をしたいけど、何から勉強したらいいの?っていう人のためのガイド

めちゃくちゃ詳しく書かれてます。HTML/CSSだけではなくJavaScriptの役割やブラウザとはテキストエディタとはなど全くの初心者の方でもわかりやすく説明してくれています。

http://webdesignrecipes.com/web-developers-guide-to-getting-a-start-up-and-running/

http://webdesignrecipes.com/web-developers-guide-to-getting-a-start-up-and-running/

まずはここから!HTMLの書き方【初心者向け】 | TechAcademyマガジン

基本的なHTMLの書き方のレクチャーをしてくれています。みながら作ってみるとHTMLってこんな感じなのかーっていうのがわかると思います。

http://techacademy.jp/magazine/4808

http://techacademy.jp/magazine/4808

文書構造を意識しながらHTMLマークアップしよう! | Webクリエイターボックス

少しHTMLをかけるようになったら記事にあるように文書構造を意識できるとさらにいいですね!!

http://www.webcreatorbox.com/tech/html-semantic-markup/

http://www.webcreatorbox.com/tech/html-semantic-markup/

0 から始めるHTMLとCSSの基本・基礎-webデザイン入門- | 秋田県webデザイナー【weblog】|秋田HP制作・webサイト制作

初心者がわかりにくい「marginとpaddingの違い」「ブロック要素とインライン要素」もイラスト付きで説明してくれています。

http://endoutakae.com/2012/02/08/webdesign/

http://endoutakae.com/2012/02/08/webdesign/

初心者のためのHTML/CSS入門!ゼロからの基礎知識と上達のコツCode部

こちらはCSSについても書いてありますね。「上達のコツ」も書いてあります。

https://blog.codecamp.jp/htmlcss_for_beginners

https://blog.codecamp.jp/htmlcss_for_beginners

未経験からのCSS入門!ゼロから始めるCSS入門講座Code部

CSSについてもっと詳しく知りたければこちらもみてみるとより理解が深まります。

https://blog.codecamp.jp/css-introduce

https://blog.codecamp.jp/css-introduce

CSSとは?これを読めば初心者でも必ずCSSが書ける!|Udemy メディア

http://udemy.benesse.co.jp/development/what-is-css.html

http://udemy.benesse.co.jp/development/what-is-css.html

[覚え書き] CSS再入門~セレクタ~ – Qiita

ある程度CSSをかけるようになったらみてみるといい記事

http://qiita.com/oh_rusty_nail/items/e522fe74bc3547b3e826

http://qiita.com/oh_rusty_nail/items/e522fe74bc3547b3e826

CSSセレクタの優先順位の計算方法 – Qiita

http://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666

http://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666

動画でも勉強しよう!

ドットインストール – 3分動画でマスターする初心者向けプログラミング学習サイト

http://dotinstall.com/

http://dotinstall.com/

Progate | プログラミングの入門なら基礎から学べるProgate[プロゲート]

https://prog-8.com/

https://prog-8.com/

Web業界で働くためのオンライン動画学習サービス – Schoo(スクー)

https://schoo.jp/guest

https://schoo.jp/guest

イチマルニデザインブログでもHTML/CSSの紹介してます

本で勉強するならこちらもおすすめ

いいなと思ったらシェアお願いします

Ads

同じカテゴリーの記事

ページの先頭へ