プロフィール2009年。明けましておめでとうございます。
今年は、キーボードのブラインドタッチを覚えることとブログを充実させる、ホームページ教室を本格的に始めることを目標にしました。
人にブログを書くことを薦めておきながら、自分はほとんどこの２年間、ブログを怠ってきました。
今年からは、可能な限り、ブログを更新しましょう。
サイトの制作実況をしたいと思います。
自分の作業状況を記録することで、備忘録としても使えるし、いいかなと思います。
さて、2008年の年末から2009年の最初の仕事は、奈良県富雄でご姉妹で経営されている、セレクトショップVentDeuxr（ヴァンドゥール）さんのホームページをリニューアルすることになりました。
これと平行して奈良のデザイナー・クーコムさんのディレクティングで、かなり大きなサイトのコーディング・システムをさせていただきます。
お正月から、HTMLマークアップをしています。
デザインはPhotoshopCS3で行います。お客さんと打ち合わせをして、大筋でOKの出たデザインをもう一度整理します。HTMLマークアップしやすいようにレイヤーで大まかなマークアップの段落を作っておきます。グループ化されたところが、大体DIVタグになるという形です。
実際はこの大きくグループ化されたグループの中にさらにグループ化された要素が入っています。
グループ化しておけば要素によって複製ができるので、たとえばヘッダーの部分を取り出したいときは、
headerグループを複製して細かくPhotoshopのカットツールで切り出しをするようにします。
今回はリニューアルなので、コンテンツはほとんど現在のコンテンツを使いますが、WordPress（ブログシステム）が組み込まれる予定なので、少し注意して進めていきます。
ご自分で更新されたいという想いから、ブログシステムを提案しました。
しかし、最初の作業は同じです。HTMLでマークアップ作業をします。
DreamWeaver上で一番大きな共通部分を作ります。一番大きな共通部分というのは、サイトID、つまり、お店の名前と、グローバルナビゲーションと、コンテンツ枠、フッターです。
ワープロ感覚で、デザインビューで文字を打ち込みます。
今回はブログシステムのWordPressを組み込むので、キャラクタセットをUTF-8にして、リセットCSS（default.css）を用意します。また、default.cssをインポートするimport.cssを用意しました。
HTMLのバージョンはXHTML1.0strictで作ります。
DreamWeaverでは最初からテンプレートとして作っています。またグローバルナビゲーションなどはアセットでライブラリとして登録することを前提で作業していきます。
トップページとコンテンツページはデザインが違うのでCSSでは注意しないといけないでしょう。
いまのところはどのように分けるかは考えていませんが、CSSを複数用意するのが良いのではないかと漠然と考えています。
＜つづく＞
仕事をしながら聴いている音楽：
Charlie Alex Marchhttp://profile.myspace.com/index.cfm?fuseaction=user.viewProfile&friendID=54416284はイギリスのアーチストですが、とても、きれいな音楽です。ホームページの写真を見ると普通の感じの人ですが、音楽を聴くと、才能やアイディアがあふれている感じ。最近、繰り返し聴いている音楽のひとつです。エレクトロニカというジャンルになるのでしょうか。
昔はテクノの分類だったと思うのですが、それも細分化されて、ダンスとか、エレクトロニカとか、いろいろになっているようです。
音楽は最近離れていたのですが、itunesを導入してからは、よく聴くようになりました。
エレクトロニカやテクノを聴きながら仕事をすると捗るというのを耳にしたことがあるのですが、あまり変わらないようです。。。
2009年1月02日seijiaoki コメント(0) >>コメントする
ピクセリエは奈良・大阪・京都の方のために
ホームページの作り方を無料で講習いたします。
詳しくは「ホームページの作り方無料講習」
お気軽にお問い合わせください。
今までに作ったイラストや3DCG画像です。解説を添えていますのでぜひご覧下さい。
画像をクリックするとギャラリーが見れます。