シリコンカフェの更新記録をまとめて掲載しています

ディレクトリというのは、物理的にはフォルダの構造であって、制作者にとっては複数のHTMLファイルをまとめて管理しておこう…みたいな部分が出発点であったと思う訳です。それに情報のラベルをつけて、類似している内容のファイルをまとめておく。

本来は、その物理的に作成したディレクトリが論理的にも機能すべきなのだが、長年ウェブサイトを運営していると、そのあたりがぐちゃぐちゃになってしまうのですね。

ゼロからサイトを作るのであれば、情報カテゴリ分類に準じてディレクトリの名称も合わせていく。情報の分類を細分化していくのがディレクトリ設計のキモだと思うのですが、長年サイトをやっていくと、本当にむちゃくちゃになっていく。

これを解決するのが論理的なディレクトリ設計。つまり訪問者にとっての階層に伝える事。ぶっちゃけて言うとプライマリナビゲーション（グローバルナビゲーションとも言う）によって情報カテゴリ分類を明示するという事。

さっき、物理的なディレクトリ構造と論理的なディレクトリは一致しておくのが望ましいと書いた。新規サイトを作る場合はもちろんこの手法で設計をしておく。だったらリニュアルも同じように、物理的にディレクトリを組み直せばいい。古いディレクトリは削除したり移動すればよい…という考え方もあるだろう。

実際に僕は、何度かのリニュアルでそういった手法でサイトの情報構造を追加したり削除してきた。しかし、この方法はローカルのみであればよいのだが、インターネットという場所でURIとしてウェブに情報が置かれている場合、勝手にページを削除するのも如何なものかと思う訳です。

たとえば、訪問者がページを気に入ってくれてブックマークしてくれたものを勝手に消してしまうのはどうかと思う訳であります。さらにブックマークだけではなく、他のHTMLファイルからリンクされている場合は、相手のページが勝手にリンク切れになってしまう。まあ、消去されたページはサーバー側でHTTPリダイレクトするという手法もあるのだが、できればページは消去しないほうが利用者には親切だと思う。
さらに、Googleなどでページランクが向上している場合は、消去することがもったいないとも思う。

なので、できる限り既存のHTMLファイルは消去せずに活かしておくことが望ましいと思う訳です。

実際にHTMLファイルをそのままにして、論理的なディレクトリを優先することは、作業上は面倒ではあるが、今回のリニュアルではその方法で取り組んでいるのだ。

あっという間に一週間が経過してしまいました。
日々の仕事が忙しくて、なかなかシリコンカフェのサイトを更新出来ません。

更新以前に、現在のデザインフォーマットに全部のページを直していくのが大変なんですよね。
まあ、それでも第二階層のトップの部分は大方終わっているんですけど、ディレクトリを掘っていくと、過去の色々なデザインが出て来ます。

まあ、それはそれで、楽しめるというか（嘘）

本当は、デザインフォーマットを変更するだけじゃなくて
新規にコンテンツを追加していきたいのですが、
なかなかそうはいきません。

なんとか、マスターページは完成した。
今まで、専業でウェブ作成をしていた頃から比べると、めちゃくちゃ時間がかかった。前にも書いたけど、自分自身ずっと現場で制作から離れていたこともあるが、やはり時間が足りないことが一番大きい。

現時点では「base.html」というファイル名で、基本となるページの作成は完了した。リンク先の設定も終わった。

今回のリニュアルでは新しく「コンサルティング」という項目を追加した。これは大きな情報カテゴリで、プライマリナビゲーションにも含まれていない。ただし、まだコンテンツは出来上がっていない（汗）。

内容としては、今までウェブ制作に関わってきた仕事としてのコンサルのこと。特にウェブサイト構築について語っていこうと思っている。おそらく、このブログも、コンサルティングの情報カテゴリの範囲からリンクされることが増えるだろう。

さあ、これでざっくりページを作成することが終わったので、今からはテンプレートの作成。要するに「ひな形」を作っていく。今回もDreamweaverを使って、Dreamweaverテンプレートファイルを作成する。

テンプレートは、今回もネスト構造を持たせる。まずは親テンプレートを作り、子テンプレートで、さらに編集可能領域を細分化していく予定だ。

では、今から作業に取りかかる。

※Dreamweaverテンプレートと検索すると、このページが最初に表示された。解り易い解説なので、一読しておくとよいです。





人気ブログランキングへ

マークアップを開始する。
いつものCSSレイアウト。

いつものパターンとはいえ、けっこう久しぶりなので時間がかかる。頭のなかではサクサクとページを組み立てているのだが、プレビューすると「あれれ？」って感じ。

この3年くらいMacintoshを使っているので、プレビューはSafariかFireFoxとなる。いずれもモダンブラウザなので、このブラウザを信じて組み立てる。Win版IE6は、今の作業を終えてから考えることにする。



人気ブログランキングへ

今日もシリコンカフェのリニュアル作業が全然進まなかった。

うーん。




人気ブログランキングへ

とゆうわけで、Fireworksで作成したドキュメントを書き出す準備。

以前のテーブルレイアウトだと、ページデザイン通りにスライスを行えばいいのだけど、CSSレイアウトになると、これが違う。

FireworksCS3から搭載された「ページ」という機能を使う。
ページデザインが終わった画面を、別ページに複製。
複製した画面に対して、CSS用のスライスを行う。

どの部分をバックグランドイメージにするのかを考えながら作業を行う。
もちろん、JPEGやGIFのダイエットも前提に考えておかなくてはならない。




人気ブログランキングへ

ざっくりページデザインは終了した。
なかなか忙しくて、細かな部分に時間をかけることができない。
とりあえず、今後のCSSでの変更を前提に画面要素が明確にわかるようにした。





人気ブログランキングへ