ゲームしてマンガ読んでアニメ見てハンドメイドしながら主婦がしたい

ゲームも好き、マンガも好き、アニメも好き、ハンドメイドも好きで主婦がしたいOLの日常ブログです。

Webデザインとは

どうもゆきなこです。

 

 

はてなブログを始めたことで、「Webデザイン」というものを考えるようになりました。

 

タイトルや記事のレイアウトを変えたいときはCSSというものを使用していますが、

大学時代に独学で勉強した知識では大したこともできないので・・・

これを機に、Webデザインについて勉強し直そうと思います。

 

勉強した内容をまとめていくので、これからWebデザインを学びたい方がいれば、ぜひ参考にしていただきたいと思います。

 

 

Webデザインとは?

 まずそもそも Webデザイン って何?って思うこともあると思います。

 

Webデザインとはざっくりいうと

パソコンやスマートフォンで表示されるデザインやレイアウトのこと。

またそのデザインやレイアウトを決めること。

 だそうです。

 

このはてなブログでも、背景やタイトルのデザインを変更したり、

自分で作ってみたりすると思います。

もうその作業をしているだけで「Webデザインやってる( ・´ー・`)どや」って言っていいということです。

(違うかな?)

 

必要な知識

上記のように背景を変えるだけでもデザインした!ってことは言えるかもしれませんが、

もっといろいろなことをするには、もっと本格的な知識が必要となってきます。

 

Webデザインに必要な知識としてすぐ思いつくのは、下記のことです。

  • 言語
  • ツール

 

言語

Webページを表示するためには主に「HTML」と「CSS」が必要となります。

 

HTML・・・HyperText Markup Languageの略。インターネット上で公開されているWebページのほとんどはHTMLで記述されているほど一般的な言語です。

 

CSS・・・Cascading Style Sheetsの略。ウェブページのスタイルを記述するための言語です。はてなブログでもCSSを使うだけで簡単にレイアウトやデザインを好きにすることができます。

 

また、もっとかっこいいデザインにしたい!動きのあるWebページにしたい!という場合は「JavaScript」の知識が必要となります。

 

JavaScript・・・プロトタイプベースのオブジェクト指向スクリプト言語 だそうです。

(よくわかりませんね。(´・ω・`))

これもWebページを表示するための言語なのですが、よく聞く「Java」とは違ったものだそうです。

 

HTMLとCSSは数年前に勉強していましたが、JavaScriptについては全く知らない状態です。。

 

JavaScriptをするために、jQuery(ジェイクエリー)というものもあるのですが、

初心者の私にとっては難しい気がするので、

また今度別の機会に調べることとします。

 

ツール

かっこいいWebページは文字だけではありません。

写真やイラスト、ロゴなどもかっこいいものを作りたいものです。

 

そこでよく耳にする「Illustrator」や「Photoshop」というものがあります。

 

簡単に説明するとこんな感じです。

Illustrator・・・イラストやロゴ作成が得意。

Photoshop・・・写真の加工が得意。

 

Webデザインを学ぼうとすると、すぐにこの2つのツール(ソフト?)が出てきます。

私は「Photoshopはなんとなく写真の加工ができるのは知っているけど、Illustratorってなんやろう・・・」というところからでした。

 

2つの違いや購入方法を調べていくと、また違うツールが出てきていろいろ混乱してきました。。

 

詳しくはまた別の記事にしていきたいと思います。

 

まとめ

 

Web上でデザインやレイアウトを作成するときは

最低限「HTML」と「CSS」の知識はあったほうがいいと思います。

 

アメブロはてなブログなどではそういった知識がなくても簡単にブログを始めることができますが、

「HTML」や「CSS」を知っていれば、自分好みのブログやもっとかっこいいデザインにすることができます。

 

もっと本格的にしたい!となれば「JavaScript」を使って行けばよいと思います!

(使い方はわかりませんが!)

 

 

 

今回はこんな感じで終わりにしようと思います。

言語やツールの詳しい内容などについては

引き続き勉強して記事にしていこうと思いますので、

興味があればまたご覧ください!

 


人気ブログランキング (ぽちっとクリック!)
ブログサークル
ブログにフォーカスしたコミュニティーサービス(SNS)。同じ趣味の仲間とつながろう!
ブログランキング・にほんブログ村へにほんブログ村