Web編集マニュアル

Web編集マニュアル

更新しました。まだ未完ですが、添付ファイルのパラメータ・ページの消し方等を追加しました。- sightaw 2009-11-19 (Thu) 21:13:39

Web編集マニュアル2(beta).pdf

画像ファイルを添付する際の注意

デジカメ画像をそのまま添付することはなるべく避けてください。
デジカメ画像はそのままだと非常にサイズが大きく、データ量もあるので、そのままページに添付されているとページが重くなり、表示に時間がかかってしまいます。仮に閲覧者のネット回線の容量が小さかった場合、ページを表示しきれずに閲覧者がストレスを感じてしまうということもあり得ます。そのようなことがないように、画像を添付する際には画像ファイルを適度なサイズまで縮小してから添付してください。
具体的には600×800 ピクセル以下が望ましいです。画像の縮小はMicrosoft Office Picture Manager（office が入っているWindows のパソコンには同時に入っていることが多い）やPicasa（Googleから無料でダウンロードできる写真管理・編集ソフト）、ペイント等で簡単に行えます。

例：Microsoft Office Picture Manager での縮小

→パソコン上で画像ファイルをコピーし、別名保存（うっかり元のファイルを編集・上書き保存して小さくしてしまうと取り返しがつかないため）
→コピーしたファイルを右クリック→「プログラムから開く」→「Microsoft Office PictureManager」をクリックし、画像ファイルを開く →上にあるメニューの中央やや右の「画像の編集」をクリック
→右側に出てきたメニューから「サイズ変更」を選ぶ
→「定義済みのサイズ」の「Web 大」または「Web 小」を選び、「OK」を押す
→結果に満足したら、上書き保存をして閉じる
※複数のファイルを同時に縮小したいときは、左上のメニュー３段目のいちばん右の「縮小表示」アイコンをクリックし、複数ファイルを選択した上で上記の作業をすると速いです。

参考（上級者向け）

• 整形ルール（サイト上部のヘルプにポイント→FormatRule）
• GoogleMapプラグインの書式　「書式」、「パラメータ説明」を参照
• YouTubeプラグインの書式

Web140色名サンプル

文字カラーや表のカラーで設定できる140色の色名リストです。
140色もあれば事足りるかと思いますが、もしこれ以外の色を使いたい人は「#16進数6桁」等でも設定できます。
※「*」を付した色名はページ編集画面下のパレットにも表示されている色です。

色使いのヒント

サイクリング部のページは現在、黒・青・白を主体としたスタイリッシュで落ち着いた感じのスキン（ページの基本デザイン）を採用しています。このスキンの上に原色や蛍光っぽい色（特にred、blue、limeあたり）を多用してページを作ると、色が悪目立ちしやすく、結果としてページがどぎつく、また安っぽく見えます。色を使う場合はなるべく原色そのままを避け、若干落ち着きのある優しめの色を使うと比較的スキンと調和しやすいです。

• オススメカラー（無難なカラー）
  • darkgray
  • whitesmoke　←あぶり出し向け（若干読めますが）
  • steelblue　
  • navy
  • darkturquoise
  • teal
  • seagreen
  • yellowgreen
  • gold
  • darkorange
  • saddlebrown
  • crimson
  • mediumvioletred
  • hotpink
  • purple

• 自転車カラー
  自己紹介ページ等で自分の自転車名のところに自転車の色をつける人が多いので、参考までに近い色をいくつか紹介しておきます。
  • Bianchi Celeste (mediumaquamarine)
  • Gios Blue (mediumblue)
  • 黄色系（gold、#FCC800）
  • 赤系（red、crimson、#990033、lightpink）
  • 緑系（darkgreen、olivedrab、yellowgreen）
  • 青系（darkblue、mediumblue、turquoise）