Webデザイナーがデザインしたサイトを実際にインターネット上で見ることができるように、HTMLやCSSを使用して、Webサイトのコーディングの基礎知識を学びます。
コーディングの初期設定から、FTPでのアップロードまで学べるので、初心者におすすめ!
- 視聴可能日数:購入から180日間
-
デバイス
PC, スマートフォンどちらでも可
視聴可能日数:購入から180日間
受講後の効果
・企業のLP
・Webサイト制作
【卒業生コミュニティ】
ご受講後は、任意で卒業生限定のコミュニティへ加入することができます。
コミュニティのメリット)
・リトル・ママから、お仕事の紹介があります。家にいながら自分の感性を活かせる人気のお仕事を優先的に受けることができます。
・全国のママたちと、仕事だけではなく、ランチ会や交流会などを通して情報共有やおしゃべりを楽しめます。
・定期的に無料の勉強会(オンライン)を開催しています。
費用)
3,300円(税込)の年1回払いです。
※初回支払い時に決済システムへ登録→翌年から自動引き落とし
入会方法)
ご希望の方は講座受講後、メッセージ機能から事務局へご連絡ください。
カリキュラム
-
Chapter1_Web制作の流れ、HTML、CSSを書く準備をしよう
13分
視聴可能日数: 申し込みから180日
-
Chapter2-1_HTMLを書いてみよう
23分
視聴可能日数: 申し込みから180日
-
Chapter2-2_HTMLを書いてみよう
20分
視聴可能日数: 申し込みから180日
-
Chapter2-3_HTMLを書いてみよう
45分
視聴可能日数: 申し込みから180日
-
Chapter3-1_CSSを書いてみよう
22分
視聴可能日数: 申し込みから180日
-
Chapter3-2_CSSを書いてみよう
29分
視聴可能日数: 申し込みから180日
-
Chapter3-3_CSSを書いてみよう
40分
視聴可能日数: 申し込みから180日
-
Chapter3-4_CSSを書いてみよう
33分
視聴可能日数: 申し込みから180日
-
Chapter4_レスポンシブ対応しよう
31分
視聴可能日数: 申し込みから180日
-
Chapter5_サーバーを契約して、実際にアップしてみよう
14分
視聴可能日数: 申し込みから180日
-
Chapter6-1_サイトに動きをつけてみよう
20分
視聴可能日数: 申し込みから180日
-
Chapter6-2_サイトに動きをつけてみよう
16分
視聴可能日数: 申し込みから180日
-
Chapter6-3_サイトに動きをつけてみよう
9分
視聴可能日数: 申し込みから180日
-
Chapter6-4_サイトに動きをつけてみよう
13分
視聴可能日数: 申し込みから180日
-
Chapter6-5_サイトに動きをつけてみよう
13分
視聴可能日数: 申し込みから180日
-
Chapter7-1_メールフォームで実際に送れるようにしてみよう
17分
視聴可能日数: 申し込みから180日
-
Chapter7-2_メールフォームで実際に送れるようにしてみよう
9分
視聴可能日数: 申し込みから180日
-
Chapter8_コーディングを効率化させよう
23分
視聴可能日数: 申し込みから180日
-
Chapter9_コーディングの仕事で気をつけること
19分
視聴可能日数: 申し込みから180日
・Webの仕組み、コーディングとは
・HTML、CSSとは
・HTML、CSSを書くためのソフトをインストールしよう
・書き始める前の初期設定をしよう
・HTMLとは
・よく使われるタグ
・相対パス
・実際にマークアップをしてみよう
・HTMLの基本構造
・classとid
・リスト、表
・フォーム
・HTMLとは
・よく使われるタグ
・相対パス
・実際にマークアップをしてみよう
・HTMLの基本構造
・classとid
・リスト、表
・フォーム
・HTMLとは
・よく使われるタグ
・相対パス
・実際にマークアップをしてみよう
・HTMLの基本構造
・classとid
・リスト、表
・フォーム
・CSSとは?
・classとid
・スタイルの当て方
・CSSの読み込ませ方
・リセットCSS
・CSSを書いていきましょう!
・よく使うプロパティ
・擬似クラス
・Font Awesome
・CSSとは?
・classとid
・スタイルの当て方
・CSSの読み込ませ方
・リセットCSS
・CSSを書いていきましょう!
・よく使うプロパティ
・擬似クラス
・Font Awesome
・CSSとは?
・classとid
・スタイルの当て方
・CSSの読み込ませ方
・リセットCSS
・CSSを書いていきましょう!
・よく使うプロパティ
・擬似クラス
・Font Awesome
・CSSとは?
・classとid
・スタイルの当て方
・CSSの読み込ませ方
・リセットCSS
・CSSを書いていきましょう!
・よく使うプロパティ
・擬似クラス
・Font Awesome
・レスポンシブデザインとは
・レスポンシブサイトの作成手順
・ブレークポイントの決め方
・開発者ツール(検証ツール)
・サーバーを契約してみましょう!
・FTPソフトをダウンロード、実際に設定してみましょう
・ファイルをアップロードし、公開できるか確認しましょう!
・Basic認証をかけておきましょう!
ーーーーーーーーーー
自由課題:
実際にサーバーを契約して、制作したサイトを公開してみましょう。
・JavaScriptを使って動きをつける方法
・CSSのtransitionを使って動きをつける方法
・JavaScriptを使って動きをつける方法
・CSSのtransitionを使って動きをつける方法
・JavaScriptを使って動きをつける方法
・CSSのtransitionを使って動きをつける方法
・JavaScriptを使って動きをつける方法
・CSSのtransitionを使って動きをつける方法
・JavaScriptを使って動きをつける方法
・CSSのtransitionを使って動きをつける方法
・Google Form を使ったフォーム作成
・Google Form を使ったフォーム作成
・SCSSを使ってみよう
・スニペット登録してみよう
・実務での経験を踏まえてのお話
【講師紹介】
中道 早織(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 最新版
キャンセル・返金について
\子育て経験をキャリアにしよう/ママ向けオンラインスクール
リトル・ママビジネススクール
「子どもとの時間も大事にしながら仕事をしたい」
「スキルアップしたい」
「誰かの役に立ちたい」
「新しいことにチャレンジしたい」
そんなママたちに向けた、自宅で受講できるオンラインスクール。
リトル・ママビジネススクールでは在宅で働けるスキルを身につける講座がたくさん!
【選べるスキル】
▶︎ Instagram運用講座
▶︎ ママライター講座
▶︎ WordPress講座
▶︎ WEB制作講座
▶︎ WEBデザイン初級_Photoshop講座
▶︎ WEBデザイン中級_Illustrator講座
▶︎ イベントディレクター講座
▶︎ 動画クリエイター講座
【子育てママの味方 リトル・ママがノウハウを提供】
メディアの運営、SNSの運用、イベントの企画運営をしながら子育てママに寄り添った情報の配信をしてきた『リトル・ママ』。
リトル・ママだからこそ作れたリトル・ママビジネススクールは、子育てママのスキルアップを応援しています。
オンラインで講座販売するなら
オンライン講座の開催/連絡/決済トータルサポート
無料ではじめる