Table of Contents

ウェブサイト作成関連

本サイトやイリノイ大学日本人会のサイトの運営管理(2003〜2004年)で参照したウェブサイトをまとめました。特に記していない限り、日本語サイトです。

ウェブページ作成ガイド

とほほのWWW入門 とほほのWWW入門:バナー
総合情報サイト。HTMLをはじめスタイルシート、JavaScript、CGIなど、ウェブページ作成に関わる様々な技術が基本からわかりやすく解説されています。ダウンロード版も用意されており、手元のパソコンに保存していつでも参照することができます。
http://tohoho.wakusei.ne.jp/
Academic HTML Academic HTML:バナー
HTML、XHTML、スタイルシートの解説サイト。基礎から中級まで段階的に分けられた丁寧なチュートリアルで、自分に合ったレベルから学び始められます。フォントやアクセシビリティなどについての解説もあります。
http://www.tg.rim.or.jp/~hexane/ach/
ZSPC ZSCP:バナー
アクセシブルなウェブデザインの為の資料・情報サイト。W3Cが公開しているアクセシビリティ関連資料の日本語訳や、各ブラウザのCSS2対応情報があります。旧コンテンツとしているものの、HTMLリファレンスなどウェブページ作成技術情報も便利です。
http://www.zspc.com/
W3C MarkUp Validation Service (英語) W3C HTML検証サービス:バナー
W3CによるオンラインのHTML,XHTML検証サービス。ソースの文法ミスをチェックしてくれます。ちなみに私は今年更新したページしかまだチェックしていません。古いページは間違いだらけかも…。
http://validator.w3.org/
W3C CSS 検証サービス W3C CSS検証サービス:バナー
同じくW3CによるオンラインのCSSの文法検証サービス。これは日本語でも提供されています。
http://jigsaw.w3.org/css-validator/
Another HTML-lint gateway Another HTML-lint gateway: banner
日本語によるHTML文法検証サービス。ゲートウェイから100点満点で採点してくれるほか、テキストブラウザ Lynx による見え方も同時に表示してくれます。
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
上へ戻る

サイト運営支援サービス

Stat Counter(英語)
アクセス統計+カウンターのレンタルサービス。多機能ですが設置しているウェブページに広告表示されません。英語で提供されているサービスなので漢字かな文字はしばしば文字化けしてしまいますが、統計情報を見るのにそれほど問題にはなりません。
http://www.statcounter.com/
Z-Z BOARD Z-Z BOARD:バナー
無料レンタル掲示板。パソコンや各種の携帯電話などの端末それぞれに適した表示をしてくれます。複数の人間で管理できたり、スタイルシートでかなり柔軟にデザインできるなど、使い勝手の良いサービスです。
http://z-z.jp/pc/
上へ戻る

素材・色見本

Kent Web Kent Web:バナー
カウンタや掲示板などのCGIスクリプト提供サイト。シンプルで使いやすいスクリプトが多く、それぞれのサンプル表示と使い方が丁寧に説明されています。 Perl の基礎講座もあります。
http://www.kent-web.com/
Emperor Penguin Empire Emperor Penguin Empire: banner
とっても可愛いキャラクター「ぺそぎん」の素材サイト。ネットで見つけた時に一目惚れしました。(笑) サイトはペソギンであふれています!
http://www.neev.net/k/epe/
色見本の館 色見本の館:バナー
日本の伝統色や現代色をウェブ表示用に近似した色コードを提供している、色見本サイト。新しい色が毎月追加されていて、掲載色はなんと約300色! 多様な色の名前と柔らかな色合いを眺めているだけで、うっとりとしてしまいます。
http://www.color-guide.com/
上へ戻る

ツール

すべて Windows 用のフリーソフトまたはカンパソフトです。 MacUNIX はメインで使っていないので、あいにくツールは分かりません。これら以外のオンラインソフトは、Freeware Position (フリッポ) ベクターTucows (英語)などで探してみて下さい。

Style Note Style Note:アイコン
すっきり整理されたデザインで使いやすい、タグ挿入型HTMLエディタ。名前のとおりスタイルシート (CSS) 編集にも強い上、タグの再編集など便利な機能が満載です。
http://www.wht.mmtr.or.jp/~riki/style/
Fumy Web Diary Fumy Web Diary: icon
日記ページの作成に特化された、タグ挿入型 HTMLエディタ。デフォルトですぐ日記のHTMLページを作ることができ、日付や天気、本文の前後に使うタグを編集すれば、自分の好きなデザインにすることもできます。CGIが使えないWebサーバーで日記ページをつくるのに便利です。
http://www.nishishi.com/soft/fwd/
色取鳥i 色取鳥i:アイコン
カラーピッカー+フォントビューワー。パソコン画面上の好きな場所から拾ったり自分の好みで作ったりした様々な色を、 HTML 形式の16進数色コードでコピーすることができます。 iモードで使われる絵文字リスト付き。パソコンにインストールされているフォントの一覧表示もでき、ポスターを作る時などにも便利です。
http://homepage1.nifty.com/kazina/irotori/
Easyサムネイル Easyサムネイル:アイコン
画像ファイルのフォーマットやサイズを一括変換できる、画像コンバーター。指定した大きさに縦横比を維持したまま一括縮小できるので、写真画像のサムネイルを大量に作る時にとても便利です。モノトーンやエンボスなどの簡単な効果フィルタも付いています。
http://www.vector.co.jp/authors/VA017815/
FFFTP FFFTP:アイコン
操作が分かりやすいデザインを持つ、定番のFTPクライアント。転送先に合わせて漢字コードを変換しながらファイル転送することができます。
http://www2.biglobe.ne.jp/~sota/
上へ戻る
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送