職業訓練校・デザイン学校で教える現役講師から直接学ぶ！就活に役立つ「魅せるポートフォリオサイト」を作りながら基礎スキルを身につけよう
開催日程はありません。
【現役デザイナーでデザインスクール・職業訓練校WEBデザイナー養成クラスの講師が直接指導します！】
音楽スタジオのレコーディングエンジニア、BS放送のサウンドエンジニアなどを経た後、自分の夢と向き合い、カリフォルニア州サンノゼにて、小型飛行機の操縦ライセンスを取得。
帰国後、デザイナーを志し、3DCGやWebデザインの研究をしながら、USJのオープニングクルーとしてアトラクション立ち上げにも携わる。
その後、ソフトウェア会社の商品企画・デザイン担当、楽天やYahooショッピングのネットショップ店長などを歴任した後、独立。
...
+続きを読む
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
・講師自己紹介
【自己PRサイト制作について】
・採用担当者に印象付けるサイトとは？
【Webデザイン基礎知識 1 HTML編】
・インターネットとは？
・Webサイトとは？
・サーバーとブラウザについて
・グラフィックとの違い
・コーディングの環境設定と準備
・HTML/CSSについて
・コーディング実践
◆得られる成果
・Webの基礎知識をインプット
・コーディングの準備・手順を理解
・実際にコーディングしたHTML/CSSファイル
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【Webデザイン基礎知識 2 CSS編】
・HTML/CSSの役割
・CSSの書き方
・CSSとHTMLファイルの紐付け
・CSSプロパティの書き方
◆得られる成果
・HTML/CSSの役割を理解
・HTML/CSSの書き方を理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【Web基礎知識 3 よく使うHTMLタグ】
・新規HTMLページ作成
・原稿をマークアップ
・構造化タグ
・画像とリンクの設定
・相対パス・絶対パス
◆得られる成果
・基本的なHTMLタグを理解
・文章からWebページに落とし込む手法を理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【Web基礎知識 4 よく使うCSSプロパティ（１）】
・CSSファイルの準備
・CSSによるページのカラー指定
・構造の見える化
・ページの中央寄せプロパティ
・余白の設定プロパティ
・自分の作品をページに掲載
◆得られる成果
・基本的なCSSプロパティを理解
・CSSによる基本レイアウトを理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【Web基礎知識 5 よく使うCSSプロパティ（２）】
・BOXモデルについて
・余白の設定
・ブロックボックスとインラインボックス
・フォントの指定
・コメントの書き方
・リセットCSS
・テキストの装飾
・各エリアの装飾
◆得られる成果
・基本的なCSSプロパティを理解
・CSSによる基本レイアウトを理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【Web基礎知識 6 簡単CSSレイアウト（１）】
・横に並べるレイアウト（FLEX Box）
・classセレクタとidセレクタ
・BOXに名前を付ける方法
・作品一覧エリアのレイアウト
・プロフィールエリアのレイアウト
◆得られる成果
・横並びレイアウトを理解
・CSSの基本概念を理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【Web基礎知識 7 簡単CSSレイアウト（２）】
・作品一覧ページのコーディング
・グローバルナビゲーションの設置
・ナビゲーションのレイアウト
・ボタンエリアのCSS設定
・作品エリアのレイアウト
◆得られる成果
・ナビゲーションレイアウトを理解
・リンクエリアの構造を理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【Web基礎知識 8 簡単CSSレイアウト（３）】
・ページ内リンクの設定
・レスポンシブデザインについて
・レスポンシブ用設定
・メディアクエリの書き方
・スマホ用レイアウト調整
◆得られる成果
・スマホ対応レイアウトを理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【サイト制作の流れ・サーバー設定】
・サイト制作フローについて
・ドメインについて
・サーバーについて
・フリーサーバーに契約
・FileZillaのインストール
・FTP設定
・サイトのアップロード方法を知る
◆得られる成果
・Webサイト制作の流れが分かる
・フリーサーバー契約方法を理解
◆当日の流れ
90分 必要に応じて、途中１０分程度休憩することがあります
（質問やキャリア相談により15分程度延長の場合あり）
【自己PRサイト制作】
・採用担当者に印象付けるサイトとは？
・自分を知ること（自分ヒアリングの方法）
・採用を勝ち取るための自己PR文の作り方
・面接でよくされる質問（実例を交えて）
・自己PR文作成
・サイトマップ作成
・ワイヤーフレーム作成
◆得られる成果
・採用担当者に印象付けるサイトを理解
・採用を勝ち取る自己PR文の作り方を理解
