初めてのWebデザイン
目次
はじめに
今回はWebデザイン講座をはじめるにあたってのWebデザインについての基本知識についてです!
自分もプロのWebデザイナーではないので説明などに多々間違いなどがあるかもしれませんがご容赦くさい!もし、間違いなどがありましたらコメント欄の方に「ゴラアアアアアア‼なんじゃその説明はアアアアアア!!!!」とコメントで指摘してください。
自分は今年の夏の大阪大学豊中キャンパスでのLife is TechでWebデザインコースを選択し初めてWebデザインの基本について学びました。
Webデザインの基本
まず、Webサイトがどんなプログラムで書かれているのかを見てみましょう。プログラムは大きく分けて2つあります。HTMLとCSSです。
(上の画像はAdobe Dreamweaver CCでのコードとプレビューです。)
まず、HTMLについてです!HTMLとはいろいろな文字や写真を表示させたりするプログラムです。
(上の画像はAdobe Dreamweaver CCでのコードです。)
次に、これがCSSですCSSとはHTMLで表示させたものを飾り付けたり調整するものです。
ツールと作業環境
何と言っても、Webデザインを始めるのに必要なのはきちんとした作業環境です。まず、ハードウェアです。PCはだいたいintel core i3以上でメモリは4GB以上、HDDは500GB程度とそれほど高いスペックは必要ありません。
次に、ソフトウェアです。おすすめのソフトは無償のものと有償のものの2種類があります。
無償のものでおすすめなのはbracketsというadobe社製のソフトです、プロからビギナーまで幅広い層のWebデザイナーに使用されています。直観的に操作でき使いやすいです。また、たくさんの拡張機能があるので拡張機能を入れたりするのも楽しいです。
次に、有償のソフトです。有償のものでおすすめなのが同じくadobe社製のDreamweverというソフトです。このソフトはbracketsに比べ使える機能が多くライブビュー機能も素晴らしいです。しかし、欠点は重いことです、スペックの低いPCだとライブビューの繁栄がうまくいかない事があります。今年10月のアップデートでUIのデザインやエディタなどがbracketsから移植されたので使い心地はbracketsに近くなりました。
最後に
どんなことでも続けていくことが大切です。少しずつ一緒に学んでいきましょう!
解らないことがあればコメント欄にドシドシ質問してください!
てか、このブログのPVがのびてほしいい(切実)