前は「ＨＰＷＧ」
ＨＰ概要
https://abi.sakura.ne.jp/hpwg/sofar/socourse/
ホームページ (ウェブサイト、以下HP) を記述するための言語であるHTML と、表示レイアウトなどの修飾を指定するのためのCSS (スタイルシート) 及び 動きをつけるプログラミング言語 JavaScript (ジャバスクリプト) を学びます。
現在のウェブデザインは、文書の構造 (HTML) と体裁 (CSS) を分離させるという設計思想で制作されています。
この講座ＨＰＷＧでは、WordPressを使用してホームページを構築します。（HTML,CSS の知識なしに）
Web制作アプリとしてホームページビルダーやJimdo等がありますが、W.G.ではHTMLとCSSを覚える事を前提に、テキストエディターによる制作を目指します。結局、アプリを用いてもHTMLやCSSの知識なしでは、思った通りのホームページは作れません。
団体のHP作成支援をするには、結構色々な要求があって、場合によりある程度対応できる必要があります。一応ホームページが作れるようになっても、JavaScript (スライダーやギャラリー等。以下js) やCGI (フォームメール等) など、色々やってみたいことが出てくると思います。でも、見栄えなどより、重要なのはコンテンツ (中身) でありシンプルさです。
動作環境 OS：Windows10/11、ブラウザ：InternetExplorer==> Chrome
【参考】Chromeの普及率(https://kinsta.com/jp/browser-market-share/)
ホームページの作り方
ホームページを作成する場合には、大きく分けて以下の4通りの作り方があります。
1) ホームページ作成ソフトを使って作る
自由度 中、難易度 低、費用 中
ソフト例 ホームページビルダー
サイト例 前我孫子登山倶楽部
必須要件 ソフトの購入、HPスペース (FC2などのフリー版でも可)
2) CMSツール(Contents-Management-System)(WordPress 等) を使って作る
自由度 中、難易度 中、費用 高
CMS例 WordPress 日本語
サイト例 我孫子登山倶楽部
必須要件 ドメインの取得、レンタルサーバーの契約(フリーHPスペースは不可)
【参考】WordPressの普及率(https://blog-bootcamp.jp/start/wordpress-share/)
3) ウェブ上のホームページ作成サービスを使って作る
自由度 低、難易度 低、費用 中
サービス例 Jimdo(ジンドゥー)
サイト例 ふれあい塾あびこ 熊の山荘
必須要件 サービス登録 (Jimdoなどのフリー版でも可)
4) テキストエディタを使って作る
自由度 高、難易度 高 (テンプレート使用時は中)、費用 低
サイト例 あびこ市民活動ネットワーク
必須要件 HPスペース (FC2などのフリー版でも可)
制作手順 HTML・CSSなどウェブページを構成するファイルをテキストエディタで記述 ⇒ 構成ファイルをサーバーへアップロード