HTML&CSSとデザイン入門講座」は初めてHTML、CSSに触る人におすすめの書籍ですプログラミングこの記事をシェアするどーも。2019年3月16日に発売された『1冊ですべて身につくHTML&CSSとWebデザイン入門講座』を読みました。『Webクリエイターボックス』の管理人(Manaさん)がHTMLやCSSに加えて、Webデザインの基礎を解説している学習書です。HTMLやCSSを学ぶ方法はたくさんありますよね。ネットから色々と情報を集めても良いですし、Progateやドットインストールなどを利用する方法もあります。知識ゼロの人が基礎を体系的に学ぶには、書籍を用いてやるのが一番効率的と考えているので、初めてHTMLやCSSを勉強する人にはおすすめの書籍です。今回は『1冊ですべて身につくHTML&CSSとWebデザイン入門講座』を読んだ感想を紹介させていただきます。冒頭に書きましたが、HTML&CSSを初めて触る人のために、基礎的な知識を扱った書籍になっています。基礎を抑えながら、ここ数年で変わってきた内容も記載されていますので、久しぶりにHTML&CSSを触る人も学ぶことは多いと感じました。『1冊ですべて身につくHTML&CSSとWebデザイン入門講座』は、サンプルのデザインにもこだわりを感じる内容になっていたため、自分の手で1から作れたときの楽しみが増すと思いますね。4月から入社してくる新入社員の教材に使えるかもー。HTMLってなに?CSSってなにそれ?なんとなくイメージはあるけど、もやもやするなー。そんな人におすすめしたい書籍になっています。非常に分かりやすい内容になっています。入門講座と書いてあるのは伊達じゃない(笑)Web周りって技術の進歩が早いので、あっちへフラフラ、こっちにフラフラと学んでも知識を身につけるだけで消耗しちゃいます。HTMLを学んで、CSSを学んで、JavaScriptを学んで、jQueryを学んで、、、。頭が混乱する要素だらけです。そんな状況に陥らないために、まずはWebサイトの骨組みを担っている『HTML』&『CSS』をしっかりと覚えることで、次のステップに移りやすくなると思っています。そんな理由から『1冊ですべて身につくHTML&CSSとWebデザイン入門講座』は初学者におすすめできる内容だと感じています。注意点としては『1冊』でHTML&CSSをすべて身につけるのは難しいです。『1冊』で『基礎』を身につけるための書籍だと思ってください。Webサイトの基本よいデザインとは?ユーザビリティとは?等のユーザが使いやすいデザインの考え方から始まって、Webサイトの仕組みまで学ぶことができます。私のようにデザインが決まっている状態でサイトを作成する場合は、デザインについて意識する必要性は低いかもしれませんが、自分でサイトを構築する場合はデザインの知識もあったほうが良いですよね。「HTMLとは」から始まって、ファイル名のルールや基本の書き方を細かく解説してくれています。HTMLの説明は、36ページに渡って解説していますので、基礎的な部分はなんとなく理解できるようになっています。実際に手を動かして学ぶのは、CHAPTER4以降が中心になっていますが、もう少し手を動かしながら作業できる部分があると飽きずに勉強が捗ると感じました。CSSの基本HTMLで作成した骨組みをCSSで飾り付けるということで、CSSのほうが学ぶことが多いですね。CSSの説明だけで、約90ページほどあります。似たようなパターンが多いため、よく使うプロパティやそこに設定する値を覚えておけば応用が効きますね。こちらの章もHTMLの章と同じように、手を動かす部分が少ないので、少々物足りないと感じる部分もありました。6では、実際に手を動かして色々なパターンのサイトの作り方を通して、HTML&CSを学んでいきます。CHAPTER4では、フルスクリーンのWebサイトを制作していきます。予約ページなど必要な情報をわかりやすく見せたいサイトに多いレイアウトですね。インパクトのあるページでユーザに印象付けをして、詳細な情報は下のページをスクロールして見るって形が多いです。簡単なページですが、CHAPTER2~3で学んだ知識を使って、1から手を動かして作ってみましょう(*゚∀゚)CHAPTER5では、2カラムのWebサイトを制作していきます。転載元:1冊ですべて身につくHTML&CSSとWebデザイン入門講座ニュースサイトや個人ブログなど、コンテンツの量が多いサイトはこの形が多いですね。サイドバーに配置した情報は、スマートフォンでは表示できないため、デバイスの大きさに合わせて、レスポンシブに対応したデザインの作り方を学ぶことができます。ユーザの多くがスマートフォンを利用して、Webサイトを見る時代ではレスポンシブデザインを学ぶことは必須となっていますので、しっかりと基礎を身につけたいですね。CHAPTER6では、タイル型のWebサイトを制作していきます。転載元:1冊ですべて身につくHTML&CSSとWebデザイン入門講座ショッピングサイトなどで多く見かけるレイアウトですね。このレイアウトは、HTML&CSSの勉強というよりは、デザインの勉強に近いです。どの画像を中心に持ってくれば、ユーザの印象に残るのか?を考えて作ってみると色々と気がつくことがあるかもしれませんね。私はデザイン力がゼロなのでアレでしたが、、、。外部メディアを利用する問い合わせフォームの設置からGoogleMapを利用した地図の配置、Facebook、Twitter、YouTubeなどSNSのプラグインの挿入について学べます。上記で紹介したものは、どのサイトにも基本的に設置されるようになっているため、覚えておいて損することはないですね。一度覚えておけば、どのサイトでも同じように流用することができる知識だと思いますし。次のステップはオンライン学習を利用するHTML&CSSとWebデザイン入門講座を読んで、HTML&CSSの基礎的な技術を身につけたあとは、オンライン学習を利用して更に知識を深めましょう。Udemy(ユーデミー)だったらWebエンジニア向けの講座も多く配信されています。HTMLやCSSを更に極めるも良し。JavaScriptを覚えて画面に様々な動きを持たせてみるのも良し。どちらの講座もUdemyでは多く配信されています。オンデマンドで好きな時間に自分のペースで学習できるので、忙しくて勉強する時間を取ることが難しい社会人のかたにもおすすめです。私もWebエンジニアに関する講座を2つ受講しましたが、どちらも開発環境の準備から丁寧に説明してくれるので、初めての人でも安心して取り組めます。Webエンジニアに関する講座は日本語でも人気のある講座が多く配信されています。HTMLやCSSを触る人にとっては、とてもわかりやすい内容でしたし、デザインに対しての著者のこだわりを感じることができました。半日〜1日で読み終わりますので、基礎を学びたい人は、『1冊ですべて身につくHTML&CSSとWebデザイン入門講座』を読んでみましょう。紹介した書籍以外に「新人システムエンジニアに読んでもらいたい7つの本」や「「プロになるためのWeb技術入門」はWebアプリケーション開発の初心者におすすめしたい!!」という記事でおすすめの技術書を紹介しています。合わせてご覧ください。当サイトでは、第三者配信の広告サービス(A8.net、Amazonアソシエイト、Googleアドセンス)を利用しています。使用することがあります。当サイトでは、Googleによるアクセス解析ツール「Googleアナリティクス」を利用しています。このGoogleアナリティクスはトラフィックデータの収集のためにCookieを使用しています。このトラフィックデータは匿名で収集されており、個人を特定するものではありません。この機能はCookieを無効にすることで収集を拒否することが出来ますので、お使いのブラウザの設定をご確認ください。はてなブログをはじめよう!hangtime1532さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。