■Webページ作成上の留意点
1.エディタに
メモ帳、Windows Notepadを使う
【Web開発】当方、パソコンの『WZエディタ』で編集、『FFFTP』にてFTPサーバーにupし(以下、私の”クラウド”とします)、iPhoneで表示・確認をしています。スマホで「どこでも情報」を考えています。「うろ覚え」の情報をスマホで確認できたら素晴らしいことです。ただ、さすがスマホでは表示が小さく苦しくなってきました。
パソコンやタブレットを推奨します。
Webサイト編集は日を要する作業です。USBの抜き差しは苦痛でたまりません。それでクラウドを引き出し代わりに使用しています。「引き出し」が同じなら別のパソコンでも作業はできます。ただ気を付けないと、古いファイルをクラウドにUPすることもあり『百歩進んで一歩後退』することだってあります。サイト内を奔放に「あっちこっち」編集していくものですから、気合いの入れ具合で誤字脱字があったり文章の脈絡がおかしくなったりします。結果、迷惑をかけています。

◇「エディター」というのは至極便利なツールです。本来はプログラミング用のものです。これを初めから文章作成用に使っておられる方もあるようです。
エディターは
軽くて・安くて・早いが売りです。特に、エディターの検索機能については定評があり、保存したファイルが100や1000の数であろうが、検索語を探しだし、どのファイルのどの位置にあるか特定してくれます。これがコンピュータ・エディターの「なせる技」です。勿論、単語の置き換えなどお得意です。
さて、上図はエディターで作ったHtmlファイルです。Htmlファイルの大きさは小さく、タグ(< >:上図参照)がなければテキスト文に近いものです。Htmlのタグ付きなら私のクラウドにUPすればネットの文章として見えます。
Webに表示するくらいなら、比較的簡単な学習でHtmlファイルをつくれます。一太郎をお使いなら、すでにある文章をHtmlファイルに変換することが可能です。
■どこまで続くかわかりませんが、Html学習の仕方を示します
1.「お試し」のHtml学習には専用の「エディター」は必要ありません。
Windows 付属のメモ帳、もしくはWindows Notepadを使用してください。上記がインストールできていない場合があります。ネットでいずれかを選びインストールしてください。Windows11ではWindows Notepadを使用するようです(以下これもメモ帳とします)。
次にHtml学習の一端を示します。2枚の図がありますが、左はメモ帳で『こんにちは、ようこそ』を表示させようとするHtml文の記述です。右はファイルとして保存するところです。
|
< >で始まり「/」付きの< >で終わります。< >はタグといわれるものです。最初の2行のタグは必ず入れます。
head、HEADで小文字、大文字どちらでも結構です。headと/HEAD、最初のhtmlと最後の/Html、bodyと/body、いずれも対になっています。(「<」と「>」は省略しています)
Webで表示させる所は、「body」と「/body」で挟まれた所です。左図では、『こんにちは、ようこそ』と記しました。
これを、「はじめて.html」のファイル名でドキュメントの場所に保存します。そのとき、最下行の「エンコード」が「UTF-8」であること確認します。このコードを使うと、どこの国の言語でも比較的簡単に変換可能と考えればよいものです。 |
|
|
以上、保存したファイル名の場所(図では「ドキュメン」です)へ行き、「はじめて.html」を指定し、クリックしてください。ブラウザーが起動して『こんにちは、ようこそ!』が表示されたでしょうか。これで第1講は終わりです。(2025.9.13)
『余談1』
我々は探しものでWebサイト(=Home Page)を検索します。この「従来のWebサイト」の検索頻度は一般的に下がってきているとのことです。検索で現れる第一画面がこれまでと違い、ブラウザーのAIが情報を横断的に収集し、その学習機能にて検索結果を表示するようです。同様なWebサイトが乱立している現状では、「AIによつて整理され、まとめられる」と考えると、よい事かもしれません。探しものの発掘にスクロールを繰り返す、
Webサイト探しも面倒ともいえます。
スマホにおいてはこの傾向がさらに進んでいるように思えます。検索し現れる第一画面がAI表示になっていて一応満足した結果が得られ、検索を途中で切り上げてしまうことにもなるでしょう。また、情報を受け取る側も横断的な方法が習慣化し、見えていない部分があることも考えないで終わることもあるでしょう。結果、既存のWebサイトにたどり着かず検索は終了。パソコンであろうがスマホであろうが、これは深刻な事態だと考えます。
AIの脅威にさらされ「従来のWebサイト」がどのような形にすれば生き残れるか、考えさせられます。Webサイトの目的は、広く皆さんに「お知らせ」する広報の部分と、関係者間の双方向の連絡・連携をはかる部分とがあると思います。仮に、私のWebサイトの広報の部分がAIのものに見劣りしたとしても、まだ「そこに」は
人と人を繋ぐ、連絡・連携(サポート)の部分があると考えます。そうでも考えなければ、私の今の努力(これから進める努力)も報われません。
『余談2』
私はクラウド(雲の上のHDDと考えてください)をファイルの引き出し変わりに利用します。それで、ファイルの更新日付は極めて重要なもになります。
このクラウドのファイルと当方のパソコンものの日付で、ファイルの新旧を判断しクラウドへupします。upする先が同じであれば、別のパソコンからクラウドのファイルを引き出し、続き編集が可能です。パソコンは持ち歩く必要がなく非常に便利です。でも、クラウドの新しいファイルの上へ、古いファイルを書き込む事態がたまにあります。まさに『百歩進んで一歩後退』となり、日付の狂いが「私の発狂」の事態となって現れます。
ファイルの新旧の判断ミスだけでなく、まれに更新保存したファイルが日付が更新されずおこるミスもあります。古いパソコンを使っていないのでその理由が不明です。画像ファイルに多いようです。
『余談3』
Webサイトの運営に際し、いくらの容量が与えられているかは重要です。当方の場合、プロバイダー(回線業者)の無料枠は20MBで、これに5MBを追加し運営しています。写真や図の1つのファイルでも4,500KBを、それに動画ファイルではすぐ1MB(1024KB)を超えます。それで、涙ぐましい努力で一つ一つのファイルを小さくする工夫をしています。
使用容量を最小限に抑えるには、HtmlファイルだけでWebサイトを作るのが一番です。しかしこれでは文章と表だけということになり、Webサイトとしては「つまらなく退屈なもの」になります。「つまらなく退屈なもの」は文章の長さにも関係し、文章が延々と続くようでは最後まで読んでもらえなません。「X」(ツイッター)が栄えるゆえんは、
文章の簡潔さや映像にあるようです。
プロバイダーとは異なるブログ・コミュニテーサービスの Ameba、ライブドアブログなどにWebサイトを置く方法もあるようでが、使い勝手が違うようでついて行けるか不安です。
『余談4』
Webサイトの使用容量を抑える努力は必要になってきます。画像ファイルでは、画像の表示面積を小さくし、画質を下げています。拡大表示する必要ないものでしたら、極力画質を下げてのぼやけが最小限になるように50KB以下、40KB近くに抑えます。使用ファイルは、当初GIFファイルでしたがJPGファイルが改善されて、これを使用しています。
PDFファイルには画像とテキスト(文字)の部分があると、画像の部分の画質を落とすことでファイル全体を小さくすることが可能です。PDSファイルはワードやエクセルの [印刷] 処理でMicrosoft print to PDSを選択することで作れます。これは一太郎でも可能ですから、Windows OSの一つの機能のようです。これをより小さなファイルにするには専用のPDF編集ソフトが必要です。文字ばかりのPDSファイルではファイルの縮小化は無理と考えてください。
動画ファイルはファイルの中で一番大きく、本来なら使用したくないのですが、止む無くWebサイトで2つ使用しています。これについては、動画時間を短縮したり、1秒あたりのコマ数を少なくしたり、表示面積を小さくしたりしています。因みに、神輿の動画ファイルはMP4ファイルで780KBです(有料ソフトの良いものを使えばもっと小さくできるのですが)。