Webサイト制作研修
★★★★☆(上級レベル) [実習中心]
レスポンシブWebサイト制作基礎
~スマホ・タブレット・パソコンに対応したサイト制作~
研修のねらい
「最近、検索順位が下がってきた」「スマホやタブレットで見ると画面が崩れる」「見た目が古くなったのでリニューアルしたい」
こう感じたことはありませんか?
スマホ、タブレット、パソコンなどのマルチデバイスに対応したサイトの制作ができるようになる講座です。
無料で利用ができる「Bootstrap」を使用して、基礎からコーディング、サイトテスト方法までの一連の流れとグループ演習を通して習得します。
学習のポイント
- 1ソース(1つのHTML)でマルチデバイス対応のWEBサイトが制作出来ること
- 「Bootstrap」を使用することで複雑なCSSを知らなくても作成できてしまうこと
- 基礎からコーティング、テスト方法までの一連の流れも習得できること
受講対象
- スマートフォン対応のウェブサイトを制作したい方
- HTML、CSSを触ったことがある方
- 「ホームページ制作基礎」を受講した方
内容
マルチデバイス対応の為の様々な分析
Webデザインの基礎知識
レスポンシブWebデザインの応用知識
Bootstrapの基礎知識【講義&実習】
Bootstrapの使い方【講義&実習】
レスポンシブWebデザインサイト制作【講義&実習】
CAFEのサイトを例に1ソース(1つのHTML)でマルチデバイス対応のWEBサイトを制作いたします。
以下は、イメージサイトとなります。
サイトテスト方法【講義】
レスポンシブWebデザインサイト(グループ演習)
グループでディスカッションして、学んだ内容をしっかりアウトプットいただきます。
演習の最後にはグループでレスポンシブなWebを制作出来ている状態になります。
参考情報
HTMLやCSSに関して初心者の方もしくは復習されたい方は、こちらの動画が参考になるかと存じます。
※研修環境(使用ソフト等):Windows10、テキストエディタ、Bootstrap5
※ご使用のソフトのバージョンが異なる場合でも受講可能ですが、操作画面が異なる場合があります。
※研修で作成したデータをお持ち帰りになりたい場合、USBメモリなどをご持参ください。
講師
田渕 真理子 氏
(セイ・コンサルティング・グループ株式会社)
社内システム構築業務などを経験した後、パソコン全般に関して18年以上研修講師として活動。IT系研修の他に、色彩心理学やメンタルヘルスを活用したビジネスマナー研修やコミュニケーション研修など幅広いジャンルの研修講師として活躍する。
受講者からのご意見
- 資料等が充実しており、後で自主学習が十分できます。
- 細かいところまで終始丁寧に説明して下さり、初心者の私でも大変分かりやすかったです。
- 質問に丁寧に返答してもらえました。
レスポンシブWebサイト制作基礎 ~スマホ・タブレット・パソコンに対応したサイト制作~ を受講している方はこんな研修を受講しています