あすてえるOnTheWeb/Rue'sWork

Last-modified: 2008-10-31 (金) 23:17:08

rue/ウェブサイト管理からの移設です。ルウ流なウェブサイト作成・管理のノウハウ、および小ネタでも書こうかと。他サイトとかの管理人はよかったら参考にそうぞ。

便利なソフト

オレは無料のものしか使いません。Dreamweaver(AdobeのWebオーサリングツール・もち高額)とか使ってみたいけどね。

  • StyleNote
    http://www.wht.mmtr.or.jp/~riki/style/
    タグ打ち支援のテキストエディタ。スタイルシート編集の機能が比較的充実してる。
    あすてえるはこれで作ってます。
  • FFFTP
    http://www2.biglobe.ne.jp/~sota/ffftp.html
    サーバーにファイルを送受信するソフト。
    最近これの便利さに気づいた。
    ホームページのフォルダをミラーリングアップロードすれば一個一個ファイルを送る手間が省ける。

サイト作成の基本方針

  • タグ打ちで
    タグ打ちは今や玄人向けっぽい気がするけど、地に足のついたウェブサイト作りを覚えられる。慣れれば自分の思い通りに作れる。
    サイト全体の容量も軽くできるしね。
  • 配色は見やすく
    背景と文字のコントラストは高めにし、色もチカチカしないように配慮。
    カラーコード(RRGGBB)指定してでもこだわるべし
  • 飾りつけはcss(スタイルシート)で
    コレ最初は面倒だけど、使えるようになるとハマる。サイト全体に統一感出せるのも◎。
    ただし文字を太字にしたりするのとかcssでやると大変すぎるので、ここら辺はうまくバランスを取ろう(経験で判断)

参考サイト

よくパクる参考にするサイト

  • スタイルシートデザインを始めたい方へ-WEB工房きくちゃん-
    http://www.stylish-style.com/
    随所にここのcssテクを使っている。
  • *ホームページを作る人のネタ帳
    http://e0166.blog89.fc2.com/
    新しさを取り入れたいときにここのネタが参考になる。が、ほとんどまだ実行できていない…(wikiのロゴくらい)

あすてえる on the Webの小ネタ

  • 新潟市行政区カラーが仕込まれている
    • トップの水平線や、あすてえるのロゴの「on the web」→西区のサンセットオレンジ
    • 「あすてえる」のグラデーションの右端が中央区のウォーターフロントブルー
  • 最下段のつやつやなボタン:AquaMaker
    http://www.tkb-soft.hmcbest.com/
  • favicon(お気に入りのアイコン)
    faviconスクショ.PNG
    まんなかのfavicon.icoをいまんとこ採用中

あすてえるWikiの小ネタ

最上段の「あすてえるWiki*」画像

引継ぎ案アーカイブ2007-11-09

引き継ぐ人がみつかりました [star]
なのでこのネタはあと3年後の参考にw

  • 案その1
    今のホームページをそのまま引きつぐ
    • [star] ↑のgoogle先生の絶大なメリットを活かせる
    • (^^) 新大ナビなどへのリンク貼りなおし作業などが不要
    • (--; オレの書いたhtml+cssソースなので、やっぱりほかの人には分かりづらい
  • 案その2
    (引きついだ人が)新しいホームページを作る。
    • (^^) 引きついだ人が自由きままに作れる
    • (^^) 新しい気分になれる
    • (--; 作業量が多い
    • (--; (サーバーを変えた場合)最初はgoogleにも引っかからない
  • 案その3
    引きつぐ人が出ない場合、ホームページは廃止・このwikiに後継
    • (^^) ホームページ作るよりはずっと楽
    • (^^) いまんとこgoogleのランクも結構高い
    • (^^; wiki荒らしが来ると厄介
    • (^^; あんまり凝ったデザインにはできない
    • [tip] wikiをホームページにしてる部活・サークルも結構あるよ
  • 案その4
    引きつぐ人が出ない場合、Web関係は休止
    • あんまし考えたくない…