2008/12/22
ニシキプリントNEWS vol.180「これまでのWEBサイト制作」
┏━━━━━━━━━━━┓┏┓━┓┏┓┏━━┓┏┓┏┓┏┓┏┓┏┓┏┓ ┃ どのような印刷を ┃┃┃┓┃┃┃┃━━┛┃┗┛┃┃┃┃┏┛┛┃┃ ┃ ご希望ですか？ ┃┃┃┃┃┃┃┏━━┃┃┏┓┃┃┃┃┗┓┓┃┃ ┗━━━━━━━━━━━┛┗┛┗┛┗┛┗━━┛┗┛┗┛┗┛┗┛┗┛┗┛ ┏━━┓┏━━┓┏┓┏┓━┓┏━━┓┏┓━┓┏━━┓┏┏━┓┓┏━━┓ ┃━━┃┃━━┃┃┃┃┃┓┃┗┓┏┛┃┃┓┃┃━━┓┃┃┃┃┃┃━━┛ ┃┏━┛┃┏┓┓┃┃┃┃┃┃ ┃┃ ┃┃┃┃┃━━┛┃┃┃┃┃┏━━┃ ┗┛ ┗┛┗┛┗┛┗┛┗┛ ┗┛ ┗┛┗┛┗━━┛┗━━━┛┗━━┛ ━印刷会社がお届けするメールマガジン 【ニシキプリントＮＥＷＳ】━ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 当マガジンでは、印刷を必要とされる企業や個人事業主の皆さまへ ☆賢い印刷発注☆にお役立ていただける実用的な情報をご提供します。 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ＞＞ 2008.12.22 180号 今回のコラムはＷＥＢマスターへの道「これまでのWEBサイト制作」です。 ─────────────────────────────────── ☆本日の執筆者：よん 皆さん、おはようございます！今年もあとわずかとなりました！今年最後のと りを務めるよんです！・・・確か昨年もそうだったような。orz 現在メンバーは二人なので確率は五分なんですが（笑）そろそろメンバー補充 を考えるべきかな・・・？ 今年最後のニシキプリントＮＥＷＳは「これまでのWEBサイト制作」です。 思えば対外的なWEBサイト制作は今年から本格的に動き出したと言ってもいい かもしれません。ここで一度、今までどのようなことをしてきたのかを少し振 り返ってみたいと思います。 ※前回予告で「WEB制作のこれまでとこれから」としていたのですが、原稿の 都合上２部構成になりました。次回よんの執筆時に「これからのWEBサイト制 作」をお送りします。 ※この記事は等幅フォントでお読み下さい。 ☆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━☆ ★ ＷＥＢマスターへの道〜これまでのWEBサイト制作〜 ★ ☆━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━☆ ■ＷＥＢサイト制作のこれまで ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ 制作のはじまり ＷＥＢサイト制作のはじまりは唐突なものでした。まず私の仕事は自社の ＷＥＢサイト更新から始まったのですが、入社当初はまさか他社のサイト を作ることになるとはまったく思っていませんでした。 そんな中一つの仕事が舞い込み、他社サイト制作へ。・・・え？そんない きなり。と、言ってもそれほど難しいものではなく簡単な紹介サイトだっ たので四苦八苦しながらもなんとか作り終えることができましたが、今ま でほとんど更新のみだった自分にとっては一からサイトを作り上げるノウ ハウというものがあるわけもなく・・・ どうにか形にはなったものの、それは本職の人から見れば一笑に付されそ うなものだったでしょう。私も今になって見ると、う〜〜んと唸ってしま うようものでした。 こうして他社サイト制作の難しさを身を持って知った私ですが、今後はこ れではダメなのでは？と考えました。 何がダメなのか？何がダメと言えば全てがダメだったと言ってもよいで しょう。それでは、今後何をすべきなのか？ まずはサイト自体を作れないと話にもならないので、基本であるhtmlのコ ーディング、それからサイトのレイアウト方法などから取り組みました。 レイアウト方法には二つあり、テーブルレイアウトか、CSSレイアウトが あります。これについては以前メルマガ170号でご紹介したので詳細は省 きますが、印刷でいう組版みたいなものです。 現在はCSSレイアウトが主流なのでhtml＋CSSを様々なパターンでサイトを 組んでみました。以前はテーブルレイアウトで組んでいたので、これ に慣れるのにはかなり苦労した記憶が・・・ ブラウザというのは、ご存知の通りいくつも種類がありますが、それぞれ のブラウザでもそのサイトの見え方、表示のされ方は少しずつ違います。 Internet Explorer（以下IE）やFirefox、またIEのバージョン間（6.0や7.0） でも若干表示が違ったりするのです。 当初はそういう知識も少しはありましたが、どこがどのように作用するな どは全く分からなかったのです。 苦労した甲斐もあり今ではサイトのソースを見ればだいたいどのようなコ ーディングがされているのか分かるようになったので、少しは成長したか な？と思ってもみましたが、これは制作する上では大前提と言ってもいい でしょう。 コーディングの他にも、サイトの見映え、つまりデザインですね。サイト のコンテンツ（内容）ももちろん大事ですが、お客様に提案する段階で一 番最初に見てもらう部分がデザイン面です。 お客様の目を引けないものが、サイトを訪れるユーザーの目を引けるわけ がない、というのが私の一つの考え方なのですが、htmlのコーディングを しつつデザインもしつつというのはなかなか大変なものです。・・・普通 は分業な気がしますが。 ですが、今後のことを考えればやっておいても損はないでしょう。これか さらに仕事が入ってくれば、一人でさばききれないものなどは、どこかと 連携しなければならなくなります。どれくらいの作業がどのくらいの時間 がかかるかという判断もできるようになると思いますし、いろいろな視点 でWEBサイトを見ることができるようにもなると思います。 それにデザインとサイトのコーディングをする人が別々だと、組み上がっ てきたものが全く別ものだったという話もちらほら聞きます。こういうデ ザインのサイトにするには、こういうコーディングの仕方をしたほうがよ いということも知っておかなければならない一つでしょう。 次にデザインについては何をすればいいのでしょうか。これについてはと にかく世の中に数多くあるWEBサイトを「見る」ということをしました。 デザインの良いサイトを紹介しているサイト、また、雑誌などに掲載され ている話題のサイトなどですね。以下のURLは私が参考にしているデザイ ンのまとめサイトです。 WEBデザインまとめサイト URL: http://www.designlinkdatabase.net/ ▼ 制作の流れ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ ここでおおまかにWEBサイト制作の流れを見てみましょう。 １．お客様と制作の打ち合わせ ２．企画、構成、デザインの提案作成（ラフ案） ３．正式契約 ４．WEBサイトプロトタイプ制作→校正 ５．本制作開始 ６．WEBサイト制作→校正 ※ここで制作→校正→修正→校正という循環へ ７．WEBサイトサーバーアップ（納品） ８．WEBサイト運用（更新依頼等あれば） と、現在ではだいたいはこのようになっているのですが、当初はこれほど しっかりはしていませんでした。当初は以下のような感じです。 １．制作の依頼（制作の契約はほぼ決まっている） ２．構成、デザイン作成（コーディングしながらデザイン考慮） ３．WEBサイト制作→校正 ４．WEBサイトサーバーアップ（納品） 当初は私がお客様と直接打ち合せをするということはほとんどなく、この ような感じのものを、という営業の説明でデザインし、また、納品後の更 新的なものもほとんど決まっていませんでした。 そう考えるとだいぶ形になってきたと思いますが、まだまだ不十分な部分 もあるでしょう。 ▼ まとめ ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ 今までを振り返っても、本当にひとつひとつが積み重ねでした。 WEBサイト制作については、何を、どのようにすれば正解ということがな かったのが一番難しかったようにも思えます。 これからもコーディングやレイアウト、デザインなど若干踏み込めていな いスクリプト（WEBプログラム）関係などもそうですが、少しずつ、確実 にお客様に満足していただけるものを作っていきたいと思います。 次回私の執筆時には今回書けなかった「これからのWEBサイト制作」をお 送りします。 ■気になる最新情報 ＋（ちょっと役立つ情報） ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ ◆みんなの仕事場 ￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣￣ URL:http://shigotoba.askul.co.jp/ ここは「みんなの仕事場」という最近できたばかりのサイトです。 内容はタイトル通りなのですが、環境のよい仕事場、デザインのよい仕事 場などを紹介しあうコミュニティサイトですね。仕事をする上で職場の環 境というのはとても大切です。仕事に集中できたり、モチベーションが上 がるような環境は理想的ですね。まだ数は少ないみたいですが、このサイ トでそういう環境づくりを参考にできたらと思います。 よんも環境づくりを・・・と、まずは身の回りの整理からですね。orz 〜次号(1月5日配信)は「印刷業界の未来」をお届けします〜 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ★今のホームページに満足していますか？ ニシキプリントではホームページ制作のお手伝いをさせていただきます！ 詳細は下記URLから↓ ＞＞＞http://www.nishiki-p.co.jp/web ★メルマガ相互広告＆サイトの相互リンク募集中！ ご連絡はこちらまで。ご意見・ご感想もお待ちしています。 ＞＞＞info@nishiki-p.co.jp ─────────────────────────────────── 印刷会社がお届けするメールマガジン 【ニシキプリントＮＥＷＳ】 ─────────────────────────────────── ■発行周期 隔週（隔週月曜日）配信 ■配信元 株式会社ニシキプリント http://www.nishiki-p.co.jp/ ■お問い合わせ info@nishiki-p.co.jp ■バックナンバー http://backno.mag2.com/reader/Back?id=0000095734 ■配信システム まぐまぐ(ID 0000095734) http://www.mag2.com/ メルマ! (ID m00071692) http://www.melma.com/ カプライト(ID 8164) http://kapu.biglobe.ne.jp/ ※当メルマガの登録や解除はそれぞれの配信システムからお願いします。 ＞＞このメールマガジンの無断転載・無断引用は禁じます＜＜ All Rights Reserved (c)2002 by Nishiki Print Inc. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
