構造の再設計

個人サイトのリニューアル計画

背景

職業訓練期間中に製作したサイトは以下の問題を持っている。

• アクセシビリティに乏しい。
• コンテンツの拡張性がない。

目的。仕様

• アクセシビリティ、ユーザビリティの向上。
• コンテンツの拡張性の向上。
• フリーとなることを念頭に、掲載情報の整理を行う。
• 自己紹介。
• 技術の展示場としての役割。
• 内的SEO対策を施す。

リニューアル方針

HTMLコーディング

• HTMLの記述は、headの後、メインコンテンツ、サブメニュースキップリンク、サブメニュー、グローバルナビ、フッターの順に配置する。
• グループ化、構造化をきちんと行う。

CSSコーディング

• 文字サイズは14pxを基準とする。
• 拡張性の高いデザインとする。
• リンクにおいて、target_blankを使用しないこと。
• リキッドレイアウトの採用。
• コーディング面で面倒な斜め切りのデザインを組み込む。

JavaScriptとFlashの積極的な採用

• キービジュアルにFlashコンテンツを導入する。
• JavaScriptによるCSSの切り替えボタンを付ける。（参考1）（参考2）
• 文字リンクも、ボックスレベルでクリックできるようにする。（こんな感じにしたいわけで、どうやらJSが必要らしい。）

目標完成期日

1月20日。