Web制作講座
レッスン動画本数：19本 ／ 総授業時間：06:57:13
講座概要
Webデザイナーがデザインしたサイトを実際にインターネット上で見ることができるように、HTMLやCSSを使用してWebサイトのコーディングの基礎知識を学びます。コーディングの初期設定から、FTPでのアップロードまで学べるので、初心者にもおすすめ！
こんな方におすすめ
HTML,CSSを初めて学ぶ方
地道な作業が好きな人
コーディングの基礎知識を学びたい方
こんなお仕事に繋げられます
・企業のLP
・Webサイト制作
講師紹介
中道 早織 Saori Nakamiti
3人の男の子のママ。
家族の転勤をきっかけに、未経験からWebの勉強を始めて、2018年に個人事業主として開業し、現在はコーディングをメインに活動しています。
毎日、子育てにお仕事にてんてこまいしています。
受講生のロールモデルになれます！
＜経歴＞
高専卒業後、大型医療機器のカスタマーエンジニアや電子カルテのインフラ周りの技術支援、営業企画・支援に従事。
現在はLPやサイトのコーディングを始め、WordPress構築、Shopify構築など行なっています。
プログラム
Web制作の流れ、HTML、CSSを書く準備をしよう
- Webの仕組み、コーディングとは
- HTML、CSSとは
- HTML、CSSを書くためのソフトをインストールしよう
- 書き始める前の初期設定をしよう
HTMLを書いてみよう
- HTMLとは
- よく使われるタグ
- 相対パス
- 実際にマークアップをしてみよう
- HTMLの基本構造
- classとid
- リスト、表
- フォーム
CSSを書いてみよう
- CSSとは？
- classとid
- スタイルの当て方
- CSSの読み込ませ方
- リセットCSS
- CSSを書いていきましょう！
- よく使うプロパティ
- 擬似クラス
- Font Awesome
レスポンシブ対応しよう
- レスポンシブデザインとは
- レスポンシブサイトの作成手順
- ブレークポイントの決め方
- 開発者ツール（検証ツール）
XFREEサーバーを契約して、実際にアップしてみよう
- XFREEEを契約してみましょう！
- FTPソフトをダウンロード、実際に設定してみましょう
- ファイルをアップロードし、公開できるか確認しましょう！
- Basic認証をかけておきましょう！
サイトに動きをつけてみよう
- JavaScriptを使って動きをつける方法
- CSSのtransitionを使って動きをつける方法
メールフォームで実際に送れるようにしてみよう
- Google Form を使ったフォーム作成
コーディングを効率化させよう
- SCSSを使ってみよう
- スニペット登録してみよう
コーディングの仕事で気をつけること
- 実務での経験を踏まえてのお話
一般社団法人リトル・ママキャリア
〒105-0014 東京都港区芝2丁目30番6号ファインラック芝2階