4月中旬から始める予定の「ホームページ教室」に使うオンラインテキストの目次が一応できた。全部で10回、中学生対象のクラスは月に1回のペースで進める予定。シニア対象のクラスは2週間に1回のペースで進める予定だ。シニアの方だと月に1回は間隔が空きすぎるのではないかと思う。
WordPressを立ち上げてから約9ヶ月間で得たノウハウをすべてつぎ込んで作ってみた。かなり欲張りな内容になってしまった。実際に授業を進めながら、修正をはかっていきたいと思う。最後の回に、参加者がどのようなホームページをプレゼンしてくれるか、いまから楽しみだ。とりあえず第1回の内容は完成した。開講まで1ヶ月あるので、3日に1回のペースでコンテンツ制作を進めていきたい。最終的には、本1冊分くらいの量になるのではないだろうか。いまはまだパスワードで保護しているが、完成の暁には、サイトをまるごと公開しようかと考えている。
[ 目 次 ]
第1回 ホームページをつくるための準備
1.1 Wi-Fiの設定
1.2 Gmailの登録、設定
1.3 Googleドライブの設定
1.4 必要なアプリのインストール
第2回 WordPress入門
2.1 WordPressとは？
2.2 サーバー（エックスサーバー）
2.3 ドメイン（maywca.com）
2.4 WordPressのインストール
2.5 管理画面の使い方
2.6 無料テーマのインストール（Luxeritas）
2.7 必要なプラグインのインストール
第3回 Luxeritasのカスタマイズ
3.1 サイト情報（タイトル）、キャッチフレーズ（説明文）
3.2 グリッドレイアウト
3.3 ヘッダー、フッター
3.4 フォントの種類とサイズ、カラー
3.5 背景色、画像の設定
3.6 ヘッダーログを入れる（無料ロゴ作成サイトの利用）
3.7 グローバルナビ（メニューバー）の作成
3.8 SNSシェアボタンの設置
3.9 ウィジェット（サイドバーの設定）
3.10 カルーセルスライダーの設置
第4回 HTMLの基本
4.1 HTMLタグの基本
4.2 見出し、リスト
4.3 リンク、画像の指定
4.4 "div"タグ
4.5 id属性、class属性
4.6 テキストの修飾、改行
4.7 テーブル（表）のHTML
第5回 CSSの基本
5.1 CSSの役割
5.2 CSSの基本的な書式
5.3 セレクタ
5.4 背景に関するプロパティ
5.5 テキスト修飾のプロパティ
5.6数値を指定するプロパティ
5.7 マージン、パディング、ボーダー
5.8 見出し、リスト、ボックスのプロパティ
第6回 見出し、リスト、ボックス、ボタンのデザイン
6.1 子テーマのスタイルシート編集
6.2 見出しのデザイン
6.3 リストのデザイン
6.4 ボックスのデザイン
6.5 ボタンのデザイン
6.6 引用枠のデザイン
6.7 fontawesomeボタンの活用法
第7回 WordPressエディタの使い方（ブラウザとスマホアプリ）
7.1 テキストエディタとビジュアルエディタの使い分け
7.2 TinyMCE AdvancedとAddQuicktagプラグインの活用
7.3 投稿ページと固定ページの違い
7.4 カテゴリーの設定と階層化
7.5 記事中画像、アイキャッチ画像、YouTube動画の挿入
7.6 TablePressによる表の作成と利用法
7.7 ブログカード、リンクの挿入
7.8 写真、イラスト、壁紙のフリー提供サイトの活用
第8回 写真、動画の撮影と編集、アップロード
8.1 写真撮影の実際（ロケ）with GPSロガーアプリ
8.2 動画撮影の実際（ロケ）
8.3 アプリを使った写真の編集とリサイズ
8.4 アプリを使った動画の編集
8.5 YouTubeへの動画アップロード
8.6 写真、動画のWordPressへの挿入
第9回 マイマップの作成と挿入
9.1 Googleフォトアルバムの作成
9.2 KMLファイルのインポート
9.3 Googleマップに写真をインポート
9.4 写真、ルート入りのGoogleマップをWordPressに挿入
第10回 ホームページの完成とプレゼンテーション
第1回 ホームページをつくるための準備
1.1 Wi-Fiの設定
1.2 Gmailの登録、設定
1.3 Googleドライブの設定
1.4 必要なアプリのインストール
第2回 WordPress入門
2.1 WordPressとは？
2.2 サーバー（エックスサーバー）
2.3 ドメイン（maywca.com）
2.4 WordPressのインストール
2.5 管理画面の使い方
2.6 無料テーマのインストール（Luxeritas）
2.7 必要なプラグインのインストール
第3回 Luxeritasのカスタマイズ
3.1 サイト情報（タイトル）、キャッチフレーズ（説明文）
3.2 グリッドレイアウト
3.3 ヘッダー、フッター
3.4 フォントの種類とサイズ、カラー
3.5 背景色、画像の設定
3.6 ヘッダーログを入れる（無料ロゴ作成サイトの利用）
3.7 グローバルナビ（メニューバー）の作成
3.8 SNSシェアボタンの設置
3.9 ウィジェット（サイドバーの設定）
3.10 カルーセルスライダーの設置
第4回 HTMLの基本
4.1 HTMLタグの基本
4.2 見出し、リスト
4.3 リンク、画像の指定
4.4 "div"タグ
4.5 id属性、class属性
4.6 テキストの修飾、改行
4.7 テーブル（表）のHTML
第5回 CSSの基本
5.1 CSSの役割
5.2 CSSの基本的な書式
5.3 セレクタ
5.4 背景に関するプロパティ
5.5 テキスト修飾のプロパティ
5.6数値を指定するプロパティ
5.7 マージン、パディング、ボーダー
5.8 見出し、リスト、ボックスのプロパティ
第6回 見出し、リスト、ボックス、ボタンのデザイン
6.1 子テーマのスタイルシート編集
6.2 見出しのデザイン
6.3 リストのデザイン
6.4 ボックスのデザイン
6.5 ボタンのデザイン
6.6 引用枠のデザイン
6.7 fontawesomeボタンの活用法
第7回 WordPressエディタの使い方（ブラウザとスマホアプリ）
7.1 テキストエディタとビジュアルエディタの使い分け
7.2 TinyMCE AdvancedとAddQuicktagプラグインの活用
7.3 投稿ページと固定ページの違い
7.4 カテゴリーの設定と階層化
7.5 記事中画像、アイキャッチ画像、YouTube動画の挿入
7.6 TablePressによる表の作成と利用法
7.7 ブログカード、リンクの挿入
7.8 写真、イラスト、壁紙のフリー提供サイトの活用
第8回 写真、動画の撮影と編集、アップロード
8.1 写真撮影の実際（ロケ）with GPSロガーアプリ
8.2 動画撮影の実際（ロケ）
8.3 アプリを使った写真の編集とリサイズ
8.4 アプリを使った動画の編集
8.5 YouTubeへの動画アップロード
8.6 写真、動画のWordPressへの挿入
第9回 マイマップの作成と挿入
9.1 Googleフォトアルバムの作成
9.2 KMLファイルのインポート
9.3 Googleマップに写真をインポート
9.4 写真、ルート入りのGoogleマップをWordPressに挿入
第10回 ホームページの完成とプレゼンテーション