Stand up to the
Victory！〜サイト立ち上げ記(笑)
|
ウェブサイトをつくろう・その0
(2003/2/某日)
いろんなサイトを巡っているうちに、「あー楽しそうだなー」
と思うようになった。 オレもつくってみっか。
イラスト描いたり、写真取り込んだりさ。超初心者でもできるのか 友人に聞くと、 「簡単だよ。やってみれば?」
意外と手軽に できるみたいだ。よし、やってみよう。
・・・しかし、それが誤りだったことはいうまでもない。(笑)
ウェブサイトをつくろう・その1
(2003/2/25)
まず、ページの元をつくらなくては。しかし、どうやって?
某Mac雑誌をみると、どうやらネットブラウザでできるようだ。
例ではNetscapeを使用している。幸い、iMacにはInternetExplorer 5.0と
Netscape6.2がプリインストールされている。これでいこう。 上段のタスクから、Composerを開いて、と。ふむ、どうやら文章は
いけるぞ。横バーも表もつくれる。おーいけるじゃん。 まずはおおまかなヒナ型ができた。
ウェブサイトをつくろう・その2
(2003/2/26)
さて、なんてったって、画像やイラストが貼れなきゃ意味ない。
イラストファイルをいくつか用意して、早速貼り付け・・・
られないよ!
「ファイルをドラッグアンドドロップするだけでできるよん」 と書いてあるのに、変な文字がでるだけ。しかも、なぜか一枚だけ
ちゃんと画像が入っているじゃないか。訳分らん。ソース画面 (そのページのプログラム一覧)を開いて見るがよけい分らない。
そりゃそーだ、HTMLタグなんて、初めて見たんだから。 まずい。非常にまずい。お手軽、ローコストというモットーに
反するが、初心者向けサイト作成の本を買いにいった。
ウェブサイトをつくろう・その3
(2003/2/28)
買った本のおかげで、タグが分かってきた。そうすると、暗号だった
ソース画面もどういう事になっているか、見えてきた。一枚だけ貼れた画像と、 その他の画像のタグのどこが違うのか。うーむ、画像ファイル名に
よけいな文字がいっぱいついているな。これがいけないのかな。
削除。変わらず。「ファイル名.jpg」だけでいいんじゃないのかよー。
いじっているうちに、タグではないある文字をファイル名につけておくと、
画像が表示されることに気が付いた。やった！解明したぞ。よーし、 この調子で他のページも作って、貼ってしまえい。(喜)
しかし、あとでこれが ぬか喜びだったと思い知ることになる。
ウェブサイトをつくろう・その4
(2003/3/1)
niftyのホームページサービスに登録して、サーバー上のURL(住所)
をもらう。ん?なんだ、サーバーにアップロード(データ書き込み)をするのに、
別にソフトが必要なの?聞いてないよ〜。
仕方ないので、ネットでさがすと フリーウェア(無料)のFTPソフトを発見。さっそくダウンロードするが、
うまく使えない。あーっ訳分らん。うぬぬ、IE(インターネット・ エクスプローラ)6.0なら、多少面倒ながらそのままアップロードできるのに。
ウチのiMacは、IE5.0だし、データを作っているのはNetscapeだし。
なんかちょっと無理そう。うーん、有料ソフトを買うか。
しかし、 神は見捨てていなかった！niftyのhomepgaeサービスに、FTPソフトなしで
アップロードできる「サクサクかきあげ君」があったのだ!!っていうか、 登録の時にサービスの項目をちゃんと読んでないのがいけないんです。
はい。すみません。とにかく、FTPソフトの問題は解決。
ウェブサイトをつくろう・その5
(2003/3/2)
「サイトは、見てもらう事が目的なのだから、完全でなくても公開してみて。
手直しは、後からいくらでもできるから。」という本のすすめに従い、 早速サイトのデータをサーバーにアップロードする事にした。
「ワシは行くよ。多少の作業は飛びながらでもできる。(by沖田十三)」
うんうん、そうだよ沖田艦長。オレもがんばるけん。
手順に従い、アップロード完了。簡単だった。これで、ネット上に 公開されているはず。もらったURLを入力してアクセス。
緊張の瞬間だ。おっ！おおおっ！！やったー。見事にIndexページが
表示されている。ん?おかしいぞ。画像が一枚を除いて、 全部代替コメントとマーク(ソフトや、容量の都合で表示できない時に、
ここにこういう画像があるんですよと示すコメント。)になってるよ…。
おまけに、次のページにとべないじゃん。リンクが機能してない。
「艦長！跳躍できません！ 」「 …もう一度チェックせよ。」はあはあ。
ウェブサイトをつくろう・その6
(2003/3/3)
一晩寝て、落ち着きをとりもどした。再度ネットで確認。
確かに画像はでない。戻って、自分の手元のデータを見てみる。 ここではちゃんと画像がでる。何が違う?サーバーに入れたのと同じだ。
しかし、サーバー側のファイル一覧では、ちゃんと表示されていた
一つを除いて、画像ファイル名の色が違う。つまり、画像ファイルは入っているが、ページとリンクしていないことを示しているようだ。
ということは、ページ上の「画像を出せ」という命令のファイル名と、
一緒に入れてある画像ファイル名が違うのでは、と推測される。
なにしろデジタルの世界だ。「.」ドットと「,」カンマが違っただけで、
はねられてしまう。ファイル名を再チェックすることにした。
ウェブサイトをつくろう・その7
(2003/3/4)
ファイル名をチェックしたが、違いはなかった。以前書いたが、
ちゃんと表示できているファイルには、ソース上ではへんな文字が ついている。他の画像ファイルに同じ文字をつけても、ネット上では
表示されない。ブラウザの画像編集機能で何度も入力をくり返したがだめだ。
疲れてしまって、PC雑誌のサイト入門のコーナーをパラパラみていたら、
画像の貼りこみのページの作業例写真が目に止まった。ソース上では、
ファイル名は○○.jpgだけでなく、訳分らん文字もずらりとくっついて いるじゃないか。その文字には見覚えがあった。そうだ。今まさに自分の
やっている所のソースとそっくりだよ。つまり、あれはあれでいいんだ。
悪戦苦闘したおかげで、タグの意味は分るようになっていた。
ソースを良く見ると、画像ファイル名が、PC上の場所を示す長いものになっていて、それが画像のかわりに表示されていた。
そして、その指示に続いて、その文字をリンクボタンにする指示タグが
くっついていた。これが邪魔だったのだ。
(2003/4/8追記・その認識がまだ甘かった・・・詳しくは後ほど。)
ウェブサイトをつくろう・その8
(2003/3/5)
テスト用の
新規ファイルをつくり、画像をサイト用フォルダから
ドラッグアンドドロップした後、ソース画面で余計な指示タグを 削除したら、画像が表示された。よし。しかしまだ安心はできない。
本番だ。ファイルのバックアップをとった後、画像をテストと
同じように貼る。サーバーにアップロード、ネット上で
アクセスすると・・。
出た!見事に画像が表示されたのだ〜。(泣)
ページがリンクできない問題は、ファイルの階層(フォルダにファイルが
入っていて、そのファイルに対して同列か下位のファイルかの指定)
を勘違いしていたため、ページのない場所に"ジャンプせよ"と 指示していた事が原因だった。あとは細かい修正をすれば大丈夫だ。
ウェブサイトをつくろう・その9 (2003/3/6)
そもそも、売ってるサイト作成の本は、Windowsの解説なんだよ。
Winではよくても、Macでは違う事がある。画像ファイルの問題も、
それで混乱したんだ。それから、用語。初心者向けということで、 簡単に書いてくれているんだけど、何もかも分かった人が書いているから、
こんなことは常識だということは専門用語のままなんだよ。 ディレクトリって言われてもね。フォルダなら分るんだけど。
出版する前に、実際に初心者に分るか見てもらったりしてないのだろうか。
初心者向けと銘打つからには、そこまで噛み砕くかってくらいに
しないと、買った人も「こりゃだめだ、サイトつくるのはあきらめよう」
となってしまうよね。
ウェブサイトをつくろう・その10
(2003/3/7)
昨日ようやく正式に開設しました。あとは自分の構想に従って、 編集していけばいい。これが、今あなたが見てくれているこのサイトのできるまでの苦闘です。（2003/6/1現在、すでに数回のリニューアルをしており、文章以外に開設当時の原型は残っていません。あしからず。）イラストや写真ファイルは、
ほとんどストックしてあったものを使用しましたが、
実質１０日ほどでここまでできた事になります。
中級者以上の人には、なんだこりゃ、全然分かって無いなあ、
というレベルのお話だったと思いますが、初心者には大問題なんですよ。
さて、ここで「その0」での友人の言葉は正しかったのか。 今なら言えます。 「確かに、要領が分れば簡単だね。(苦笑)」言葉のニュアンスには、くれぐれも気をつけましょう。
はっきり言ってくれた方が良い場合もありますから。
おばかな文章を読んでくれて、どうもありがとう。
デデンデンデデン、デデンデンデデン…
(ターミネーターテーマイントロ)
後日談・誕生編
(2003/4/7)
上で、画像表示不可のトラブルについて、解決したと思っていました。 んが！そうではなかったのです。ようやく体裁も整いはじめたある日、
というか今日。某サーチに登録したところ、管理人の方から、「画像が全て未表示ですよ。」と指摘がありました。
んなに〜っっ！！、Macでは見られるよ?
あせって、しまいこんでいた 旧いWinノーパソを引っぱり出してアクセス。た、確かに。
文章は大丈夫だが、画像がアウトだ。イラストメインで いこうってのに、それが見えないんじゃ、ダメダメじゃん。
思わず口から出たのが「ぜ、全滅じゃないけど・・・。」 いやいや、シャレかましている場合じゃないよ。(泣)
後日談・追走編
(2003/4/8/AM)
一晩寝て、早朝から考えた。なんだろう。なんでだ?うーむ。 アップロードはされている。(はず)リンク指定が間違ってる?
いや、これもいいみたい。画像ファイル名も再チェック。 いや、スペルも、ドットも拡張子もOKだ。そもそも、
うちのMacではちゃんと観られるんだぞ。くぅ〜分らん。 とにかく、他機からではだめなんだ。すでにお昼を回っている。
疲労困ぱいして、チェック用のWinノーパソで、サーバーの アップロードデータ一覧を見ていたら、はたと気が付いた。
アップされている画像ファイル名にへんなポイントが混じって 表示されている。Macでは見えなかったぞ。こんなマーク。
この配置、なんかどっかで・・・。もしや！と、Mac内の画像ソースを みると、以前書いた、「ファイル名にへんな文字がついている」の
そのへんな文字が入っているのと同じ場所に、そのポイントが 配置されているじゃないか。
作成したMacでは見えないが、あきらかにここに余計な文字があるんだ。
アップロードした画像ファイルをすべてもういちどデスクトップ上で 名前を書き換える。見た目は変わらないが、これを再度アップロード
すれば、前のものとは別ファイルとして認識されるはずだ。 いくつかの書き換えたファイルを再度アップロード。
すると、まったく新規のデータとして記録された！ 画像をのせるhtmlファイルの指定をすべて書き換えて、画像をドロップしてやると、なんの問題もなく表示された。
わかったぞ！
後日談・決戦編
(2003/4/8/PM)
Photoshopで作成した画像を最初に保存する時、ファイル名をつける。 でも、そのファイル名には(見えないけれど)余計な文字が混入している。
で、そのまま使うと、正常な画像ファイルとは認識されない。 だから表示されない。Macで正しく見られたのは、
その画像を持っているHDだから、認識できた。 そもそも Macは「.jpg」などの拡張子がなくても
ファイル認識できるので、こういうことが起きる。 これって、Photoshopのバグ?
とにかく、画像作成時に こんな罠が仕掛けてあったとは・・・。 初めて使うんだから、これが普通だと思うわな。
分る訳がない。
解決策は、Photoshopで作った画像ファイルは、初回保存した後に、
再度フォルダ上で名前を書き直してやれば、正常なファイル名になる。 そうすれば、何の問題もなく貼付けられる。
分かった。今度こそ解決した……。 疲れたよ。こんなに考えたのは、ここ何年か振りだったなあ。
でも、このトラブルのおかげで、HTMLのことや、 リンク、画像についてとても勉強になった。
これぞ「災い転じて福となす」
途中、「どーせおれはダメダメなんだぁ〜。」とか、 「もーいいや、やめよう…。」とか思ったけどね…。
んじゃ、今度こそ本当に読んでくれてありがとう。
|