英語×IT留学2ヶ月目(Web デザイン)で学んだ事のまとめ

セブで英語×IT留学してました。

Carrie
Webデザインってフォトショップとイラストレーターの事じゃないの?


って思っていた過去の自分に向けて書いてます。

実はわたし以外にも同じように思っていたバッチメイト(同期入学生)もいました..w

Webデザインで必要なスキル

Webデザインと聞いてわたしが思い描いていたのは

アドビ製品のフォトショップとイラストレーター。

先生
Webサイトのレイアウトを考える事をWebデザインっていうんだよ〜


Carrie
Webデザインってフォトショップとイラストレーターの事だけじゃないの???


IT留学中に次の2ヶ月目からのスケジュールに関して

先生

  • 来月どうする?
  • デザインにする?
  • デベロップにする?
って聞かれて

勝手にデザインと聞いて

アドビ製品のイラストレーター(Ai)とフォトショップ(PS)の事だと思ってた。

で、

Carrie
コードは難しいしなぁ〜
と思ったのと

輸入ビジネスでいつも画像加工は外注さんに依頼していて

自分であんまりやったことがなく、勉強するのを逃げてたスキルだったから..

逃げずにいっちょやったるか〜〜てな勢いで

Carrie
Webデザインにする〜〜
って授業に望むことに..


上級者コースは必要ないと思って

2ヶ月目:Webデザイン コース

3ヶ月目:Web Develop(デベロップ)コース

にしました。

そして、

イラストレーター(Ai)とフォトショップ(PS)の授業が通常5日間かけて学ぶのが

12月は年末のクリスマスシーズンでたった3日しかないと知り

Carrie
えっ…


って思ったわけです。

IT留学するまではWeb desginとはなんなのか?考えなかった事です。

セブIT留学2ヶ月目(18日間)に学んだのは

先生

  • HTML5/CSS3:フォーム作成・テーブル2日間
  • HTML5/CSS3:3日間
  • W3C:5日間
  • Bootstrap4:5日間
  • フォトショップ(PS):1日間
  • イラストレーター(Ai):1日間
  • フォトショップ(PS)で作成したポートフォリをに基づいてHTML/CSS+Bootstrapを使って:1日でサイトを作る
という流れだよ。


1日の流れ

2ヶ月目:午前9:00〜12:50(1コマ50分)

”ポートフォリオ”
Webサイト制作でいうポートフォリオとは作品集の事

Carrie
Webデザインってフォトショップとイラストレーターの事だけじゃないんだ〜〜ショック!!


ほぼ1日に1個はサイトを作る(私には)ハイペースでした…

他の子達は4時間もあればサクサク作れるようになってましたから、個人差かなりあります。

Webデザインに必要な知識とは

  • HTML/CSS
  • PHP
  • Javascript
  • PS(PhotoShop)フォトショップ/Ai(Adobe illastrator)イラストレーター
などを使って

先生
Web(Webサイト)のレイアウトを考える人をWebデザイナーっていうんだよ〜


Carrie
えっ…そうなんだ..


注意:

divタグの勉強はWebの勉強には絶対に必要です!

<div></div>:ディブ

<div>で囲った部分をグループ化してボックスを並べていく、単体では意味をなさないタグだけどWebデザインではかなり重要です。

ポートフォリオ作成では<div>タグが大切。

Webデザインでも必ず押さえておかないといけないタグです。

Carrie
8週目にわたしが実際作ったポートフォリオ。横のラインとかずれちゃってます..これでも4時間かかったんです。チーン

IT留学8週目で作成したポートフォリオ(Web Design)

まとめ

知識ゼロの人たちにとって何がわからないのかわからない..というのが本音。

これから必要になってくるITスキル..

仕事にしなくっても今後できた方がいいスキルに決まってる。

ダメダメIT留学生だったからこそ

人の倍はやらないといけないと思ってます..w

Web(Webサイト)のレイアウトを考える人をWebデザイナー

ということだけ覚えといてくださいねw

 

 

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください