表紙の更新記録
 もどる
オリジナル版
  • 左側にフレームを使ってボタンを表示
  • タイトルの緑色とあいさつの黄色のコントラストがかなり強い
  • いフレーム方式はファイルの管理がむずかしい
復活版　index1
  • フレームを廃止してタイトルの色を抑えめにした
  • カウンターを画面下部へ、また移動したのがわかりやすいように囲みにした
index2
  • 上部のCMが目立ちすぎるので、より印象強くするためスローガンも表示した労山旗のイメージでページ幅一杯の大きめのタイトルを付けた
  • 下部に角丸で薄緑のボタンを2ｘ5個配置
index3
  • せっかくの山岳会なのに季節感が無いのは寂しいからとタイトルの横に写真を一コマ貼り付けた
  • 写真の周囲にテーブル設定で周囲に緑を入れてタイトルと一体化した
INDEX４
  • 写真周囲のタイトル設定がむずかしいので２列だけのテーブル設定に変更(写真のサイズが変わるとレイアウトが乱れる等)
INDEX５
  • タイトル部に説明文を追加、「タイトルをクリックすると会員向けスペースになります」
  • 会員向けスペースのタイトルが二回も見えるので印象を弱めるためボタンと同色にした
  • 下部の連絡先を見やすくした
  • バランスが悪いのでポストアイコンも変更
INDEX６
  • タイトル部の説明文がどうしても乱れがちなのでひとつのセルだけにした
  • 写真を左端に貼り付け、タイトルは背景扱いで貼り付けてみた
  • WEBの制限で背景にはリンクを張れなかった
INDEX7
  • タイトルを、変更が手間だけど障害が無いグラフィック描画方式にした
  • 下部の連先もスマートなグラフィック描画式にした
  • ポストとトップに戻るアイコンを操作しやすい右側へ変更した
INDEX８
  • INDEX7を大画面で表示してみたらテキスト部のレイアウトがずれた
  • 結局すべてをレイアウトグリッド方式でテーブル化することにした
INDEX９
  • すべてをレイアウトグリッド方式でテーブル化したが今度は左右の隙間設定を調節するのがむずかしくなってきた
  • そこでテーブルサイズも自動設定にして、その幅に合わせてタイトルなどの幅を調節することにした
  • 50ピクセルほど幅を小さくするとボタンが入り切らなくなったので10個のボタンを８個に減らした
INDEX10
  • やけにカウンター部の紫が目立つのでおとなしい色に変更し
  • 兵庫労山の連絡先もトーン調整でおとなしくした
  • ボタンに名称追加　「リンク集」
  • インターネットにこのインデックスリストのページをリンクした
    　
  • ◆デザイン面ではカラフルなボタンとカラーのテキスト配置で季節感を演出してください




INDEX12
  • 新サイトで上部のCMが無くなったのでタイトルを親しみやすいデザインにした
  • HTMLエディタソフトをホームページビルダーに変更したので全面的に編集とリンクをやり直した
INDEX11
  • 中段のボタンにロールオーバー機能を設定した
    カーソルをポイントすると黒文字になる
  • インターネットボタンは他の表示に設定可能
ロールオーバー式各会選択リストの更新記録
nakama 1
  • 上タイトルを画面幅一杯の横長にした
  • 右上に戻るアイコンを設定した
nakama 2
  • 上部のタイトルをCMに負けないように大型化し
    戻るアイコンも取り込んで画面編集を楽にした
nakama ３
  • 各会のソートデータを全面的にあいうえお順にした
  • 選択しやすくするため、少し小さいがくっきりしたフォントにした
  • 今後もデータ位置が左右で入れ替わってもいいように　名前部分のみを切り出して同じ部品化して、それぞれをキチンと整列させた
nakama 4
  • タイトルの名前がリンク名と違っていたので
    修正した
nakama 5
  • 各会のリストを登録順にした
  • 各名称に読みのALTテキストをつけた

目次へ ▲トップへ