本文へジャンプする

  • HOME(1)
  • WORK
  • WEB Relations(2)
  • DTP Relations(3)
  • AND Other(4)
  • ABOUT(5)
  • MAIL(6)
  • LINK(7)

『幕張本郷囲碁クラブ』サイト作成

『幕張本郷囲碁クラブ』トップページ画像
  • html Transitionalで作成
  • テーブルレイアウト
  • JavaScript on
  • Flash使用
  • PHPプログラミングなし
  • MySQL未使用
  • 未使用ソフト Dreamweaver
  • 使用ソフト Photoshop CS2
  • 未使用ソフト Illustrator CS2
  • 未使用ソフト CimicStudio Pro
サイト制作のコメント

趣味で作成させていただきました。

実働しています。

ハイプリッドコーディングです。

トップのFLASH画像を、「少し目を惹く程度で、動いていてもうるさくないように。メインはあくまでもコンテンツ」というテーマで作成しました。写真も自分で撮影・加工しました。

簡単なSEO対策をしてあります。

このページのトップへ戻ります

『美しい日本をつくる会』サイト作成

『美しい日本をつくる会』トップページ画像
  • html Transitionalで作成
  • テーブルレイアウト
  • JavaScript on
  • Flash未使用
  • PHPプログラミングなし
  • MySQL未使用
  • 使用ソフト Dreamweaver
  • 使用ソフト Photoshop CS2
  • 未使用ソフト Illustrator CS2
  • 未使用ソフト CimicStudio Pro
サイト制作のコメント

サイトのデザインとテンプレートの作成を担当しました。

ハイプリッドコーディングです。

簡単なSEO対策をしてあります。

ハイブリッドコーディングではありますが、アクセシビリティやユーザビリティは考慮してあります。

(ちなみに、私個人は、こちらの団体とは一切関係ありません。念のため。)

このページのトップへ戻ります

パソコンゲーム『SUMMERスクール』販促サイト

『SUMMERスクール』トップページ画像
  • xhtml Transitionalで作成
  • CSSレイアウト
  • JavaScript on
  • Flash使用
  • PHPプログラミングあり
  • MySQL使用
  • 使用ソフト Dreamweaver
  • 使用ソフト Photoshop CS2
  • 使用ソフト Illustrator CS2
  • 使用ソフト CimicStudio Pro
卒業制作品のコメント

卒業制作品です。

ホントにこういうゲームがあると勘違いされるくらいの作品にしようと、ゲーム内容やキャラクター設定〜スペックまで、サイト作成とは関係ないところまで力を入れました(笑)

サンプルボイス付・萌えを追求☆

IE7・Firefox・OPERA・NN等のモダンブラウザへの対応や、バージョン違いのIEに対応させようとした為、なかなか思ったようにいかなかったのですが、出来る限りW3Cに準拠したCSSコーディングをしていきました。

表には出ないのですが、お知らせ情報を更新する為の管理プログラム&画面の作成もしてみました。

アクセシビリティ・ユーザビリティ、SEOも考慮した作りになっています。

…検証できていないところが難です。

このページのトップへ戻ります

『おおたく動物病院』トップページ

『おおたく動物病院』トップページ画像
  • 使用ソフト Photoshop CS2
  • 使用ソフト Illustrator CS2
トップ画像制作のコメント

卒業制作品にする予定でした。

デザインコンセプトは、優しい院長先生や看護士さん達のイメージで、可愛く清潔感があり明るい印象で、分かりやすいナビゲーションを付ける事でした。

ターゲットユーザーは、全年齢対象

いつも紫苑(うちのワンコ)がお世話になっている動物病院で、院長先生からサイト作成の了解もいただいていたのですが、諸事情でネットにアップ出来ないという制約があり、デザインまでは考えたのですが、制作には至らず残念でした。

このページのトップへ戻ります

碁盤・碁石販売『飯島碁盤店』トップページ

『飯島碁盤店』トップページ画像
  • xhtml Transitionalで作成
  • CSSレイアウト
  • JavaScript off
  • Flash未使用
  • PHPプログラミングなし
  • MySQL未使用
  • 使用ソフト Dreamweaver
  • 使用ソフト Photoshop CS2
  • 使用ソフト Illustrator CS2
  • 未使用ソフト CimicStudio Pro
飯島碁盤店制作のコメント

学校課題です。

デザインコンセプトは、ひと目で碁盤店のサイトであると判ること。
何度も訪問してもらえるよう、コンテンツも工夫してみました。

室内写真と碁盤・座布団は、合成加工してあります。

このページのトップへ戻ります

女性のための総合サイト『たらちね カフェ』

『たらちね カフェ』画像
  • html Transitionalで作成
  • テーブルレイアウト
  • JavaScript on
  • Flash未使用
  • PHPプログラミングなし
  • MySQL未使用
  • 使用ソフト Dreamweaver
  • 使用ソフト Photoshop CS2
  • 使用ソフト Illustrator CS2
  • 未使用ソフト CimicStudio Pro
たらちねカフェ制作のコメント

学校の中間課題です。

初めて、デザイン等を、クライアントと話し合って作ったサイトです。

ページ数とテキストの量が多く、ナビの付け方やテーマカラーの配色等を利用し、ユーザーが迷わないような工夫をしていきました。レシピには、印刷ページを準備しました。

実際には、諸事情で、全ページ作成できていません。いつか、改めて作成し直したいと思っています。

このページのトップへ戻ります

『用語しらべ』トップページ

『用語しらべ』トップページ画像
  • html Transitionalで作成
  • テーブルレイアウト
  • JavaScript on
  • Flash未使用
  • PHPプログラミングなし
  • MySQL未使用
  • 使用ソフト Dreamweaver
  • 使用ソフト Photoshop CS2
  • 使用ソフト Illustrator CS2
  • 未使用ソフト CimicStudio Pro
用語しらべ制作のコメント

学校課題です。

課題テーマは、「JavaScript関連の用語を調べて、好きなデザインでHTMLコーディングをする」でした。

一見、検索系のサイトとは思えない感じが面白いかと思い、和風の作品にしてみました。

使い勝手を考え、見出しを細かく分けたり、関連用語から関連用語へリンクを貼ったり、色々工夫しています。

ただ、検索サイトにしては「色合いが暗い」という欠点が…。精進です。

このページのトップへ戻ります

WEBサイト用のMAP

WEBサイト用のMAP画像
  • 未利用ソフト Photoshop CS2
  • 使用ソフト Illustrator CS2
MAP制作のコメント

学校課題です。

課題テーマは、「駅と線路が必ず入っている。目的地までの目印を判りやすく」でした。

目的地のイメージや、それに合ったデザインを考えてみました。とても楽しかったです。

このページのトップへ戻ります