フォト&サウンド&暇爺のフォト&サウンド・K設計室・、三重県桑名市フォト&サウンド&暇爺のフォト&サウンドは主として個人的趣味のホームページとして運用、K設計室は受託ホームページの作成維持管理の紹介を目的として運用しています。暇爺のフォト&サウンド・HP−3では、これまで作製してきたホームページを総て掲載してそのHTMLを文法的に見直し個人的な我流的見解を織り交ぜUPしたものです。

KEN空間設計 建築設計事務所,三重県桑名市,設計施工,ファインスチールみえ 三重シートメタル会,かくれ屋,懐石料理,会席料理,桑名市,長島町,ケーガーデン,造園業,造園設計,施工監理,愛知県,三重県,桑名市,中部フローリング株式会社,床材業,設計,施工,販売,愛知県,

K設計室 テンプレートTOPへジャンプします 

完璧なHTMLスキルとたたき上げ我流スキルとの考察(asahi−net版)

まっ、残り少ない人生を楽しく過ごす趣味の一つですが・・・現役を引退して毎日が日曜日の生活の中で、社会との接点をHP作成維持管理の面で保ちつつ僅かでも社会貢献が出来る充実感と責任感で身を引き締め日々精進。
 尚、このページはXHTML言語とCSS言語で記述してあります。
「W3C検証では正当なXHTML・CSSとして認定されW3Cからアイコンの貼付(当ページ最下段参照)を許されています

アクセシビリティーに外れているのが多々有るのを最近小生も自覚『依頼者はHTMLとかアクセシビリとかヤヤコシイ事なんぞ、ご存じ無くても目的に合った見栄え内容が充実していればOKとっいうわけ』で、あるがゆえに小生はバリアフリーのHPを目標に、現状の我流のスキルを向上させるため、我がフォト&サウンドでOJT実践している。

依頼者が満足するHPとは

| 暇爺のフォト&サウンドTOP | K設計室 | 作品紹介 |
  1. 想定した多くの閲覧者を呼び込める魅力あるHPであること。
  2. 我がK設計室 の受託作品で維持・管理・協力している各業種のホームページ↓です、どうぞご覧下さい。

小生の意識の変遷と雑感

  1. 完璧なHTMLスキルを目指して常に向上心を持っていること。
  2. 外部CSSの構成などタグTESTサンプルを参考UP
  3. 想定した閲覧客層に共通するアクセシビリティーを取り入れる。
  4. 我がスキル不足を痛烈に批判された時、我のスキルは向上する♪反省と感謝♪。
  5. 運用中のHPを厳格なXHTMLへ向けて主要部分を移行改修する。
  6. Another HTML-lint gateway採点表で(文法チェック)
  7. 仕掛け(例、<BLINK><MARQUEE>)などは代替えタグが無いので外すか残置
  8. MSIE、Mozillaの専用タグなどで代替えタグが無い場合外すか残置
  9. EMBEDは文法違反タグであるがJS化を応用して違反を免れる事が出来た♪♪。
   文法チェックとXHTML移行済みページ含むURL一覧表 (手持ちHPを見直し完成度を高める)
文法修正ページ DOCTYPE URL
我流スキル1済み XHTML 1.0 T http://www.asahi-net.or.jp/~an9t-ksd/sukiru-1.htm
我流スキル2済み XHTML 1.0 T http://www.asahi-net.or.jp/~an9t-ksd/sukiru-2.htm
フォト&サウンド(HP−1)済み XHTML 1.0 F http://www.asahi-net.or.jp/~an9t-ksd/index.html
フォト&サウンド(HP−1)修正未了 XHTML 1.0 F http://www.asahi-net.or.jp/~an9t-ksd/index.htm
K設計室(2ndHP)済み XHTML 1.0 F http://www.asahi-net.or.jp/~an9t-ksd/ch.htm
K設計室(2ndHP)済み XHTML 1.0 F http://kweb.sub.jp/index.html
K設計室(2ndHP)済み XHTML 1.0 F http://kweb.sub.jp/hp2/index.html
フォト&サウンド(HP−3)kweb版済み XHTML 1.0 F http://kweb.sub.jp/hp3/top-hyoushi.htm
* * *
動画のページ(表紙)修正未了 HTML 4.01 T http://www.asahi-net.or.jp/~an9t-ksd/hyoushi.htm
* * *
阿山CC(コースガイド)HP修正未了 HTML 4.01 F http://www.asahi-net.or.jp/~an9t-ksd/kakudai-4.htm
* * *
かくれ屋 (美食工房)HP  修正未了 HTML 4.01 F http://kweb.sub.jp/kakureya/
かくれ屋 (美食工房)HP  修正未了 HTML 4.01 F http://kweb.sub.jp/kakureya.htm
* * *
KガーデンHP 済み XHTML 1.0 F http://kweb.sub.jp/kgarden/
KガーデンHP 済み XHTML 1.0 F http://kweb.sub.jp/kgarden.htm
* * *
KEN空間設計 済み  XHTML 1.0 F http://www.geocities.jp/kenku7jp/
KEN空間設計 kweb版 済み XHTML 1.0 F http://kweb.sub.jp/ken/
* * *
桑名西ロータリークラブ 修正未了 HTML 4.01 F http://www.kuwana.ne.jp/w-rc/index.html
* * *
中部フローリング  修正未了 HTML 4.01 T http://www.e-flooring.co.jp/top.html
* * *
三重シートメタル  修正未了 HTML 4.01 T http://kweb.sub.jp/msa/
* * *
* * *
* * *
* * Another HTML-lint gateway
* * W3C Markup Validation Service
* * *

桃色枠は修正後も80点に達しないページである、文法に忠実にソース修正しなかったファイルである、W3Cが推奨する文法記述に適合していない文法違反だらけの(代表的な例として、MSIE、Mozillaなど)専用タグが有る、見栄え重視&機能重視タグなど今まで重宝して使ってきたタグが、実は代替えタグの無い文法違反タグと知り愕然としたが今まで随所に使ってきた関係で今後も必要な場合は、やむをえずそのまま残し、それ以上に大量に散見する基本的文法の記述誤りの修正を行ったものの代替えタグが無いための減点ダメージが大きくて採点結果は芳しくないが今更どうしようもないので維持管理しているHP全て、この様な方法で修正作業を進めることにした。

【水清くして魚住まず】・・・の感あり。総務省が提言しているW3C文法やアクセシビリテイ・ガイドライン等を遵守したバリアフリーなHPは公的機関が重い腰を上げただけで巷の民間HPはゼロに等しい(人の事より、まず自分から正す)。

尚、小生は正しい文法(CSS言語とHTML言語)をそこそこ理解出来る程度のスキル取得が目的である。
★CSS言語は現状そして将来共にHTML言語の中で有効に利用出来るため今後とも自己研鑽に励む。
★厳密なHTML文法は、動的なアプリケーションで作成したソースが、そのままでは対応していない場合アプリのソースタグ類の一部分を修正(非常に手間のかかる困難な作業)することによりW3Cの文法に適合させる事が出来た、改修後でも見かけは同じで手間暇のかかる文法修正はHPで仕掛けを楽しむ小生にとってはナンセンスと感じるが、まず自分のHP修正に励み充分なノウハウ&スキルを身に付けた上で徐々に依託されているHPの文法修正を行い100点を目指す。

完璧主義の意識

  1. バリアフリーなHTMLの普及に貢献する人。
  2. スタイルシート論争。
  3. つれずれなるままに・・・

無頓着層の意識『この大衆層が無難な意見の感有り』

  1. 公共HPは、お堅く完璧な内容になっていれば良いんじゃないの〜
  2. 民間HPは集客効果(各種の仕掛けを利用した見栄え重視)が一番だわな〜
  3. つれずれなるままに・・・有料レンタルサーバ顛末記へ

著名なWebサイトで自己研鑽に励む

ちなみに・・・このページは外部CSS(Cascading Style Sheet)によるもので、W3C文法Another HTML-lint gateway採点では100点の合格点を頂き、CSS言語はW3C検証で正当なCSSとして認められW3Cからアイコンの貼付を勧められたものです。・・・と言うわけで初歩的なハードルをクリアして、この暇爺は満足満足と素直に喜んでいます♪(^_^;)♪
 尚、小生が運営するフォト&サウンド関連の総べてのサイトは、コンテンツ(内容)情報の展覧等が主たる目的ではなく各種の表現手段(俗に言う仕掛けなどCSSなども含む)の動作確認を目的としてWeb開設しています。故に私の趣味に関する情報なども含め適宜掲載展覧してはいますが内容の信憑性について保証するものではありません。

  Valid XHTML 1.0! Valid CSS!
このページのCSS検証確認は次のURLが必要です。 http://www.asahi-net.or.jp/~an9t-ksd/sukiru-1.htm
(理由)検証結果にエラーは有りませんが、軽度のborder-top-color警告が4箇所内在しているため。    
フォト&サウンド・ホームへ戻る <<ここは、我が、たたきあげスキルの考察場所です>>このページの最初へ戻る

Copyright (C) Photo & Sound All rights reserved