Web制作講座

Webデザイナーがデザインしたサイトを実際にインターネット上で見ることができるように、HTMLやCSSを使用して、Webサイトのコーディングの基礎知識を学びます。
コーディングの初期設定から、FTPでのアップロードまで学べるので、初心者におすすめ!

もっとみる

動画講座

Web制作講座

50,000 円(税込)

申し込み期間: 2029年12月31日 18:00まで
  • 視聴可能日数:購入から180日間
  • デバイス

    PC, スマートフォンどちらでも可

申し込み期間: 2029年12月31日 18:00まで
視聴可能日数:購入から180日間

リトル・ママビジネススクール

\子育て経験をキャリアにしよう/ママ向けオンラインスクール

受講後の効果

・企業のLP
・Webサイト制作

【卒業生コミュニティ】
ご受講後は、任意で卒業生限定のコミュニティへ加入することができます。

コミュニティのメリット)
・リトル・ママから、お仕事の紹介があります。家にいながら自分の感性を活かせる人気のお仕事を優先的に受けることができます。
・全国のママたちと、仕事だけではなく、ランチ会や交流会などを通して情報共有やおしゃべりを楽しめます。
・定期的に無料の勉強会(オンライン)を開催しています。

費用)
3,300円(税込)の年1回払いです。
※初回支払い時に決済システムへ登録→翌年から自動引き落とし

入会方法)
ご希望の方は講座受講後、メッセージ機能から事務局へご連絡ください。

カリキュラム

  • Chapter1_Web制作の流れ、HTML、CSSを書く準備をしよう

    13分

    視聴可能日数: 申し込みから180日

    1. ・Webの仕組み、コーディングとは
      ・HTML、CSSとは
      ・HTML、CSSを書くためのソフトをインストールしよう
      ・書き始める前の初期設定をしよう

  • Chapter2-1_HTMLを書いてみよう

    23分

    視聴可能日数: 申し込みから180日

    1. ・HTMLとは
      ・よく使われるタグ
      ・相対パス
      ・実際にマークアップをしてみよう
      ・HTMLの基本構造
      ・classとid
      ・リスト、表
      ・フォーム

  • Chapter2-2_HTMLを書いてみよう

    20分

    視聴可能日数: 申し込みから180日

    1. ・HTMLとは
      ・よく使われるタグ
      ・相対パス
      ・実際にマークアップをしてみよう
      ・HTMLの基本構造
      ・classとid
      ・リスト、表
      ・フォーム

  • Chapter2-3_HTMLを書いてみよう

    45分

    視聴可能日数: 申し込みから180日

    1. ・HTMLとは
      ・よく使われるタグ
      ・相対パス
      ・実際にマークアップをしてみよう
      ・HTMLの基本構造
      ・classとid
      ・リスト、表
      ・フォーム

  • Chapter3-1_CSSを書いてみよう

    22分

    視聴可能日数: 申し込みから180日

    1. ・CSSとは?
      ・classとid
      ・スタイルの当て方
      ・CSSの読み込ませ方
      ・リセットCSS
      ・CSSを書いていきましょう!
      ・よく使うプロパティ
      ・擬似クラス
      ・Font Awesome

  • Chapter3-2_CSSを書いてみよう

    29分

    視聴可能日数: 申し込みから180日

    1. ・CSSとは?
      ・classとid
      ・スタイルの当て方
      ・CSSの読み込ませ方
      ・リセットCSS
      ・CSSを書いていきましょう!
      ・よく使うプロパティ
      ・擬似クラス
      ・Font Awesome

  • Chapter3-3_CSSを書いてみよう

    40分

    視聴可能日数: 申し込みから180日

    1. ・CSSとは?
      ・classとid
      ・スタイルの当て方
      ・CSSの読み込ませ方
      ・リセットCSS
      ・CSSを書いていきましょう!
      ・よく使うプロパティ
      ・擬似クラス
      ・Font Awesome

  • Chapter3-4_CSSを書いてみよう

    33分

    視聴可能日数: 申し込みから180日

    1. ・CSSとは?
      ・classとid
      ・スタイルの当て方
      ・CSSの読み込ませ方
      ・リセットCSS
      ・CSSを書いていきましょう!
      ・よく使うプロパティ
      ・擬似クラス
      ・Font Awesome

  • Chapter4_レスポンシブ対応しよう

    31分

    視聴可能日数: 申し込みから180日

    1. ・レスポンシブデザインとは
      ・レスポンシブサイトの作成手順
      ・ブレークポイントの決め方
      ・開発者ツール(検証ツール)

  • Chapter5_サーバーを契約して、実際にアップしてみよう

    14分

    視聴可能日数: 申し込みから180日

    1. ・サーバーを契約してみましょう!
      ・FTPソフトをダウンロード、実際に設定してみましょう
      ・ファイルをアップロードし、公開できるか確認しましょう!
      ・Basic認証をかけておきましょう!
      ーーーーーーーーーー
      自由課題:
      実際にサーバーを契約して、制作したサイトを公開してみましょう。

  • Chapter6-1_サイトに動きをつけてみよう

    20分

    視聴可能日数: 申し込みから180日

    1. ・JavaScriptを使って動きをつける方法
      ・CSSのtransitionを使って動きをつける方法

  • Chapter6-2_サイトに動きをつけてみよう

    16分

    視聴可能日数: 申し込みから180日

    1. ・JavaScriptを使って動きをつける方法
      ・CSSのtransitionを使って動きをつける方法

  • Chapter6-3_サイトに動きをつけてみよう

    9分

    視聴可能日数: 申し込みから180日

    1. ・JavaScriptを使って動きをつける方法
      ・CSSのtransitionを使って動きをつける方法

  • Chapter6-4_サイトに動きをつけてみよう

    13分

    視聴可能日数: 申し込みから180日

    1. ・JavaScriptを使って動きをつける方法
      ・CSSのtransitionを使って動きをつける方法

  • Chapter6-5_サイトに動きをつけてみよう

    13分

    視聴可能日数: 申し込みから180日

    1. ・JavaScriptを使って動きをつける方法
      ・CSSのtransitionを使って動きをつける方法

  • Chapter7-1_メールフォームで実際に送れるようにしてみよう

    17分

    視聴可能日数: 申し込みから180日

    1. ・Google Form を使ったフォーム作成

  • Chapter7-2_メールフォームで実際に送れるようにしてみよう

    9分

    視聴可能日数: 申し込みから180日

    1. ・Google Form を使ったフォーム作成

  • Chapter8_コーディングを効率化させよう

    23分

    視聴可能日数: 申し込みから180日

    1. ・SCSSを使ってみよう

      ・スニペット登録してみよう

  • Chapter9_コーディングの仕事で気をつけること

    19分

    視聴可能日数: 申し込みから180日

    1. ・実務での経験を踏まえてのお話

【講師紹介】
中道 早織(Saori Nakamiti)

3人の男の子のママ。
家族の転勤をきっかけに、未経験からWebの勉強を始めて、2018年に個人事業主として開業し、現在はコーディングをメインに活動しています。
毎日、子育てにお仕事にてんてこまいしています。
受講生のロールモデルになれます!

経歴)
高専卒業後、大型医療機器のカスタマーエンジニアや電子カルテのインフラ周りの技術支援、営業企画・支援に従事。
現在はLPやサイトのコーディングを始め、WordPress構築、Shopify構築など行なっています。

もっとみる

こんな人におすすめです

・HTML,CSSを初めて学ぶ方
・地道な作業が好きな方
・コーディングの基礎知識を学びたい方

講座スタイル

  • 動画講座

  • PC, スマートフォンどちらでも可

システム要件

■パソコン
【windows】
OS:Windows 11、Windows 10
ブラウザ:Microsoft Edge 最新版 Firefox 最新版、Chrome 最新版
【macOS】
OS:macOS 10.15 Catalina以降
ブラウザ:Safari 最新版、Firefox 最新版、Chrome 最新版

■スマートフォン
【iPhone・iPad】
OS:iOS最新版
ブラウザ:Safari 最新版
【Android】
OS:Android最新版
ブラウザ:Chrome 最新版

キャンセル・返金について

コエテコカレッジ上で販売されている講座には、質の高い豊かな学びの場を提供するために、受講者による講座のキャンセルや返金についてガイドラインを設けております。
動画講座・問題集講座は購入完了日から30日以内は返金を申請できます。
ライブ講座・課題提出講座は初回開催日から30日以内は返金を申請できます。
サブスクは原則返金ができません。
詳しい条件や手順につきましては ガイドライン をご覧ください。

リトル・ママビジネススクール

\子育て経験をキャリアにしよう/ママ向けオンラインスクール

動画講座

Web制作講座

50,000 円(税込)

申し込み期間: 2029年12月31日 18:00まで
  • 視聴可能日数:購入から180日間
  • デバイス

    PC, スマートフォンどちらでも可

申し込み期間: 2029年12月31日 18:00まで
視聴可能日数:購入から180日間

リトル・ママビジネススクール

\子育て経験をキャリアにしよう/ママ向けオンラインスクール

\子育て経験をキャリアにしよう/ママ向けオンラインスクール

リトル・ママビジネススクール

「子どもとの時間も大事にしながら仕事をしたい」
「スキルアップしたい」
「誰かの役に立ちたい」
「新しいことにチャレンジしたい」
そんなママたちに向けた、自宅で受講できるオンラインスクール。

リトル・ママビジネススクールでは在宅で働けるスキルを身につける講座がたくさん!

【選べるスキル】
▶︎ Instagram運用講座
▶︎ ママライター講座
▶︎ WordPress講座
▶︎ WEB制作講座
▶︎ WEBデザイン初級_Photoshop講座
▶︎ WEBデザイン中級_Illustrator講座
▶︎ イベントディレクター講座
▶︎ 動画クリエイター講座

【子育てママの味方 リトル・ママがノウハウを提供】
メディアの運営、SNSの運用、イベントの企画運営をしながら子育てママに寄り添った情報の配信をしてきた『リトル・ママ』。
リトル・ママだからこそ作れたリトル・ママビジネススクールは、子育てママのスキルアップを応援しています。

オンラインで講座販売するなら

コエテコカレッジ コエテコカレッジ

オンライン講座の開催/連絡/決済トータルサポート

無料ではじめる