web作成日記
９９-１０　　　　　　　　　　　　

01
今日から１０月。＜font size="4" color=brown＞で99-10を表示。
見出しの１０月をｸﾘｯｸすると１０月に飛ぶようにする。一番簡単なタグを使用して書いています、メニューバーの[表示]よりソースを選ぶとタグの書式が見れます。ウインドウズではメモ帳で開くのでファイルの名前を付けて保存を選んでファイル名の拡張子.htmをtxtに変えてから保存すると後からそのページのﾃｷｽﾄ部分は変更して改良できます。自分でいろいろ書き換えてから上書き保存の後、別名で保存を選んで今度は拡張子をｈｔｍで保存しそのファイルを開くとブラウザで見れます。私はこの方法で色々なタグの働きを確かめています。
稲藁なんでもページのタイトルを稲藁なんでも情報に変える、内容を一部修正。
02
メールでＴoxsoft.comよりユーザーＩＤとパスワードが送られてきた。ＦＴＰ起動時に出る確認画面のユーザー登録にＩＤとパスワードを入力、登録完了。
月のリンクバーに最新へのリンクを追加。バーにグラデーションを付ける、TABLE のアトリビュートBORDER=1を10に変更、この数字でテーブルの外枠の厚さが変わるらしい。 ボディカラーを変更できるようにアトリビュートbgcolor=MintCream（現在の色）を追加。タグはソースで見てください。
03
最新へのリンクは、次の様に処理しています。
同じファイルの別の場所にリンクするには飛び先に＜Ａ＞タグのＭＡＭＥアトリビュートを用いてアンカーと言う目印を付ける。このページ月のテーブル、「最新」で使っているタグは飛び先を＜A href="#*">最新＜/A＞で指定し、一番新しい日付の項目の前に＜A name="*">＜/A＞を書いています。このページでは一番新しい日付のところに"*"のマークを付けています。
04
用語の説明ページだけでは分かりづらいので、「タグの書式と意味ページ」を新しく作り自分なりの解釈を書きこむ事にする。
月バーのグラデーションがイマイチだったので、作り変えて現在のモノにする。 ボディの色も変えてみる＜BODY bgColor="#efffff"＞この書式で書いておくと＃後の000000の組み合わせを変えるだけ。
05
月バーのテキストを ＜td align="center"で中央に揃える。TABLEに bordercolor="#46c2c4"を追加し枠の色を変えられるようにした。大分良くなった感じ（自己満足）。
NextFTP ボタンを使いＦＴＰソフトダウンロード用リンクを張る。 トップページの各ページへのリンクバーにグラデーションを付けた。
アトリビュート＜TABLE bgcolor="#ffffff" WIDTH=80% ALIGN=center BORDER=0 BORDERcolor="#ffffff" CELLSPACING=0 CELLPADDING=5＞を全部書き入れて＝後を変える事でリンクバーのイメージをイロイロ確認できるようになった。
06
日記が、なが〜くなると、スクロールが大変なので日記を月ごとのページ分割する。今まで通りページリンクでも対応出きるが操作性がイマイチと思い、
新しいタグ＜FRAMESET＞で上下二段のフレームのページを作り（フレームには<BODY>は要らない）、上に月のバーを配置、ｸﾘｯｸで下に月の日記が表示されるように改造。
ソースで見るとこのページはフレームの書式しか書かれていないのが分かる。二つのフレームにリンク先のページがロードされる。
リンク確認の為アップロードＰＭ12時今日はこれまで。
07
昨日作成したファイルをUPロードしページ中の各リンクを確認したところ、画像ファイルへのリンクが全てFile Not Foundと出る、フレームからのリンクにも失敗、月バーが出ない　File Not Foundである。

ファイル名の変更とリンク先の設定ミス。おまけに、ＦＴＰの失敗で古いページに書き換えてしまった。　まずパソコンのＨＰの古いファイルを削除する。そんなこんなで今日も遅くなりそう。

　さあー原因解明に頑張ろう、画像ファイルが出ないのは、ＨＰのフォルダを新しく作り今までのＨＰのｈｔｍファイルを、この中に入れたところリモートサーバのディレクトリ構造と異なったリンク設定になってしまた結果と判明。フレームリンクの失敗は、リンク先のファイル名が古い名前になっていた結果と判明。
　教訓ーファイル名はむやみに変えない事。ファイルはむやみに移動しない事。

ＦＴＰソフトのＨＰ一括送信を選択すると一日前が送信されてしまうことと、余計なファイルまで送信しサーバのファイル構造が違ってしまった。最初からこの方法でUPロードしていないので、原因は後で調べるとして、仕方なく一旦リモートサーバーファイル削除、改めて今まで通り個々に選んでアップロードする事に。

結局サーバーのhompageフォルダに全部入れる事で解決。プロバイダーの個人ホームページのディレクトリ構造と 同じにして自宅でホームページを作成すると、ファイル間のリンク設定で間違いが少なく出来そう。

一応全部のリンクと表示を確認して今晩の作業終了。

08
けっこうサマに成ってきたが、月バーから月を選択して画面表示の最後でトップに戻るを選択すると、フレームの下画面にトップページが表示されてしまい、その画面で月を選択すると又フレームが出来る結果に気が付く。

本の中からフレームをクリアーしてトップ画面を表示するアトリビュートを探す。ここでは最後に＜a href="index.htm"＞になっているが＜a href="index.htm"TARGET="TOP"＞トップMIYAHARAに戻る＜/a＞に変える事により出来た。月バー、 ９月、１０月のページリンクを上のアトリビュートに変更。

トップページのBGCOLORを"#f6fff0"に変える。

09
今日は土曜日珍しく仕事が休み。朝からパソコンの前に、
昨日変更した日記のアトリビュートでは、月の最後でトップページへのリンクを選択すると、新しいウインドウが開かれてトップページが表示されてしまう為メモリーの無駄、そこで月からのトップページへのリンクをページのトップに変更する。

大分整ってきたのでトップページに、開設日からの日数カウンターが欲しくなり探した結果、２０００年までのカウントダウンのソースが、JavaScriptを使って表示するのが本に有り、トップページに追加。それを引用して試行錯誤の結果なんとかソースを書き換えて日数カウンターを作った 。
結果はトップページを。
10
パソコンのマウスの線がどうも邪魔なのでコードレスマウス（SMK）社製を買い交換する、ＷＩＮ９８、ＵＳＢ対応で５８９０円。
右側上から二番目の引出しを出して板をのせ、マウスパッドを置くと手の肘を下げた状態でマウスが使えて、長時間作業でも肩コリが防げ大変楽です。一度お験しを。
で、そんな状態なのでマウスの受信側を置く場所が、ん？。いろいろ試して正面膝上の引出しの裏に両面テープで張りつけて、使用することに。うまく動いています。
 
本題のＨＰは、月バーの日記の無い月の数字が打消し線付きフォントだったが、見ずらいとのメールでの指摘、で白色に変更し記事が有る月を＜Ｂ＞で太字に変える。
 
もう１通、用語の説明ページのテーブルの幅が広すぎて横スクロールが必要との指摘で、ふと気づく自分は１９インチモニターで書いているが、まだ１５インチが多いので、
テーブル幅を６００ピクセルに固定。
一つの画面で縦横のスクロールを使うような書き方は、厳禁、注意しながら書く事に。
 
トップページのタイトルの下に月バーを改良したグラデーションバーを追加。
ダウンロードページを新設, ソースファイルを部品としてどうぞ。
グラデーションバーはこのホームページのダウンロードを利用して下さい。
他に使えそうなソースをダウンロードページに入れる。
11
今日は仕事でフル回転、ちょっと疲れ気味。
トップページのＢＧＣＯＬＯＲを変える、グラデーションの枠（テーブルタグで）を追加、
ちょっと派手か、やりすぎ？　これも勉強。
ＨＴＭＬのページにタグ追加、アトリビュートの列にグリーンを追加し
用語と説明を同色で表示し見よくする。 
12
今日はグラデーション枠の変更のみ。
13
トップページ、グラデーションの変更と、リンクページに縦横のグラデーションページを新設。
ダウンロードページに縦、横バー（２種類）を加える。
タイトルＭＩＹＡＨＡＲＡの＜Ｈ1＞タグを普通の＜FONT＞と＆NBSP(スペースの意味）で
バランスを取る。 余計な空白が取れた。
藁のページに記事追加。
 
14
ＨＴＭＬのページにリスト・イメージ・リンクの用語を追加。
トップページのグラデーションバーの細かい数字の変更。
縦横バーページの変更。
15
朝から雨。
久しぶりにタイトルページを大きく改良。 タイトルMIYAHARAと毎日更新とＥメールの項目が画面のサイズによって位置が変わるのを防ぐ為TEBLEを使って表示。
部屋で使っていないマックをインターネットに接続する為モデムを買い、
自分のホームページをマックで確認するとテーブルを使ったグラデーションが表示されない、おまけに文字化けまで。ガーン。
今まで苦労したのは何だったんだ 、改めてＷＩＮとMACの違いを思い知らされた。
マックで見ている人には何だか分からないページに見えるかも。明日からはその対策に入る。
16
家のマックは4年前に買った物だが、フルカラー表示にすると 640x480ピクセルで表示。
現在このページの編集に使っているＷＩＮは１０２４ｘ７８６で、表示範囲が全然違う事に愕然とする。
そこで、ＷＩＮの画面をマックと同じ６４０ｘ４８０にして編集してＦＴＰをし、マックで確認すると、やはり表示範囲が違う,何度かＦＴＰを繰り返し何とか15インチのマック画面で表示できるようになった。
やはり大多数のインターネット環境を視野に入れて作らなければ、自分の環境だけで編集するとこんな落とし穴にはまる。
古いマックもたまには使い道がある、そこでこれからはマックでもＨＰを確認する事にする。
ホームページ再編集。
17
マッキントッシュのWib。ネットスケープとエキスプローラで、テーブルを使ったグラデーションを表示するには、 全角のスペースを入れなければ表示されない事がワカッタ、今日から今までのグラデーション関係の場所にスペースを入れる作業に掛かる。
18
昨日からテーブル使用の、グラデーションの場所に＜font>スペース＜/fint>を入れてマックでも表示出来るように書き直した。
19
両サイドのグラデーションバーを消去、上のバーの中にMIYAHARAのテーブルを入れてＢＧカラーを変える
20
グラデーションの中に（宮原のホームページへようこそ）の文字を入れる。
ようやくＦＴＰにも慣れてアップロードが間違い無く出きる様になった。
22
toxsoftよりＮextFTPのバージョンアップのメール有り、早速ダウンロードする。
本業が繁忙期の為、ＨＰは小さな変更のみ。
25
二日ぶりにＨＰ改良。ＭＩＹＡＨＡＲＡの文字を、アクセスする時刻によって、言葉と色が変わる挨拶文に変える。
23時〜4時、眠くはないですか。4時〜6時、大変早起きですね。6時〜10時、おはようございます。10時〜17時、こんにちは。17時〜22時、こんばんは。
と５種類のパターンで表示するようにした。
挨拶文のソースをダウンロードページに追加。
27
朝から雨、IE4.0を使っているが自分のホームページ確認の為ネットスケープ４．６をインストール。グラデーションは綺麗に表示されている。
稲藁のページで＜/Ａ＞の/が抜けていて一部の文字がホットテキストになったままだったＩＥ4.0では普通に表示されていて気が付かなかったが、ネットスケープでは、ミスが出ていた。
それとINDEX画面の矢印 （&darr;）が(&darr)の文字に変わって表示される為、ソースの変更を考える。（ホームページでは使っているソフトに依存する記号は使用しない事）
結局、矢印の削除とメールへのリンクの場所を変更する。
同時に、ＩＥ5.0をインストールし、自分のﾍﾟｰｼﾞを見たところ、グラデーションの表示能力が落ちる様だ、更に今まで見ていた他の一部ホームページが文字化けして見れない上、今このページの作成に使っている ソフトがＩＥ5.0に未対応との説明でＩＥ５.0をアンインストールして、前のＩＥ4.0に戻して使うことにする。
28
今日も朝は雨、珍しく綺麗な虹を見る、何か良い事がありそう。
用語の説明ページに単語を追加。ページが長くなって来たのでトップに項目へのリンクバーを追加する予定。
横バーをコピーして使う、文字は明日にでも入れる予定。
29
長野市は午後、何年ぶりかの震度４の地震、結構よく揺れた。
昨日からの用語の説明ページに見出しバーを付けクリックで関係の個所に飛ぶようにし、戻りリンクも追加。
インデックスページを少し改良
31
独自ドメイン名取得のためavisへ依頼するが希望の名前(miyahara.co.jp)はすでに何処かで登録済みであった。
やはり、早い者勝ちの世界であるから、考えている人は早く取得したほうがいい。取得方法や使用料など、詳しくは今お使いのプロバイダーかhttp://www.nic.ad.jp/で確認できます。
他の名前を考えることにする。
営業にホームページを使うならやはり社名入のドメイン名が欲しいところですが、ちょっと遅かった。miyahara.co.jpにアクセスするとまだサーバーが有るだけで、内容は出来ていなかったので、つい最近取得されたものと考えられる。
トップ