自治会HP作成での苦労話

Last Updated on 2022年9月11日 by HP委員

1.ホームページ(以下HP)上のスライダー画像(複数枚の画像を次々と切り替えて表示)を3組作成

https://higashi3bangai-jichikai.org/category18/

https://higashi3bangai-jichikai.org/category1/

HPはSIRIUS(シリウス)のソフトを利用して作成しました。SIRIUSはHTML言語(ホームページ作成言語)を知らなくてもHPを作成出来ますが、スライダー画像3組を作成するのにはHTML言語の知識が必要でした。複数枚の画像は縦横サイズの統一が必要で1枚でもサイズが違うとスライダ―画像に余白が出来てしまいます。

2.最初にSIRISUのHPテンプレートはスマホ対応(レスポンシブ)になっていなくHPテンプレートをスマホ対応に入替えました。

最初のHPテンプレートではスマホ表示がパソコン表示と同じで小さく、見づらい表示になっていました。

3.最初に無料サーバー(XFREE)で非公開HPを作成して、有料サーバー(ロリポップ)へ移行してHPを公開しました。

無料サーバーから有料サーバーへの移行に手間取りました。

4.独自ドメイン名取得(HPアドレス:https://higashi3bangai-jichikai.org/)に手間取りました。

インターネットは世界と繋がっているので、世界で唯一無二のアドレスでなければならないので、世界ベースでの申請となった。因みにHPのアドレスhttpsのsはSSL化されている事を意味してます。SSL(Secure Sockets Layer)とは、簡単に説明するとWebサイトとそのサイトを閲覧しているユーザとのやり取り(通信)を暗号化するための仕組みです。

5.このPDFをクリックすると複数のPDFが開くのに工夫が必要でした。

<このPDFをクリックすると複数のPDFが開きます>

これはPDFでは無く画像(JPG)でこの画像にURL(複数PDF)のリンクを貼ってます。

6.Webに文字アニメーションを追加しました。

ネットで文字アニメーションの方法を見つけるのに苦労しました。見つけたら簡単に文字アニメーションが出来ました。<marquee>文字や画像</marquee>で文字や画像を スクロールさせることができます。

7.このブログはWORDPRESSで作成してます。 WORDPRESSは初めて使用しましたが、日記帳感覚で使い易いです。最初は操作に慣れていなかったため、手間取りました。及びブログの公開方法にも手間取りました。またWORDPRESSでのスライダー画像(上記1)の作成にも手間取りました。

s5
s3
s2
s1
previous arrow
next arrow