Webデザイン独学でも挫折しない3つのポイント

公開日: : 最終更新日:2014/06/14 未分類

「初めてのWebデザイン」の巻

マンガでわかるWebデザイン1

マンガでわかるWebデザイン2

挫折してしまうのは勿体ない!

「よし、これからWebデザインを勉強するぞ!」と思っても、初めてだから分からない事だらけ。
「参考書を買ってみたものの難しいし、私にはもう無理かも…」
そうなってしまうのはとっても勿体ないと思います。

Webデザイン初心者でも挫折しない3つのポイント

その1 最初から全部わかろうとしなくてOK

ソースコードは全部英語。出てくる用語は初めて聞くようなものばかり。
Webページ制作に触れ始めるときは、「ひとつひとつ理解していかなきゃ!」というように考えてしまいがちです。

でも、初めのうちはいきなり全てを理解する必要はないと思います。

Webデザイン初心者 わかば

「こう書いたら画像が表示されるんだ!」
「こう書いたら字の色が変わった!」
「この記述を消したら、文字がずれてしまって見た目がわるくなっちゃった」


楽しみつつその繰り返しを行っていく事で、自然と「どう書いたらどうなるのかがわかる力」身に付いてきますので、ご安心ください。

その2 いいなと思ったサイトはソースコードを見る

「素敵だな、こんなサイト作ってみたいな」と思うWebページを見つけたら、ブックマークするだけじゃなく、ソースコードを見てみましょう。

HTMLちゃん

ソースコードは、
「Webページ上で右クリック」→「ソースコードを表示」で見る事ができます。


いきなり暗号みたいなものが出てきてびっくりするかもしれません。
今は「ふーん、こういう記号の羅列でWebページって表示されているんだなぁ」と思いながら眺めるだけで十分です!

その3 作る事、見てもらうことを楽しもう

Webデザインは実際に手を動かすことで上達します。
逆に言うと、本をめくるだけで何も作らなければ上達しません。

さらに言えば、
「自分の撮った写真をギャラリーにしてネット上で見てもらいたい」
「友達のバンドのホームページを作ってあげたい」
何かしらの目的を持ったWebページを作るのが、一番上達が速いと思います。

HTMLちゃん

楽しもうという姿勢でいれば、自然とWebページを作れるようになっています!


ラクに構えて、この「マンガでわかるWebデザイン」でWebページを作る過程を楽しみましょう!

記事作成:湊川 あい
マンガ・イラスト:湊川 あい


  • Pocket       
  • このエントリーをはてなブックマークに追加

関連記事

コーディング・画像編集だけじゃない!Webデザイナーの仕事内容って?

Webページ制作って具体的にどういうことをするの? この記事を読んでくださっている方の中に

記事を読む

Comment

  1. HN "DAO" より:

    将来WEBデザイナーを目指しているものです。物凄く面白そうな雰囲気がしましたので「マンガでわかるWebデザイン」を応援しています!

    • みながわ あい より:

      DAOさん、初めまして。コメントありがとうございます。マンガでわかるWebデザインのみながわ あいです。嬉しいお言葉ありがとうございます!とても励みになります。本業のWebデザインの傍ら、続々更新予定です。AOさんのお役に立てるようなコンテンツになっていけるよう頑張ります!

  2. kitaindia00 より:

    最初から全部わかろうとしなくてOKなの同意感ある

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

『わかばちゃんと学ぶ』シリーズ #技術書典 5に出展します【あ20】

◎貴サークル「湊川あいの、わかば家。」は、 あ20 に配置さ

#マンガでわかるScrapbox Kindle化しました:便利な使い方をイラストで

技術書典4で、配布開始後30分で150冊即なくなった「マンガでわか

Live2Dモデル制作 ご依頼承ります
Live2Dモデル制作依頼受付中(サンプルモデル・制作料金掲載)

こんにちは。本ページをご覧頂きましてありがとうございます。 フリー

YouTubeヘッダー画像のサイズは2560×1440ピクセル。チャンネルアート作り方2018

チャンネルアートの作り方 2018年8月時点での、YouTubeチャ

わかばちゃんと学ぶ Git使い方入門 PDF版ダウンロードはManateeで!

御礼 拙著「わかばちゃんと学ぶ Git使い方入門」が、2017年4月

→もっと見る

PAGE TOP