SHIINBLOG

ウィリスの宇宙交信記

超絶怒涛のスーパーミラクル雑記ブログ

知識ゼロの僕でも理解できた!HTML&CSSを習得するための入門書

【スポンサードリンク】

f:id:uxirisu:20170929013432p:plain

どうも!ウィリスです!

最近、ブログのレイアウトが変わったんですが何人くらい気づいてくれたでしょう??

 

他のブログで紹介されているCSSコードを貼り付けるだけの場合もありましたが、自分で変更した部分もあります

 

ブログを始めて6ヶ月たちますが、ようやくHTML & CSSのお勉強に手を出したんです

完全に知識ゼロからのスタートでした

 

HTMLは「なんかホームページ書くときのプログラム??」的な知識しかありませんでしたし、

 

CSSは「は??なにそれ」というレベルでした

 

今回は、知識ゼロの状態の僕に、基本の基本から分かりやすくHTML&CSSを教えてくれた本を紹介したいと思います!

 

 

HTMLとは

HTMLはウェブページを作成するために作られたプログラム言語のようなものです

 

GoogleChromeを使っているなら、適当なWebページを開いて「右クリック」→「検証」を選択すると、そのページHTMLを見ることができます

f:id:uxirisu:20170929020027p:plain

 

ちなみに、このブログのTOPページでやってみると

f:id:uxirisu:20170929020029p:plain

 

こんな感じになります

右上にコードが出て来ていますね!

こうやってWebページが出きているんです

 

 

 

CSSとは

一方、CSSとは何でしょう??

CSSとは、Webページの表示をカスタマイズするコードです

 

HTMLでWebページは作れるんですけど、レイアウトやデザイン、動きなどは出せません

 

HTMLでWebページを作成した上でCSSでデザインを変更するんですね

 

いまでは、一般の方やWebデザイナーが作ったコードをコピペするだけで、自分のWebページをかなり良いデザインにすることができます

 

しかし、HTMLとCSSの知識を少し取り入れるだけで、

ちょっとしたカスタマイズは自分でできちゃうんですね!

 

今回紹介する本はそのためのおすすめ入門書になります!

 

その本がこちら!

 

すらすらわかるHTML&CSSの基本

f:id:uxirisu:20170929005748j:plain

 

こちらがオススメする入門書です

ちなみに僕もこの本ではじめは勉強していました

 

The 入門書という感じの表紙です

どんな中身なのか紹介していきましょう!

 

 

知識ゼロでOK!

f:id:uxirisu:20170929005749j:plain

 

中身はカラフルでスラスラ読み進めることができます

そして入門書ですからもちろん知識ゼロで読み始めてOKです!

 

はじめからHTML&CSSの文法を書いている訳ではなく

「Webサイトとは」

「HTMLを書くためのソフト紹介とインストール方法」

「そもそもHTMLとは」

「サーバーとは」

「リンクとは」

 などの準備段階から丁寧に教えてくれます!

 

 

さらに、この本の良いところはサンプルコードが提供されいてるところです

 

そのサンプルコードをもちいてサンプルWebサイトを一緒に作っていくという流れで本の内容が進みます

 

一つ一つ出来上がっていくWebページを眺められるので

モチベーションが続いてよかったです!

 

なので、この本一冊読み終わった頃には1つのWebページを作成し終わることになります

 

 

肝心のコード文法は??

f:id:uxirisu:20170929005750j:plain

 

肝心のコードの文法の説明部分ですが、ざっくり言って「やさしい」です

 

必要最低限の文法を大局的な視点から、部分的な視点へズームしなから教えてくれる感じです

 

この本1冊で様々なWebページが作れるほどの知識は得られませんが、

その分、簡単にサクサク読み進められます

 

実際にWebページを作りたいなら、

この本で「HTMLとは」「HTMLの簡単な文法」「リンクとは」「サーバーとは」などの基本的な知識を入れた後、

本格的な分厚い辞書的な文法書を持つことになるでしょう

 

 

Webページ公開までお手伝い

この本はWebページの公開までお手伝いしてくれます!

 

具体的に言えば、

どのサーバーがオススメで、

どうやってサーバーと契約して、

どうやってデータをアップロードして・・・

というような事柄です

 

全て、例があるのでそのまま本のいうとおりやれば、本当にWebページを公開してしまうことができます

 

 

まとめ

f:id:uxirisu:20170929023035j:plain

 

 

メリットや優秀な点をまとめると

・知識ゼロでOK!

・サクサク読める

・1冊読み終えるとWebページが1つ完成している

・Webページ制作をソフトインストールからサーバーアップロードまで大局的な知識を得られる

ということで、僕的にかなり助けられた1冊でした!

 

皆さんもちょっとHTMLやCSSをかじりたいなぁ

けど、難しいのも嫌だなぁという時は、この一冊から初めてみてはどうでしょうか