ヘッダーイメージ 本文へジャンプ
ホームページ作成日記 (1)




ホームページを持つなんて他人事と思っていたわたしが
なぜかHPをはじめてみようと思い立った。
長年パソコンはいじっているけれど、
実質は初心者に毛が生えた程度のユーザー。
ゼロから始めてどんなページを公開できるのか。
私自身も興味があるし、もしかするとこれから自分で
HPを開設しようという方の参考にも
なるかもしれません。
HP作成の道を日記形式でお届けします


ホームページ作成日記(2)へ


 
 目次:日記タイトルをクリックするとそこへジャンプします。

2008225 ホームページを始めるぞ!
226 コンテンツ作り(写真)1
227 ホームページビルダー12に決定!
3月1日 ホームページビルダー・バリューパック
3月5日 ソフトをインストール
3月6日 コンテンツ作り(文書)2
3月7日 コンテンツ作り(文書)3
3月8日 コンテンツ作り4
3月10日 結局、クイックを使うことに
3月14 いよいよ実際にページ作り
3月19 ここでもう一度おさらい
3月20 ひたすらページ作り
3月21 素材を活用
3月26日 準備完了。明日を待つばかり?
327 いよいよ発進!
328 検索サイトへ登録

     HP作成日記(2)につづく 
      




2008225 ホームページを始めるぞ!

昨年、一昨年は、順調に仕事の依頼をいただき、多忙な毎日をすごした。年が明けて2008年、定期の仕事や確定申告の準備はあるものの、比較的暇な日々が訪れた。そこで余暇に、仕事じゃないけど、仕事に結びつくことをしようと考えた.

以前からやってみたかったのは著作権が切れた作品の翻訳。英米文学研究家でもないわたしごときが手を出すのはどうかなあとも思う。ただ、少女時代からずっとわくわくしながら翻訳書を読んできたわたし。人目に触れにくくなった作品を訳して、だれかと分かち合えたらすてき。しかもふだんやらない古典の翻訳はとても勉強になるだろう。楽しく訳して、楽しく読んでもらえたら・・・とすると、発表の場は?


そこで思いついたのがインターネット。訳したものをネット上で公開してみようか(といっても、訳文はまったくできていないけれど)。そうなったら、ホームページをつくらなきゃならない。いままで、そんな大それたことをいっぺんも考えたことはなかった。自分から不特定多数の人に何かを発信するなんて! 気が小さいので、批判や中傷を受けたら、十日くらい寝込んでしまいそう。でも、もしかすると楽しい面もあるかもしれないな。

さっそく、図書館からホームページ簡単作成法の本を借りてきた。数年前の本なので、現在使用することは無理そうだが、概要はわかった。要するに、ワードとかホームページビルダーとかを使ってページを作成し、ドメインを取得して、アップロードすればいいんだ!

最近はブログが大流行。わたしみたいな素人にとっては、そっちのほうがお手軽のようだ。でも、毎日のように日記を更新するほどマメな性格じゃないし、やりたいことにはホームページのほうが向いている気がする。翻訳文のコンテンツづくりはまたあとにして、とりあえず、つくってみようか、ホームページ。簡単な自己紹介、これまでに翻訳した書籍、記事の紹介などから始めてみたら?

というわけで、ホームページ完成までの道のりを、これから綴っていこうと思う。ホームページができたあかつきには、きっとこの記録がコンテンツのひとつになるんだろうな。



226 コンテンツ作り(写真)1

HPに載せるために、訳書と原書の写真を撮影。いつの間にか、ずいぶんたくさんになっていたんだ。初期に訳した本は紙が黄ばんでいたりする。原書に付箋がいっぱいついたままなのも懐かしい。なんて、のんびりやっていたら、ずいぶん時間がかかってしまった。撮影と言ってもただの素人写真。うんと小さく縮小すれば、ピンぼけもわかりませんよね!



227 ホームページビルダー12に決定!

何冊かホームページづくりの書籍を斜め読みし、やはり王道のホームページビルダー12で作るのがいいだろうと結論。次なる選択は、約4000円プラスでバリューパックにするかどうか。わたしのような初心者にとって不必要なソフトがついてきても、結局宝の持ち腐れじゃないかなと思って迷っていたが、昨晩、急ぎの短い仕事の依頼を受け、臨時収入が入ることになったので、思い切ってバリューパックにすることに。アマゾンで注文したら、その場で500円引きというサービスもあって14800円のところ、11024円でした。





31 ホームページビルダー・バリューパック

仕事などでHP作成は一時中断。その間に、購入したホームページビルダー12は届いていた。バリューパックを開くと、「ホームページ・ビルダー12」というソフトと「できる ホームページ・ビルダー」という書籍のマニュアルとバリューパックがついている。箱の中にはCD-ROMが三枚。「かんたんWebアニメーション」、「Webデザインテンプレート @rt web select pack」、「満タン ホームページ・ビルダー selection」。それに「かんたんWebアニメーション」のマニュアル冊子。3月までユーザー登録後10日間、素材を無料でダウンロードできるとのことなので、時期を見てユーザー登録をして、必要な素材をダウンロードしておこう。

「ホームページ・ビルダー12」の箱を開けるとここにも「入門編」というマニュアルが入っていた。本来は、とりあえず本体だけを買えば、ホームページが作れる仕組みになっているようだ。バリューパックは買わなくてよかったな、とこの時点で少々後悔。ふだんのわたしはソフトを買うとマニュアルもろくに読まずソフトをインストールしてしまう見切り発車タイプの人間だけど、今回はとりあえずマニュアルにざっと目を通してからにしようと思う。

ぱらぱらと二冊のマニュアルを読んでみた。はやり、実際に作りながら考えたほうがよさそうだ。サイトに転送する前に、自分のパソコン上でページを作っていけるようなので、見切り発車しても大丈夫そうだ。

2つの編集モード、「どこでも配置モード」と「標準モード」があって、どちらを選んだらよいのか迷うところ。「はい」「いいえ」を答えていき、マニュアル『入門編』には、どちらが自分に合っているかを選択できるチャートがある。それでも、どっちと決めかねる。そこでいろいろなホームページで調べてみた。ブラウザの幅を縮めてみると違いがよくわかる。「どこでも」は画像が文章が枠外にはみ出してしまうし、「標準」だと、レイアウトが狭まって、枠が細くなっても全文が読める。なるほどねー。

こういうことも、自分でHPを作成してみようと思わないと気づかない点なので、面白いと思う。昔から好奇心だけは強いほうで、何かをはじめるときにはけっこう研究する。ただし、広く浅くだし、たいへん飽きっぽい。自分のこういう性格が実は翻訳に向いているのかもなとも思っている。もちろん深く調べるに越したことはないけれど、それだといつまでたってもひとつの翻訳が終わらないし、広いジャンルをカバーできない。そして、訳す本が変わるたびに調査対象が変わるところも「飽きっぽい」性格にとてもマッチしているようだ。



3月5日 ソフトをインストール

ぐずぐずしているうちに数日経過。とにかくまず、ソフトでページを作ってみないことには。今日はホームページ・ビルダー12をインストール。ふだん、基本的なソフトは使っているので、とりあえずインストールは問題なし。テンプレートや素材をのぞいて見ると、けっこういろいろなバリエーションあり。

 ホームページビルダー12から、従来のホームページビルダー(クラシック)に加えて、新しくホームページビルダー・クイックというものが加わった。クイックを使えば、初心者でも短時間でHPがつくれるようになっているらしい。やってみないことには試行錯誤のしようもないので、ひとまずクイックを使ってホームページとサブページをいくつか作ってみるつもり。



3月6日 コンテンツ作り(文書)2

1時間ほど試してみて、できあいのページを使って作るのは簡単だということがわかった。でも、それではやはり自分のやりたいようにはできないようだ。サイト全体の構成を考えて、掲載するコンテンツもきちんとつくっておかなければならない。そこで、必ず掲載するつもりの訳書リストづくりからはじめる。ところがこれが、意外とたいへん。HP公開までの道のりは長そう(途中でくじけるかも)。

3月7日 コンテンツ作り(文書)3

訳書リストつくり継続中。けっこう冊数が多いため、フォーマットの統一に時間がかかる。ついでに訳書の表紙の撮影も三脚を使ってやり直し。前回、時間をかけたにもかかわらず、手ぶれが気になっていたので。ホームページ本体を作ることもさることながら、コンテンツ作りや、ホームページの構成を考えることも大切だ。でも、ここでくじけるとだめだから、とにかくアップロードまでこぎつけよう。





3月8日 コンテンツ作り4

撮影した写真はそのまま使えるというわけではない。ホームページのテンプレートを利用するつもりなら、要らないところをカットしたり、大きさを整える必要がある。こういうことも、少しホームページソフトをいじってみないとわからないので、平行してぼちぼちやっていくしかない。

本の写真を撮影しなおし、トリミングや加工をしてHPに貼り付けられるようフォトショップエレメントを使って準備。訳書リストも、7割はできあがったので、そろそろ本格的に作り始められそうだ。だが、写真の画素数を合わせたり、形を統一したり、フレームをつける場合にまわりに余白をとる必要がある、など、まだまだいろいろと手直しが必要だ。

3月10日 結局、クイックを使うことに

二冊のマニュアルを見ながら、いろいろいじくってみるうちに、クラシックはわたしには機能が多くて複雑すぎるので、結局ホームページビルダー・クイックでつくるのがいちばんいいのではないかと思うようになった。クラシックなら自由にページがつくれるといっても、どういうものをつくっていいのかよくわからない。クイックにはとりあえず必要最小限の機能がついていて複数のページのデザインを統一でき、リンクも簡単にできるようなので、わたしにはこれがぴったりかもしれない。



3月14 いよいよ実際にページ作り

クイックを使って、バナーを編集したりスタイルを変えたりしながら、トップページをつくってみた。なにせ初めてだから、気に入らなくて何度もやり直すから時間がかかるが、結果的にはわりと好みのものができあがった。トップページができると、クイックの場合、それにリンクされるサブページが同じデザインですぐつくれるので、そこはとても便利。でも、サブページの階層は二段目までしかないみたいで、ページを増やすと目次がどんどん増えてしまう。

 次に訳書のリストづくりをしてみたが、これもレイアウトを決めるまでにすごく時間がかかり、結局「ページ編集」→「レイアウト素材の挿入」で見出しと写真ボックスを挿入するのがよいらしいとわかった。書籍の写真はうまいぐあいに自動的に挿入されて大きさなどもばっちりだったが、写真のトリミングのしかたが悪くて額縁をつける余裕がなかったのが残念。でも、もう一度写真を編集しなおす気にはなれないなあ。



3月19 ここでもう一度おさらい

実際のHPづくりは停止した状態だが、この数日間、マニュアルをもう一度読みなおしておさらいしたり、いろいろ試したりして、いよいよ自分が計画したようなホームページが本当にできそうな段階にきた。クイックでは自由度が小さいが、素材などを活用すると簡単にきれいにページがレイアウトできる。

 最初は3階層以上のページをつくりたかったけれど、クイックではどうもそれはできないようだ。けれども必要になったら、別のサイトをつくってそこにリンクを張ればいいらしい。この段階にいたるまで、一カ月近くを要した。だれかに教えてもらえば、1,2日ですんだはずだ。でも、自分で試行錯誤しないとトラブルに出くわしたときに、また人に教えてもらわなければ何もできないだろうから、これも無駄な時間とはいえないのかも。また、マニュアルを読んだり、ソフトをいじってみるうちに、いろいろなサイトのホームページの構造もなんとなくわかるようになった。参考にできることもいろいろある。



3月20 ひたすらページ作り

トラブルが起こって、データが消えたり、おかしくなったりするたびに(それもけっこう頻繁に)、「ちっ」とか、「うっ」とかつぶやきながらパソコンに向かっているので、娘に「もう少し楽しくつくれないの?」と言われてしまった。でも、本人はけっこう楽しみながらやっている。ホームページ・ビルダー自身にもときどきエラーが発生してプログラムが強制終了してしまう。おかげで、マメに保存する癖がついた。

今日は、翻訳書リストづくりと、プロフィールのページの作成を終了。リストのページは全部で4ページ。以前に1ページ目の雛型をつくったときにはすごく時間がかかったけれど、なれてくるとそうでもない。見出しつき写真ボックスを使えば、見栄えよくつくれる。ただ、写真ボックスを自分流に改造してからコピー&ペーストして使おうとすると、他のボックスのレイアウトが狂ってしまうという奇妙な現象が起こり、やはり毎回新たに素材から写真ボックスを入れたほうが手間がかからないことがわかった。

ページ内リンクも張ったので、ページ冒頭の書籍タイトルリストから見たい本のタイトルをクリックすればそこへジャンプできるようになった。いろいろいじっているうちに、リンクの作り方、ボタンやロゴやリストマークなどの素材の使い方にも慣れてきて楽しくなってきた。

これで一応、トップページを入れて6ページが完成したので、そろそろアップロードも可能だ。ちょっとドキドキ。でも、おそらくアップロードは3月末になると思う。というのは、いよいよWindows Vistaを搭載した新しいパソコンが27日に届くから。Vistaは初めてなので、それにすぐ慣れることができるかどうかわからないけれど、Vista入りのVAIOからできたてほやほやのホームページをアップロードしたいと思っている





3月21 素材を活用

素材の活用が大切ということがわかってきた。すてきな区切り線がいっぱいあるが、見本の画像は小さすぎてどんなデザインかわからず、選択が難しい。90個以上もあるが、そのうち20個ばかりをピックアップして、実際にページに挿入し番号をつけて保存版とした。そのままコピーしてワードにはりつけようとしたら、文字だけになってしまったので、IEで表示させてコピー&ペーストしたらうまくいった。

せっかくホームページ・ビルダー・バリューパックを買ったのだから、その特典である満タン素材10日間無料ダウンロードサービスを利用しなければもったいない。しかも、期限は3月末日まで。HPを作成してみて、ふつうについている素材だけでは足りないイラストがいっぱいあるのに気づいた。医学や科学関係のイラストだ。たとえばDNAの二重らせんとか。さすが満タンのホームページにはそういった画像もたくさんある。欲しいものをどんどんダウンロードしておかなくっちゃ。写真は自分で撮影したものでもいいが、イラストは自分で描くのはたいへんだし。


 今日は、この
HP作成日記のページもつくった。レイアウト素材のカラフルな表と区切り線を組み合わせてみたけれど、さて、できばえはどうでしょう?



326 準備完了。明日を待つばかり?

ようやくHPが完成した。これから順次更新して内容を増やしていくつもりだが、当初予定していたページはすべてできあがった。あとは明日、Windows Vistaの搭載された新しいパソコンが届いてからの作業。Vista機にホームページビルダーをインストールし、現在使っているパソコンにはいっているホームページのファイルを移し、ページをサイトに転送するつもりだ。Justsystemが運営するホームページ公開サービスJust MyStageではホームページビルダー12のユーザーに1年間無料でサイトを提供してくれるので、それを使ってみることにする。掲示板やカウンターといった機能は使えないが、いまのところ必要ないし。カウンターは毎日だれも訪れなかったら寂しいので、むしろないほうがいいかも?


327 いよいよ発進!

まだVista機が届かないが、とりあえずJust MyStageに申し込みをしておく。このサービスの場合は、ドメインとかではなく、「ホームページ公開スペース」を取得するということになるらしい。登録はとても簡単だった。あとこのスペースにページをアップロードするだけだ!


新しいパソコンが届いた。箱から出して、とりあえず使えるように設定するのに2,3時間かかってしまうのが面倒だ。そのあとも1か月くらいはいろいろと手間がかかる。でも、
Vistaを搭載したVAIOは本体のデザインも画面もとても美しくて大満足。VistaはいまのところXPの知識で使えているが、Outlook Express(IE)Windows Mail(WM)と名前が変わっていたりして、随所に変更点がありそうだ。

余談だが、今回新しいパソコンを買ったことで、使用しているパソコンが4台になる予定だった。ところが、注文したとたん、2番目に古いパソコンが壊れ(以前から調子が悪かったからしかたないか)、タイミングもばっちりなので廃棄することにした。そこでデータ消去を試みている最中だが、なんと1日以上かかるんだって。あと20数時間もかかると表示されている・・・。


そうこうしているうちに、新しいパソコンがなんとか使えるようになったので、ホームページビルダー
12を新しいパソコンにインストールしなおし、ページのフォルダも移動させて、最終チェック。移動の際に、なぜかレイアウトが変わってしまったページがあって不思議だが、それも修正。これまでは「メールはこちらへ」をクリックするとIEが起動することになっていたのに、新しいパソコンではOutlookが開く。メールソフトは、WMを使うつもりだったので、ちょっと困る。あとで設定を調べてみよう。さて、それでは、これからアップロード。

ここまでくると、ホームビルダー・クイックは簡単。かんたんナビバーで「ページの公開」→「転送設定」を指示どおりに行い、次に「サイト転送」をクリックするだけだ。


転送は問題なく行われたが、転送できないファイルがあったとの表示。写真のファイルのタイトルがほとんど日本語だったためだ。ページはきちんと表示されていたが、日本語のファイル名がついていた画像のところだけ空白に。全部タイトルを半角英数に直して再度チャレンジ・・・・・・しかし、だめだった。ファイル名を変えると、写真は削除されてしまう。そこで、空白になったボックスにもういちど、同じフォルダから英語の名前に付け直した画像を入れ込む。ここで気づいたのが、このフォルダには現在使われていない画像がたくさん保存されているということ。作業の途中で削除したものがそのまま残っているんだ。いつか不要なファイルは削除したいな。

再度転送。またしてもひとつだけ、ファイル名に問題ありのファイルがあった。でも、この画面で修正すればOKのようだ。最初のときも、ここで、ちまちま直していけば手間がかからなかったんだ。またひとつ勉強。勉強ばかりだけど・・・・・・。

この再転送でまだ画像が3枚入っていない。理由は不明。よくわからないけど、もう一度入れなおして再トライ。ページの修正は、「サイト転送」ボタンを押すだけなので簡単だが、なぜ通信エラーが出るのかがわからないのが困る。


数回修正と転送を繰り返し、ようやく画像がちゃんと入ったホームページができあがった。長い道のりだったが、考えてみれば自分ひとりで一冊の本をつくった気分。編集者、作家、イラストレーター、デザイナー、校正者のすべての役をこなしたのだから。とはいえ、どれも素人仕事なので、失敗ばかりだし、できあがったページもまあ、そこそこといった出来だ。でも、久しぶりに新しいことに取り組んでとても充実した日々を送ることができた。ちょうど、仕事も忙しくなってきたので、この辺で一休みしよう。

ここまで読んでくださったみなさま、くだらない日記におつきあいいただき、ありがとうございました。あまり参考にならない体験談ですが、とりあえず、当初の目標は達成しました。また、ぼちぼちと暇をみつけて更新していきますので、ときどき遊びに来てくださいね。





328 検索サイトへ登録

検索サイトに登録しないと、わたしが直接URLを知らせた人にしか「古川奈々子のホームページ」を訪れてもらえない。たしかに、現在googleで「古川奈々子」と入れても書籍しかひっかかってこないし、「古川奈々子のホームページ」と入れても、もちろん検索結果はゼロ。そこでホームページ・ビルダーの「検索サイトへの登録」機能を使うことにした。

Googleの登録は簡単にすんだ。これで検索されるようになるかどうかは不明だが。説明書によれば、検索にヒットするようになるまで、数週間かかることもあるそうだ。


 HP作成日記(2)につづく 
      



Copyright(c) 2008~ Nanako Furukawa All Right Reserved