どんな課題に対応しますか？

以下のような課題をお持ちのお客さまにおすすめいたします。フォームを含む基本的なWebページを作成できるようになりたい見やすく整えたつもりでも、思い通りに表示されず、つまずく新人・若手が多い実践的な教育機会を設け、新人でも簡単なページを自力で作れるよう育成したい

導入で何が変わりますか？

本研修の受講により、以下を目指します。 ①HTMLを使って簡単なWebページを作成できる ②CSSを活用して、見やすく読みやすいデザインに調整するポイントを理解する ③入力フォームを含む実用的なWebページを構築できる

表示ページに戻る

検索結果

{{'検索結果' + searchResultList.length + '件'}}（人気順）

- 定番
- 新作
{{val.page_cat}}

{{val.page_ttl}}

{{val.page_descr}}

HTML／CSS基礎研修（３日間）

Q: 対象は？

主な対象は以下の方です。 ・エンジニア（SE）になったばかりの方 ・Webサイトの制作業務を初めて担当する方 ・HTMLやCSSの仕組みを学んだことがない方

Q: どんな課題に対応しますか？

以下のような課題をお持ちのお客さまにおすすめいたします。 フォームを含む基本的なWebページを作成できるようになりたい 見やすく整えたつもりでも、思い通りに表示されず、つまずく新人・若手が多い 実践的な教育機会を設け、新人でも簡単なページを自力で作れるよう育成したい

書いて、動かして、フロントエンドの実装力を体得する

講師派遣型研修の検索
- 表示ページに戻る
お問合せはこちら

対象者

新入社員
若手層

・エンジニア（SE）になったばかりの方
・Webサイトの制作業務を初めて担当する方
・HTMLやCSSの仕組みを学んだことがない方

よくあるお悩み・ニーズ

フォームを含む基本的なWebページを作成できるようになりたい
見やすく整えたつもりでも、思い通りに表示されず、つまずく新人・若手が多い
実践的な教育機会を設け、新人でも簡単なページを自力で作れるよう育成したい

研修内容・特徴outline・feature

本研修では、HTMLとCSSの基本を学んだうえで、演習課題を通し、見出しや画像、リンクを組み合わせながらページを作成していきます。CSSで色や余白、レイアウトを整えて完成度を高めるとともに、入力フォームの作成にも取り組みます。基礎知識と実践を結びつけながら、現場でそのまま活用できるページ制作の流れを習得できます。

＊本研修ではPCを使用します＊

研修のゴールgoal

①HTMLを使って簡単なWebページを作成できる
②CSSを活用して、見やすく読みやすいデザインに調整するポイントを理解する
③入力フォームを含む実用的なWebページを構築できる

研修プログラム例program


	内容	手法
	１．Webサイトの基礎知識（１）Webサイトの基礎知識（２）編集ソフト	講義
	２．HTMLの概要（１）HTMLとは・基本書式（２）タグと要素	講義
	３．Webページの基本要素（１）基本構造・見出し・段落・リスト（２）リンク・画像【ワーク】カフェの採用ページを作成する	講義ワーク
	４．CSSの概要（１）CSSの役割・基本書式（２）セレクタ・継承（３）CSSの配置・外部化	講義
	５．CSSでのスタイル調整（１）テキスト色・サイズ・リンク色（２）背景色・余白・枠（３）カスケード・フレックスボックス・テーブル【ワーク】採用ページのデザインを整える【参考】モバイル対応	講義ワーク
	６．実用的なWebページ（１）フォームの基礎（２）セレクトリスト・ラジオボタン・チェックボックス・テキストフィールド（３）送信ボタン・ラベル【ワーク】エントリーフォームを作成する	講義ワーク

10680

カスタマイズ事例～ケーススタディCASE STUDY

本研修のカスタイマイズ事例として、作成したケーススタディを業界別にご紹介します。

{{val.trade}}

{{theme}}研修のケーススタディ一覧

開発者コメントcomment

タグやスタイルの書き方を学ぶだけでは、完成形をイメージしにくく、そのまま学習を終えてしまいがちです。そこで本研修では、学んだ内容を形にする楽しさや達成感を実感できるよう、具体的なお題に沿って、自身の手でWebページを完成させる演習を取り入れました。一つのWebページを作り上げた経験が、実務につながると考えています。

読み物・コラムcolumn

お問合せ・ご質問

講師派遣Q&A

お問合せ

商談予約

よくいただくご質問～特徴や内容など講師派遣型研修について詳しくご説明

よくいただくご質問一覧

下記情報を無料でＧＥＴ！！

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

無料セミナー、新作研修、他社事例、公開講座割引、資料プレゼント、研修運営のコツ

メールマガジンのご登録はこちら

登録は左記QRコードから！

※配信予定は、予告なく配信月や研修テーマを変更する場合がございます。ご了承ください。

配信をご希望の方は、個人情報保護の取り扱いをご覧ください。

■最新作・ニュース

研修を探す

同じジャンルで探す

{{value.len}}種

最新WEBページ一覧

人材に関するお悩み
- ダイバーシティ
- 女性活躍推進
- 役職定年者の活性化
- 再雇用・雇用延長対応
- ダイバーシティ推進
- 人的資本経営
- 人的資本経営（管理）
- タレントマネジメント
- リスキリング促進
- アセスメント
- 選抜者教育の導入
- 管理職向けアセスメント
- 採用・離職防止
- 活躍してくれる人材の採用
- 採用支援サービス
- 離職防止
- リーダー・管理職
- 新任管理職研修
- 評価者の教育と事務軽減
- 変化に強いリーダーの育成
- 管理職の意識・スキル向上
- 次世代経営者育成
- 業績向上
- 組織風土・マインド
- 内向型人材の活用
- 若手の主体的発揮
- エンゲージメント向上
- 従業員のモラル向上
- モチベーション向上
- 営業・マーケティング
- 営業力強化
- マーケティング強化
- 新規事業のアイディア創出
- 営業支援ツール Remote Plants
- 組織運営
- 学び続ける組織
- 上場に向けた社員教育
- 企業統治・ガバナンス
- サクセッションプラン策定
- ＣＳＲ、社会貢献
- 部門・組織向け
- 病院に特化した研修
- 人事業務の外部委託

サービスラインナップ

最新WEB
- 速報新作研修
- 講師派遣研修
- 公開講座
- 動画百貨店
- コアソリューション

最新ニュース・記事

本研修をご検討中の方はこちら

お問合せ

商談予約

同テーマの公開講座を見る

インソースからの新着メッセージ

初めてご利用の方へ

最新WEBページ一覧

人材に関するお悩み
- ダイバーシティ
- 女性活躍推進
- 役職定年者の活性化
- 再雇用・雇用延長対応
- ダイバーシティ推進
- 人的資本経営
- 人的資本経営（管理）
- タレントマネジメント
- リスキリング促進
- アセスメント
- 選抜者教育の導入
- 管理職向けアセスメント
- 採用・離職防止
- 活躍してくれる人材の採用
- 採用支援サービス
- 離職防止
- リーダー・管理職
- 新任管理職研修
- 評価者の教育と事務軽減
- 変化に強いリーダーの育成
- 管理職の意識・スキル向上
- 次世代経営者育成
- 業績向上
- 組織風土・マインド
- 内向型人材の活用
- 若手の主体的発揮
- エンゲージメント向上
- 従業員のモラル向上
- モチベーション向上
- 営業・マーケティング
- 営業力強化
- マーケティング強化
- 新規事業のアイディア創出
- 営業支援ツール Remote Plants
- 組織運営
- 学び続ける組織
- 上場に向けた社員教育
- 企業統治・ガバナンス
- サクセッションプラン策定
- ＣＳＲ、社会貢献
- 部門・組織向け
- 病院に特化した研修
- 人事業務の外部委託

サービスラインナップ

最新WEB
- 速報新作研修
- 講師派遣研修
- 公開講座
- 動画百貨店
- コアソリューション

最新ニュース・記事

新作研修（講師派遣）

業界随一の研修開発力を誇る
インソースの最新プログラム

新作研修をもっと見る

コア・ソリューションプラン の新作情報

250種類以上のコンサル事例！
組織の「したい！」に全力で応える

プランをもっと見る

本テーマのおすすめリンク

おすすめリンク


	内容	手法
	１．Webサイトの基礎知識（１）Webサイトの基礎知識（２）編集ソフト	講義
	２．HTMLの概要（１）HTMLとは・基本書式（２）タグと要素	講義
	３．Webページの基本要素（１）基本構造・見出し・段落・リスト（２）リンク・画像【ワーク】カフェの採用ページを作成する	講義ワーク
	４．CSSの概要（１）CSSの役割・基本書式（２）セレクタ・継承（３）CSSの配置・外部化	講義
	５．CSSでのスタイル調整（１）テキスト色・サイズ・リンク色（２）背景色・余白・枠（３）カスケード・フレックスボックス・テーブル【ワーク】採用ページのデザインを整える【参考】モバイル対応	講義ワーク
	６．実用的なWebページ（１）フォームの基礎（２）セレクトリスト・ラジオボタン・チェックボックス・テキストフィールド（３）送信ボタン・ラベル【ワーク】エントリーフォームを作成する	講義ワーク

HTML／CSS基礎研修（３日間）

対象者

よくあるお悩み・ニーズ

研修内容・特徴outline・feature

研修のゴールgoal

研修プログラム例program

カスタマイズ事例～ケーススタディCASE STUDY

開発者コメントcomment

関連おすすめ研修

関連の研修を探す

関連サービス

直近の無料セミナー

読み物・コラムcolumn

インソースの研修はここまでやります

事前課題の実施

事後アンケート・講師報告書の提出

研修効果を高めるオプションサービスもございます。ご相談ください

■ご相談、お見積りはこちら

■WEB からのお問合せもご利⽤ください

HTML／CSS基礎研修（３日間）