HTMLとCSSのバリデータ(検証)サイトについて | ウェブサイト(ホームページ)制作を仕事にするのブログ

現状、トップページは大体以下の通り、完成しています。



完成したトップページ


ここで、昨日の予告通り、HTMLとCSSの検証をしました。


1.HTMLのマークアップは、以下のサイトにて確認しました。


Markup Validation Service

http://validator.w3.org/

Tips:

“Validate by File Upload”のタブを選択すれば、ローカルにファイルを置いたままチェックできますよ。






---------------------------------------------------

This document was successfully checked as XHTML 1.0 Transitional!


ResultPassed

----------------------------------------------------


"Passed"、合格といわれると嬉しくなります。


参考までに、最初はエラーが多くでていました。大体20箇所位が、Javascriptの箇所でしたので、Javascriptを外部ファイル化するとその部分のエラーはなくなりました。あと、画像を使用し、ALT属性を記入しないと、エラーになるので、指定しました。


2.スタイルシートの検証



カスケーディングスタイルシート(CSS)を検証

http://jigsaw.w3.org/css-validator/#validate_by_upload





---------------------------------------------------

CSS 検証サービス検証結果 sample-layout.css (CSS レベル 3)

おめでとうございます! エラーはありません。

------------------------------------

こちらは、エラーがなければ、「おめでとうございます」です。嬉しい言葉ですね。

最初のエラーは、CSSファイル内に全角スペースが入っていたために発生しました。エディターで全角スペースを探し、事なきを得ました。


次回からのネタとしましては、PHPを使用した問い合わせフォーム、カレンダー設置、インフレームによる更新情報の設置などです。

簡単な説明では、ロールオーバーの作成、スワップイメージの作成なども記事にできればと考えております。


今回、3日続けて更新しましたが、次回更新は来週になるか、週なかに簡単なトピックの投稿ができればいいのですが。


それでは。