ウェブサイト作成に便利なツール＋サイト

--≪お知らせ≫---------------------------------------------------------
午前中に、秋のプレゼントCPとメルマガ登録CPの当選者に
当選通知メールをお送りしました。
次回のキャンペーンは11月上旬に予定しています。
楽しみにお待ち下さいませ！
----------------------------------------------------------------------


さて、今回はタイトルのとおり
ちょっと便利なツールとサイトをご紹介します。


私の場合、ページの作成は専用のソフトを使わず
パソコンに最初から入っている「メモ帳」を
使用しているのですが（俗に言うタグ打ち）、
思い通りに表示できない時があります。

これはタグの閉じ忘れ（例：</div>）の場合が大半ですが
専用ソフトを使っていないと、ずら〜っと記述してあるソースを
目で追って見つけないといけませんから、なかなか気づけません。
※ウェブページで右クリック→「ソースを見る」でそのページのソースを見ることができます。

そんなケアレスミスにありがたい、
HTMLの文法をチェックしてくれるサイトがこちら↓
Another HTML-lint gateway
採点で満点をとるのはなかなか難しいので、
80点を越えたら「OKかな？」ということにしています。


また、ウェブサイト作成における指針・ガイドラインは
こちらのサイトが参考になります。
ZSPC


あと、Firefox（ブラウザ）を使用しているならこのツールバーが便利。
Web Developer 1.1.2 日本語版
要素を枠で囲って表示したり、CSSの編集も出来るので助かります。


そして作成したページをウェブ上に転送できるフリーウェア（無料ソフト）
FFFTP


ということで、普段私が
サイトの更新に使用するソフトはこちらの4つ

　・Photoshop（画像作成・補正用）
　・メモ帳
　・FFFTP
　・Firefox

AdobeのPhotoshopのみ値が張りますが、
メモ帳はパソコンに必ず入っていますし
FTPソフトとFirefoxはフリーウェアなのでローコスト（＾Ｏ＾）/


タグ打ちを始めたのは、自分のノートパソコンが
Photoshopを起動するだけで精一杯だったから（苦笑）

最初はずら〜っと並んだソースを見ても
さっぱり分からなかったんですが、
検索エンジンでタグの意味を検索して調べて、
試行錯誤しながら少しずつ覚えていきました。
これは「慣れ」しかないですね…！

タグ打ちができるとHTMLの知識も身につきますし、
（ブログのカスタマイズも比較的簡単でした）
無駄なソースが自動挿入されないのでページの容量も軽くなります。
「使ってるソフト？タグ打ちですよ……ふふ」ってちょっと自慢もできますしね。
何より、一発で思い通りのレイアウトが決まった瞬間がたまりません（＾＾）


と、ウェブ担当らしい記事を書いてみました。
サイトを持っている人の参考になれば幸いです。


（スタッフ／むらかみ）

Comments

むらかみさんこんにちは♪
先ほど私のお友達から当選の喜びのコメントを貰いました。
私のブログは花好きな友達もたくさんいたので、ブログでもプレゼントの事を記事にしました。
１０名しか当たらないのにすごいですよね。
花を愛する方に当たるようになっているんですね。
自分の事の様にうれしいです♪

Posted by 林檎 at 2007年11月01日 16:46

>林檎さん
こんにちは！
おお〜ご友人が当選されたんですか！世間って狭いですね。
でも林檎さんにキャンペーンをご紹介していただいて良かったです（＾＾）
「この人なら綺麗に咲かせてくれそう」という方々に届くかと…。
きっと春には綺麗なチューリップが当選者様の庭で咲くんだろうなあ〜

当選者様からの「こだわりガーデニング」への投稿も
ちょっと期待しています（笑）

Posted by 私の休日／むらかみ at 2007年11月01日 17:24