東北電子専門学校は、確かな資格取得と、希望の就職を実現する、充実の設備・施設があなたをお待ちしています。

東北電子専門学校
  • 人事ご担当の方へ
  • アクセスマップ
  • サイトマップ

クリエイティブ分野

  • 学科NEWS
  • 授業風景
  • 先生へ質問
  • 資料請求
  • 学校見学申込み

授業風景

Webクリエーター科の授業風景を紹介します

1年生

入学式から1か月半が経ち、学校生活やクラスの雰囲気にも慣れてきました。

授業開始10分間はタイピング練習をしています。
WebサイトはHTMLやCSSのマークアップ言語で作成されるので、タイピングは必須です。
ブラインドタッチをめざして頑張っています。

授業ではWebの専門知識を学び、実習を通してデザインツールのスキルを身に付けるのに奮闘中です。
「Webデザイン」の授業では、現在、HTML5とCSSを駆使し、仮想企業サイト制作の実習に取り組んでいます。

サイト制作でまずする事は企画書の作成です。
どんなコンテンツを作るのかを考えます。
Webサイトの構成図を考えて書き、ファイル名を決め、ペーパープロトタイプ(ラフな完成予定図)を書きます。

次は素材の作成です。
Photosopやillustratorのデザインツールの技術も授業で学んでおり、それらを利用してWebサイト用画像を制作します。

そして、HTML5やCSSでのマークアップ作業です。
Dreamweaverを使って制作しています。

2年生

2年生は各科目が実習中心の授業になり、科目ごとの多くの課題や、就職活動に奮闘中です。

担任担当授業では、授業開始10分間を利用し、毎日就職対策の自主勉強をしています。

「Web制作U」の授業では、jQuery を駆使して、スマホサイトでよく使われている「ドロップダウンメニュー」の作成に挑戦中です。
PCサイトからスマホサイトへは「レスポンシブWebデザイン※1」です。
「ドロップダウンメニュー」ハンバーガーアイコン※2を実装してタップします。ハンバーガーアイコンを実装してタップすると、「ドロップダウンメニュー」に展開されるような機能を制作しています。

フラットデザイン※3、シングルページレイアウトなら私たちに任せてください。

※1レスポンシブWebデザイン

レスポンシブWebデザインとは、PC、タブレット、スマートフォンなど、あらゆるデバイスに最適化したWebサイトを、単一のHTMLで実現する制作手法です

※2ハンバーガーアイコン

ハンバーガーアイコンとは、タップやクリックすると主にメニューを表示させる目的で使われている、横棒が横に3本並んだ漢字の「三」のようなデザインのアイコンのことです

※3フラットデザイン

フラットデザインとは、画面に表示するボタンやメニューなどのUI要素(ユーザーインターフェース)を非常に平坦な見た目にするという表現手法です


過去の授業風景

  • >3DCG (ページが重いので時間がかかる可能性があります)
  • 資料請求
  • 学校見学申込み
  • AO入学制度
  • 特待生・奨学生制度