ゼロから学ぶホームページ作成! | 就労移行支援事業所ルーツ ゼロから学ぶホームページ作成!〜HTML・CSSのきほん〜 – 就労移行支援事業所ルーツ

×閉じる

ゼロから学ぶホームページ作成!〜HTML・CSSのきほん〜

Pocket

Prog

 

 

こんにちは、支援員の岩崎です。

 

今回の記事では、ホームページ作成に欠かせないHTMLとCSSの学習について書きたいと思います。

 

ホームページ制作に興味はあるけど、なんだか難しそうで手を出しづらい…

 

そんな風に思っている人、いませんか?

 

確かに、本職のエンジニアさんのようなことをするとなると難しいかもしれません。

 

ですが、簡単なホームページの作成なら、実は初心者でもわりと簡単にできてしまうんです!

 

 

HTML・CSSとは?

 

まずはそれぞれの簡単な説明から。

 

HTMLとCSSは、ホームページの制作や、ブログのデザインのカスタマイズなどに用いられる言語です。

 

どこにどんな文字を入れるのか、どんな画像を入れるのか、どんなデザインにするのか…

 

そういったことをコンピューターに指示し、Webブラウザ上でホームページとして表示されるようにします。

 

それぞれの役割としては…

 

 

◆HTMLとは

 

HTMLは、ページの要素や構造を指定するための言語です。

 

どんな文章を表示するか、どんな画像を表示するか、どこのページへのリンクを挿入するか…そういったことを指定していきます。

 

 

◆CSSとは

 

CSSはHTMLで作った要素を装飾するスタイルを指定する言語です。

 

ページのデザインは基本的にCSSで記述することで、どの要素をどんな風に表示させるか…といったことを細かく指定することができます。

 

また、最近主流になってきている、1つのWebサイトをパソコンやスマートフォンなどの複数の端末に対応させ、それぞれの画面に合わせたレイアウトで表示する…といったようなことも、このCSSを使って設定されています。

 

 

初心者にオススメのテキストはこれ!

 

スラスラわかるHTML&CSSのきほん

 

HTML

 

Amazonへのリンク

 

 

このテキストの最大の特徴、それは…

 

HTMLやCSSのことを全く知らない初心者の方でも簡単に学べる!

 

というところです!

 

たまに見るような、初心者向けに大まかな部分だけを書いているものとは違い、非常に細かいところまで疑問が残らないように丁寧に書かれています。

 

学習方法としては、テキストに沿ってサンプルのWebサイトを実際に作っていく形になります。

 

Webサイトの構成などの基礎知識などから始まり、少しずつサイトを作っていき、最後は作ったものを公開するところまで、しっかりと解説されています。

 

解説の内容がとてもしっかりと体系立てられている点も魅力で、ブラウザの基本や、Web製作の基本的な流れ、製作に必要なテキストエディタの紹介などもされていることも、初心者にオススメする理由のひとつです。

 

HTMLやCSSのことが全く分からない初心者が、とにかく最初に読んでみるのに最適な一冊ですので、ぜひチェックしていただけたらと思います。

 

 

終わりに

 

いかがでしたでしょうか?

 

興味はあるけど…なんて思っている人は結構いるんじゃないかと思います。

 

そんな人たちにぜひともオススメしたいこのテキストですが、実際にルーツのカリキュラムの中でも取り扱っています!

 

次回あたり、最近ルーツでこのテキストの学習を始めた利用者さんのインタビュー記事でも書けたらいいなぁ…なんて思っていますので、ぜひそちらも読んでいただけたら幸いです。

 

 

FacebookいいねとLINE@の登録もしてね!

 

piece

 

就労移行支援事業所ルーツにはFacebookページがあります。
イベントや情報、普段の様子などを公開していますので、
もしあなたがオフィスに来ようと思ってくださったのなら、
まずご覧になって雰囲気、詳細を知ってみてくださいね。

 

ぜひ、いいね!も宜しくお願いします。

 

>>>Facebookページはこちら<<<

 

連絡先、場所などはこちらまで!!
↓↓↓

 

お問い合わせroots-06

 

新宿・四ツ谷の障がい者の就職・社会復帰支援の場所
就労移行支援事業所ルーツ
東京都新宿区三栄町29-6 Fビル 5階
最寄り駅︰東京メトロ丸ノ内線 四ツ谷三丁目駅/都営新宿線 曙橋駅

ルーツの公式LINEからもお問い合わせできます!
友だち追加