Web制作講座

レッスン動画本数:19本 / 総授業時間:418分

講座概要

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階