つくばね会HPの構成・更新について学習

2022年11月の研修会でダウンロードした「tsukubane20220430」をそのまま使います。
削除されている方は https://abi.sakura.ne.jp/hpws/ で
「htmlソース→ tsukubane20220430.zip」をダウンロードし、展開しておいて下さい。

更新の練習に次の3つのファイルを使用します。
別途メールに添付して送りましたので保存しておいて下さい。

   役員名簿1130.xlsx
   本部事業計画.xlsx
   こばん新メニュー202206.png

画面構成

サイトマップ


2022年11月15日の研修会で行なった更新

  • ギャラリー(friends.html、gallery.html)
  • つくばね通信(commun.html)
  • 新着情報(index.html)
  • 更新日時(sidebar0.js)

今回更新するファイル

  • サイトマップ(sitemap.html)
  • 法人本部情報開示(maininfo.html)
  • 法人本部事業計画(mainplan.html)
  • おおばんこばん(obankoban.html)
  • 新着情報(index.html)
  • 更新日時(sidebar0.js)
  • メニュー(nav0.js)

※更新をするファイルはコピーし、名前にそのファイルの更新日時を付けて保存します。
※ファイルを更新しましたら、前回同様、「新着情報」と「更新日時」の更新も行います。

(1)更新依頼例 ふれんずカレンダーの削除
   2023年4月にふれんず月間予定の削除依頼がありましたので、その実習をします。

  1. つくばね会のサイトを開き、ふれんずにカーソルを当てるとふれんずの項目が表示されるので「ふれんず月間予定」をクリックして開きファイル名を確認します。→ friendscalendar.html
    ※以後ファイル名が分からない時、このようにしてファイル名を確認して下さい。
  2. 「tsukubane20220430」フォルダの中にある「friendscalendar.html」を「friendscalendar202304削除.html」に変更します。
  3. メニュー項目の変更をするため、nav0.js を Terapad で開きます。
    186行目から204行目がふれんずのメニューです。
    ふれんず月間予定の行を非表示にします。
  4. サイトマップを変更するため、sitemap.html を Terapad で開き、ふれんず月間予定の行を非表示にします。

(2)更新依頼例 役員名簿の差し替え

表示の場所・・・法人本部 → 情報開示
   (ファイル名確認 → maininfo.html)
役員名簿はpdfファイルを使います。
pdfファイルで送られてきたらそのまま使用します。
Excelファイルで送られてきましたら次の1~2の操作でpdfファイルに変換します。
今回はExcelファイルで説明します。

  1. 役員名簿1130.xlsxを開き、プレビューを確認。
  2. 表を選択→pdfファイルにエクスポート→名前を付けて下記に保存。
    ファイル名は r40601yakuin.pdf
    保存場所は /tsukubane20220430/doc/main
  3. maininfo.htmlをTerapad で開く。
  4. 役員名簿のpdfファイルを差し替える。

(3)更新依頼例 本部事業計画の一部変更

法人本部事業計画書の職員配置を変更します。
表示の場所・・・法人本部 → 事業計画
   (ファイル名確認 → mainplan.html)

  1. 本部事業計画.xlsxを開きます。今回は「職員配置」の部分のみ変更します。
  2. mainplan.htmlをTerapad で開きます。
  3. 46行目から52行目までが職員配置のテーブルです。
  4. 48行目と49行目で<td></td>のデータ部分を変更します。
  5. 50行目と51行目は非表示にします。

(4)我孫子自主夜間中学 あびこプラス・ワン カレンダー
    ※つくばね会から更新依頼の連絡はありませんが、毎月末更新します。  

このリンク先は、あびこプラス・ワン
[ニュースレター]-[カレンダー]の会場案内の直リンクです。
https://abikoplus.web.fc2.com/news.html
我孫子プラスワンのカレンダーは毎月、担当の西野さんが更新をしています。

sidebar0.js のpdfのリンクを、毎月末に最新月のものにします。
https://abikoplus.web.fc2.com/doc/annai1910.pdf    2019年10月

https://abikoplus.web.fc2.com/doc/annai2307.pdf   2023年7月

(5)更新依頼例 こばんのページ

表示の場所・・・おおばん → こばん
              (ファイル名確認 → obankoban.html )

  1. obankoban.html をTeraPadなどで開きます。
  2. こばんの紹介メッセージを変更
    37行目あたりから41行目当たり<p>みなさんごぞんじですか?</p>は削除。
    <p class=”mb0″>から<p>の間の文章を下記に変更
    「こばんでは、弁当の製造・配達を行っています。 昼食用のお弁当を中心に我孫子市・印西市方面へお届けしています。会社や福祉施設の給食として、季節によってはイベントやサークルの 集い・学童のお弁当など様々な方にご利用いただいています。」
  3. こばんの住所などの欄に、(仕出し弁当)と定休日の追加
    64行目あたりから73行目当たり
    65行目<h3>の行 こばん を こばん(仕出し弁当) に変更
    72行目定休日の行 土曜日・日曜日・祝日・第3金曜日 に変更
  4. メニュー表の差し替え
    元画像の「こばん新メニュー202206.png」の名前を変更して保存
    ファイル名 koban_menu202206.png
    保存場所 /tsukubane20220430/img/oban
    82行目あたりにあるメニュー画像のファイル名を変更
  5. メニュー表下の文章変更
    84行目あたり
    <p class=”pa05″>*全て税込価格です。</br>*お弁当注文は、3つから配達可能です。イベント用弁当等のご相談に応じます。</p>
  6. 作業紹介のところ、「弁当製造班ごはん」に変更
    29行目あたり パンくずリストの下、ホーム、おおばん、作業紹介のあとの「こばん」を
    「弁当作業班こばん」に変更
  7. nav0.js をTeraPadなどで開きます。
    116行目から141行目までがおおばんのメニューです。
    132行目の「こばん」を「弁当作業班こばん」に変更
  8. サイトマップ sitemap.html を Terapad で開き、
    122行目あたりの 「こばん」を「弁当作業班こばん」に変更

2023年7月11日 こばんのページの更新を追加します。

9. 46行目の<section class=”md-8 xs-12 ・・・ solid blue;”>の
   md-8 を md-12 に 変更します。
10. 48行目と49行目の square2 を square1 に変更します。(2ヶ所)
11. 49行目から54行目の md-3 を md-2 に変更します。(6ヶ所)

こばんの元のページ
1から8まで更新後
9から11まで更新後