はじめに
  • Udemyの動画視聴画面の説明 【PC編】
HTML5とは
  • HTML5
  • テスト:HTML5とは
WEBページを制作するために必要なツール
  • WEBページの作成に必要なもの
  • テスト:WEBページを制作するために必要なツール
HTMLの基本用語
  • HTMLの基本を学ぶ
  • テスト:HTMLで使われる基本的な用語
基本的な要素
  • 基本的なHTML文書の説明
  • テスト:基本的なHTML
  • 基本的なHTML文書でよく使われる要素
  • テスト:基本的なHTML文書でよく使われる要素
  • HTMLのレイアウトで分ける3つのグループ
  • ヘッダーのグループ
  • フッターのグループ
  • コンテンツのグループ
  • テスト:コンテンツのグループで使われる要素
  • 要素内でよく使われる要素
HTMLのスタイル・ルール
  • スタイル・ルール
  • テスト:スタイル・ルール
サンプルWEBページの作成 ※HTML編
  • WEBページの作成 準備編
  • WEBページの作成 コーディング編
無料サーバの申込み・設定など ※XFREE編
  • 本セクションをご視聴される前に必ずご確認ください
  • サーバの申込み・設定・サイト公開
有料サーバの申込み・設定など ※エックスサーバー編
  • サーバの申し込み
  • サーバの設定
CSSとは
  • CSS作成のルール
  • CSSのプロパティ
  • フォント・テキストに関するCSSプロパティ
  • 背景・ボーダーに関するCSSプロパティ
  • ボックスに関するCSSプロパティ
レスポンシブ・ウェブデザインとは
  • レスポンシブ・ウェブデザインの概要
JavaScript入門
  • 本講座(セクション)で学ぶ範囲・目標設定
  • JavaScriptとは
  • 1.JavaScriptの実行
  • 2.記述のルール
  • 3.変数
  • 4.変数宣言のキーワード
  • 5.関数
  • 6.jQuery
JavaScriptでスライダーを設置しよう!
  • 本講座(セクション)で学ぶこと
  • Swiper
  • 1.Basic
  • 2.Loop
  • 3.Navigation
  • 4.Auto
  • 5.Pagination
  • 6.Navigation ※色の変更
  • 7.Navigation ※マークの変更
  • 8.Pagination ※色の変更
  • 9.画像を表示
  • 10.Pagenationで移動
  • Swiperのサンプルデモ
JavaScriptでドロワーメニューを設置しよう!
  • 本講座(セクション)で学ぶこと
  • 1.Drawer
  • 2.メニューを右側に表示・ハンバーガーアイコンのカスタマイズ
  • 3.メニューを閉じる(バツ印)アイコンのカスタマイズほか
  • 4.アイコンのカスタマイズほか
おわりに
  • コース修了おめでとうございます
特典
  • WEBサイトの基本知識
  • 用語の説明
  • コンテンツ・モデル
  • CSS3 ※サンプル・チートシート
  • FTPの説明
  • 画像を変更する
  • サンプルWEBページ (レシピページ) のダウンロード
  • サンプルWEBページ(style.css)の解説編1
  • サンプルWEBページ(style.css)の解説編2
  • サンプルWEBページ(style.css)の解説編3
  • Empty New Tab Pageの追加方法
  • 【旧:Hostinger】サーバの申し込み・設定
  • 【旧:Hostinger】WEBページの公開
  • 【旧:Hostinger】お問合せ(メールフォーム)の作成
  • 【旧:Hostinger】アーカイブされた(WEBサイトが表示されない)場合
  • ボーナスレクチャー