FELLOWS
Web・デザイン
構造から理解する

Webコーディング研修

HTMLとCSSを中心にWebページの仕組みと基本構造を理解し、 簡単なページ制作ができる基礎的なコーディングスキルを習得します。

こんな企業におすすめ

  • ●非エンジニアにWeb構造理解を求める企業
  • ●制作現場の職種間連携を強化したい企業
  • ●Web運用を内製化・効率化したい企業
  • ●若手人材の基礎スキル底上げをしたい企業

研修後の到達イメージ

  • ●Webの仕組みとHTML構造を説明できる
  • ●CSSで基本的な装飾とレイアウトができる
  • ●簡単なJavaScriptの動きを理解し説明できる
  • ●コードの意味を理解し自力で修正できる

プログラム

1

Web構造とHTML基礎

Webの仕組みやHTML構造の役割を理解し、ブラウザがどのように情報を解釈して表示するかを学び基本的なマークアップを習得

2

CSSスタイリング基礎

色・文字・余白などのスタイル指定やセレクタの基本を理解し、HTML要素に意図したデザインを適用するための基礎操作

3

レイアウト基礎と構造設計

ボックスモデルや配置手法を理解し、見出し・文章・画像を用いたレイアウトを組み立てながらページ構造を設計する方法

4

JavaScript基礎理解

簡単な動きやロジックの基本を理解し、ボタン操作や表示切り替えなど簡易的な動作を実装するための基礎を習得

5

ページ制作演習

学んだHTML・CSS・JavaScriptを組み合わせ、シンプルなページ制作を行い構造理解から実装までの流れを体験

講師情報

制作会社、システム会社などで10年間勤務後、フリーランスとして13年以上活動。Webデザイン、UI/UX、フロントエンド、SEO、マーケティング、システム開発、動画制作など幅広い領域で経験を積むゼネラリスト。近年は勉強会主催や講師としても活動し、Figma解説書の共同執筆にも参加。現在はデザインと教育の両面から企業・団体の課題解決に取り組む制作会社のも役員としても参画して、組織デザインに取り組んでいる。

実施概要

料金目安

ご要望をお伺いしたうえで、内容に応じてお見積りいたします。
10時間以上の研修は「人材開発支援助成金」を活用できる可能性があります。詳細はお問い合わせください。

自社のニーズに合わせた最適なソリューションをご提案します！

お問い合わせ