簡易ホームページひな型(W3C等対応)
ホームページを作る手間は、すべて「ここに●●●●句点(。)」に入力するだけで、HTML5形式でホームページができます。
ファイルを右クリックで「プログラムから開く」を選び、⇒「Notepad」または「メモ帳(初めて右クリックする方は既定のプログラムを選択からメモ帳」に合わせ、⇒メモ帳でソースを保存。「(アップルでは)テキストエディット」に保存。
このホームページはWebアクセシビリティを保ちつつ、背景画像がFire fox等「Web完全形式」でも保存できる特徴があり、これまでのWebデザインを広げられます。
2024年11月6日reset.cssのようなものでHTMLにURLを付けて、様々なブラウザに対応のコピペで作れるようにしました。
2024年8月4日CDN(reset.cssのようなものでstyle.cssに内蔵して、様々なブラウザに対応してくれます)対応のコピペで作れるようにしました。
2014年3月11日Webページ保存方法で、テレビの字幕スーパーの様な(文字の入っていない)「タイトル背景」の上にキーボード文字入力し、⇒二層で表示する方法で、Web完全形式でもメニューボタン画像が保存でき、アーカイブ形式と同じ保存ができるようになりました。(キーボード文字入力は視覚障害者向け
音声読み上げソフトNVDAに有効
2013年12月22日(プリントスクリプトではなく)webページの保存について、背景画像を使わない方法に変更し、閲覧ブラウザソフトのインターネットエクスプローラ(IE)とSafariとFirefoxのアーカイブ形式とweb完全形式で、今見ている画面どおりに保存できるCSSレイアウトになりました。(PDF形式対応)
2013年9月23日CSSレイアウトでXHTML1.1からHTML5へ移行しました。Another HTML-lint5とOnlineWebCheck.comとW3CとValido.nuとHTML5.valido.nuとUnicornで検証をパスしました。
2013年9月23日からIE8でも動画再生画面付HTML5でホームページ内にプレーヤーが表示されるエンベッド方式と、リンクを押すと、⇒プレーヤーが立ち上がるポップアップ方式では、デジカメムービーファイルのAVI形式とMPG形式とWMV形式とASF形式でIEとSafariとFirefoxで動作確認済。HTML5では検証パスできません。{ポップアップ方式ではOSによってはプレーヤーが現れず、ダウンロードの表示になり、メモ帳画面(メタタグファイル)が表示される場合があります。(ブラウザの問題ではありません)メタファイルをかませるのをやめて、直接動画ファイル名(たとえばavi.aviなど)をポップアップ方式のタグに入力するか、エンベッド方式を薦めます}IE8やIE9でも見られる動画向け「movie-index.html」と、画像向けindex.htmlファイルを無料ひな型に入れました。「movie-index」のファイル名を⇒「index.html」に変更して、ストリーミングサイトを作れます。(ネットにつないでいないパソコン上では、プレーヤー画面のみ表示され、動作確認するにはURLではなく、拡張子を含むファイル名(デジカメムービーファイルならば、保存した動画ファイル名をavi.aviにして、homepageのmovie-index.htmlを開いて、⇒「"http://www.http://www.ここに動画ファイルのURLを入力。/avi.asx"」を探して、(画像用index.html内にはありません)⇒「"avi.avi"」だけに書き換え、⇒保存すると、ネットにつながっていない状態でも、インターネットエクスプローラ(IE)ならば、動作確認できます)動画配信用メタファイルが、ひな型homepage内にテキスト形式で「metafile.txt」が入っていますが、中を開いて「ここにあなたの動画ファイルのURLを入力する。」を書いた後で、拡張子.txtを⇒ドットasx「.asx」に変更してください。(音符のファイルに変わります)このメタファイルを黄色い「homepage」の中に収めれば、完成です。(IEブラウザでいえば、ブラウザ画面上部に現れる)「ブロックされているコンテンツの許可」を押せば、AVI形式WMV形式ASF形式MPG形式の動画を再生できます。しかし、Mediaplayerが備え付けではないブラウザ(SafariのQuicktime)では、マックに対応していない動画形式のため、コンポーネントの追加が表示されます。
余震や土石流災害(川のない谷地は特に)に備えて、安否確認のため、家族の画像・免許証・年金手帳・土地・耐震補強工事証明写真・保険契約・病歴(治療薬等)関係書類・所有貴金属画像・左右の顔アップ画像(画面いっぱいまでの接写をお勧めします)をスキャナーやデジカメでこのファイルに入れ、画像だけの保存ではなく、文字を入れたホームページひな型ならば、閲覧ブラウザソフトから様々なパソコンで表示できます。閲覧者を限定して、ネットに載せ、「匿名」で発信できます。デジカメ動画でも、親類の声入りで「こんにちは」「すみません」と避難先でやり取りしているであろう会話で録画し、「homepage」以外の場所に保存。デジカメのドライバーソフトのコピーも保存します。USBメモリで保存すれば、USBメモリが長時間水に浸かっても、乾燥させれば、使用できます。(静電気やカバンの止め具に強い磁石が付いていると、影響を受ける場合があります)キーホルダーとして、災害時一緒に持ち出せるようにし、紛失時の個人情報対策にパスワードを付ければ、紙より安全です。(指紋認証付や防水加工や静電気対応のUSBメモリもあります)避難所で用意されているであろうパソコンで使えるOS対応かUSBメモリの「推奨動作環境」を確認してください。(311では、福島で翌日にネット用等の光回線が復旧し、ソフトバンク等で無料で利用できるようになりました)リサイクルショップではXP以上しかなく、避難所で急場に設置できても、XP以上ではないでしょうか。普段使用しているフラッシュメモリーに入れるのを避け、「キーホルダーだけ」の用途に。消防庁でも災害用のリストがPDF形式でダウンロードできるようになっています。消防庁URLは
http://www.fdma.go.jp/html/life/#earthquakesです。自動車のホンダからも詳しいリストをダウンロードできます。URLは
http://www.honda.co.jp/bosai/check/images/checklist.pdfです。
「アウターライズ」というプレートが沈み込む「海溝」より外(日本側ではなく、ハワイ側)で起きる地震では、波が高くなる傾向があります。気象庁の津波警報URLは
http://www.jma.go.jp/jp/tsunami/です。陸地からかなり離れた震源の発表があれば、海溝が載っている地図で確認することをお勧めします。津波は平成25年8月30日から「特別警報」の対象になりました。
輪島市の障害者には
指定福祉避難所があります。しかし住所までは書いていません。
地震発生前に、上空の電離圏でGPS衛星電波を歪める現象(ULF電磁放射・VLF/LF電離層擾乱・GPS衛星電波の解析に基づく地震予測情報)から、一週間以内にマグニチュード5〜6以上の地震(中程度以上のエネルギー規模)を予測した「ハザードラボ」の地図が無料で公表されています。毎週火曜と金曜の午後と緊急時に更新され、無料メール配信を無料で登録できます。URLは
https://ja-jp.facebook.com/hazardlabです。地図の見方は、枠の中央が震源ではなく、枠の端までが「震央」にくることを意味しています。(サイトではPM2.5や感染症等の立体分布地図が見られます)
JESEA(ジェシア)地震科学探索機構の東大村井教授と東京電力共同開発GPSで地面の隆起から予測する「地震予知方法および地震予知システム」210円/月メルマガ配信では、3月14日発生した愛媛県伊予地震震度5強を予測できたと思われます。URLはhttp://www.jesea.co.jp/です。
気象庁の
「火山に関する情報の発表状況」今回問題になったページです。この解説では御嶽山水蒸気噴火の兆候を発表していましたが、警報レベルでは1「平常」のままで使い分けていました。
Yahooも
河川水位情報危険度で色分けされ、川の断面で同時表示。
「週間寒気予想」サイトURL
http://www.ystenki.jp/kanki.htmlでは、2014年2月に関東で体育館の屋根が崩落した「南岸低気圧」や「爆弾低気圧(24時間以内に24hpa気圧が下がる)」が接近する方向と低気圧の規模(hpa)や風の強さを表す「等圧線の狭さ」や、上空の寒気を1週間先まで表示。寒気が居座り、(関東などでは道幅が狭く)除雪が追いつかず、雪も解けない「陸の孤島」に。雪の重みで木が倒れたり、自宅の車庫やビニールハウスが壊れます。マイナス36℃は大雪を、上空1500mでマイナス6℃と上空5000mで30℃は平地でも雪になり、暴風雪に備えた買いだめや、(搾乳等)流通対策ができます。
電子工作Arduinoと
加速度センサーで2000円くらいから作れます。動画省略
「生命保険協会」では、「災害救助法が改正される予定です。在宅で避難する高齢者や障害がある人の実態把握に向けた訪問などの福祉的な支援は災害救助法の対象になっていませんでした。」が適用された地域の被災者家屋等の流失・焼失等により生命保険契約の存在の内容等、保険金の請求を行うことが困難な場合等において、生命保険契約の有無を照会(災害地域生保契約照会制度)に応じています。電話番号03-3286-2648【受付時間】月〜金曜日(土曜日曜祝日年末年始を除き)9:00〜17:00
防災シェルターという避難困難時の津波・土石流用(地震も)ノア2は48万900円から。ただし現在販売価格は表示していません。耐久テスト結果あり。リンクがたどれないときは、「防災シェルター ノア」で検索。
地震保険・被災者生活再建支援法による支援金・税金減免・仮設住宅入居等に必要な「罹災証明書」の交付を受ける
災害対策基本法90条22。同法49条10「避難行動要支援者名簿」同法86条5ガレキ等「廃棄物の特例」・同法90条3被災台帳の作成・同法86条9都道府県外広域一時滞在など。
急傾斜地の崩壊による災害の防止に関する法律3条(急傾斜地崩壊危険区域の指定)都道府県知事は、この法律の目的を達成するために必要があると認めるときは、関係市町村長(特別区の長を含む。以下同じ。)の意見をきいて、崩壊するおそれのある急傾斜地で、その崩壊により相当数の居住者その他の者に危害が生ずるおそれのあるもの及びこれに隣接する土地のうち、当該急傾斜地の崩壊が助長され、又は誘発されるおそれがないようにするため、第七条第一項各号に掲げる行為が行なわれることを制限する必要がある土地の区域を急傾斜地崩壊危険区域として指定することができる。
同法10条 (改善命令)都道府県知事は、急傾斜地崩壊危険区域内の土地において制限行為(当該急傾斜地崩壊危険区域の指定前に行なわれた行為又はその指定の際すでに着手している行為であつて、その行為が当該指定後に行なわれたとしたならば制限行為に該当する行為となるべきものを含む。以下同じ。)が行なわれ、かつ、当該制限行為に伴う急傾斜地の崩壊を防止するために必要な急傾斜地崩壊防止工事がなされていないか又はきわめて不完全であることのために、これを放置するときは、当該制限行為に伴う急傾斜地の崩壊のおそれが著しいと認められる場合においては、その著しいおそれを除去するために必要であり、かつ、土地の利用状況、当該制限行為が行なわれるに至つた事情等からみて相当であると認められる限度において、当該制限行為の行なわれた土地の所有者、管理者又は占有者に対し、相当の猶予期限をつけて、急傾斜地崩壊防止工事の施行を命ずることができる。
大規模災害からの復興に関する法律第十七条(集団移転促進事業の特例)特定被災都道府県は、特定被災市町村から特定集団移転促進事業(復興計画に記載された集団移転促進事業をいう。以下この条において同じ。)に係る集団移転促進事業計画(集団移転促進法第三条第一項に規定する集団移転促進事業計画をいう。以下この条において同じ。)を定めることが困難である旨の申出を受けた場合においては、当該申出に係る集団移転促進事業計画を定めることができる。
大規模災害からの復興に関する法律17条3特定被災市町村等は、協議会が組織されている場合において、復興計画に前項に規定する集団移転促進事業に関する事項を記載しようとするときは、当該事項について、国土交通省令で定めるところにより、会議における協議をするとともに、国土交通大臣の同意を得なければならない。ただし、会議における協議が困難な場合は、この限りでない。
水防法29条(立退きの指示)洪水、津波又は高潮によつて氾濫による著しい危険が切迫していると認められるときは、都道府県知事、その命を受けた都道府県の職員又は水防管理者は、必要と認める区域の居住者、滞在者その他の者に対し、避難のため立ち退くべきことを指示することができる。水防管理者が指示をする場合においては、当該区域を管轄する警察署長にその旨を通知しなければならない。
ホームページを作る手間は、画像ファイル名をa-1.jpgからa-5.jpgまで入力してから、homepageの中に入れるだけです。indexファイルには、「ここに●●●●句点(。)」に入力するだけで、HTML5形式でホームページができます。
ファイルを右クリックで「プログラムから開く」を選び、⇒「Notepad」または「メモ帳」に合わせ、またはIEブラウザを開いた状態から、画面右上側「Netepadで編集」または「ページ(P)」から⇒「メモ帳で編集」で開き、⇒メモ帳でソースを保存。「(アップルでは)シンプルテキスト」にソースをコピーしてから、⇒入力して保存。
あらかじめ拡張子が見えたままで作業することをお勧めします。設定は下の画面になります。パソコン画面上側(今見ているブラウザ画面ではなく、「マイドキュメント(ドキュメント)」または「マイコンピュータ(またはコンピュータ)」の画面を開いた状態で)の「ツール(または整理)」を押し、⇒フォルダオプションを選び、⇒表示を押し、⇒「登録されている拡張子を表示しない」のチェックをはずし、⇒「適用」を押して、⇒「OK」を押せば、ファイル名に拡張子が出ます。Windows11では、「ドキュメント」を選び、⇒画面左上部「表示」を選び、⇒画面右上部「ファイル名拡張子」にチェックをすれば、ファイル名に拡張子が出ます。
以前ここを変更したかもしれない場合は「全フォルダのリセット」と⇒「規定値に戻す」を押してから、⇒「登録されている拡張子を表示しない」のチェックをはずし、⇒「適用」を押して、⇒「OK」を押せば、ファイル名に拡張子が出ます。
画像ファイルの種類「.jpg」等の拡張子は、スキャンした画像を保存したときの形式です。「.gif」や「.pmg」など、保存した画像のファイル形式をプロパティで確認してから入力しなければ、(右クリックで「プロパティ」のメニューに合わせます)ブラウザ画面には四角の中に×点が表示され、画像が見えないときは、この画像ファイルの種類を表す拡張子をファイル名の後ろにドット「.」と「jpg」などの半角英字3文字または「.gif」や「.bmp」などを入れます。
ドット「.」と「html」または「.htm」はWebページファイルを表し、画像ファイル(「jpg」または「.gif」や「.bmp」など)になりません。四角の中に×点が表示される理由は「画像ファイル」を「homepage」に入れた画像ファイル名が、各ページ分のページ送りファイルに書いた名前または画像の種類を表す拡張子(「jpg」または「.gif」や「.bmp」等)と違うためです。画像のファイル形式を確認するにはファイルに矢印を近づけると、画像の種類を表す拡張子が出ます。「jpegイメージ」は「.jpg」を表し、ビットマップイメージは「.bmp」になります。
画像ファイルにa-1jpgからa-5.jpgまで画像を5枚まで付けてから、「homepage」に画像ファイルを入れてください。
jpg形式ではない(.bmpや.gifなどの)画像形式をそのまま使うには、Webページファイルの「htmlファイル」内に、画像の種類を赤枠のように「jpg」の部分を「bmp」や「gif」に書き換えてください。
文字の変更
HTMLソースの中では「<」「>」の字は半角英数で「Shift」を押しながら「ね」と「る」を押してください。
文字の大きさは「font-size:xx-large;」や「font-size:x-large;」や「font-size:large;」や「font-size:x-small;」は可能。text-size:○○pxと数字で大きさを表します。
センタリングは文字の前後に<div class="menu0">ここに文字を入れる。</div>で挟みます。(文書の初期設定はmenu1に、画像の初期設定はmenu0になっています)
左寄せは文字の前後に<div class="menu1">ここに文字を入れる。</div>で挟みます。(文書の初期設定はmenu1に、画像の初期設定はmenu0になっています)
文のはじめを一文字分空けるには,CSS内にiext-indent: 1em;を入力します。
画像の中に説明文字を入れれば、HTMLの表現はいらないことになります。
(*画像の中に文を入れるスペース確保は下のほうに説明画面があります)
しかしGoogle検索エンジン最適化スターターガイド15ページでは、「画像に埋め込まれた文は認識しない」とあります。画像の説明なら、この説明ページのように「alt="ここに画像の説明を入れてください。"」で不利益を受けないと考えますが、また「alt="ここに画像の説明を入れてください。"」を活用するとGoogle画像検索に利用されるとあります。(Google検索エンジン最適化スターターガイド18ページより)
(*画像の中に文を入れるスペース確保は下画像参照)
Windowsに標準で入っているペイントソフトを開いてください。画像をファイルから出して、⇒上側の変形から「キャンパスの色とサイズ」で一桁大きく数字を入れて、⇒文字を入れる余白を作ります。
画像に文字を入れて一体化すれば、HTMLで文字を入力しないでホームページが作れます。
左側の「選択」を押して、⇒右クリックで「すべて選択」を選び
⇒画像を左クリックのまま下にドラックして、
⇒文字を入れるスペースを確保し、
⇒左側の「A」ボタンで文字入力したいところにカーソル(矢印)を持っていき、
⇒左クリックのままドラックして、点線枠を広げます。色は左下のパレットで選びます。
文字を入れるスペースは、画面を下げて作ります。
下の余白を消すため、再び上側の「変形」から「キャンパスの色とサイズ」で、少しずつ数字を小さくして「OK」を繰り返し、削除しすぎたら、「編集」から元に戻してください。
下の余白を消すため、また画面上側の変形⇒キャンパスの色とサイズを選び、⇒高さの数字を少しずつ小さくし、⇒消しすぎれば、編集⇒「元に戻す」を押します。
画像の大きさは、入力するファイルに矢印を当てると表示されます。これをwidth="ここに画像の幅を入力する。"height="ここに画像の高さを入力する。"に入れてください。width幅を779以下にすれば、さまざまな解像度で見られます。
画像のサイズ(容量・重さ)は100KB以下にしてください。「画像ファイル」に矢印を近づけて、サイズが100KB以下か確認してください。
「a-1.htm」用画像サイズの変更はWindowsパソコンのペイントソフト画面上側の変形⇒「伸縮と傾き(サイズ変更/傾斜)」⇒デジカメの画像が3648*2136の場合は水平方向21%垂直方向21%にすれば、横767縦449ピクセルになります。(小数点で縮小できません)各ページファイル「index.html」に入る幅widthの画像サイズ771px以内になります。ペイントソフト左上側「ファイル」から、⇒「名前をつけて保存」を選び、⇒保存する場所を「homepage」に合わせ、⇒「a-1.jpg」から「a-5.jpg」をつけて、⇒ファイルの種類を「JPEG(*JPG,*.JEPG,*.JPE,*.JFIF)に合わせて、⇒保存を押します。解像度800*600ピクセルから横1600縦1200ピクセル以上のパソコンで見られます。
デジカメの画像が2304*1728の場合は水平方向33%垂直方向33%にすれば、横761縦571ピクセルからになります。(小数点で縮小できません)各ページファイル「index.html」に入る幅widthの画像サイズ771px以内になります。ペイントソフト左上側「ファイル」から、⇒「名前をつけて保存」を選び、⇒保存する場所を「homepage」に合わせ、⇒「a-1.jpg」から「a-5.jpg」をつけて、⇒ファイルの種類を「JPEG(*JPG,*.JEPG,*.JPE,*.JFIF)に合わせて、⇒保存を押します。解像度800*600ピクセルから横1600縦1200ピクセル以上のパソコンで見られます。
スキャナーでA4サイズでスキャンした場合、画像サイズが横1240ピクセル縦1754ピクセルになれば、水平方向62%垂直方向62%にすれば、横769縦1088ピクセルになります。(小数点で縮小できません)各ページファイル「index.html」に入る幅widthの画像サイズ771px以内になります。ペイントソフト左上側「ファイル」から、⇒「名前をつけて保存」を選び、⇒保存する場所を「homepage」に合わせ、⇒「a-1.jpg」から「a-5.jpg」をつけて、⇒ファイルの種類を「JPEG(*JPG,*.JEPG,*.JPE,*.JFIF)に合わせて、⇒保存を押します。解像度800*600ピクセルから横1600縦1200ピクセル以上のパソコンで見られます。解像度800*600のときに横幅最大のwidth幅を771ピクセルになります。
マイドキュメント(またはドキュメント)を開いて、⇒画像サイズ(ここでは縦横の大きさではなく、容量・鮮明度・荒さをいいます)を変更したい画像ファイルを右クリックして、⇒編集を選び(またはプログラムからペイントを選び)⇒ペイントソフト画面に変わり、「ファイル」⇒「上書き保存」⇒これで画像ファイル容量(鮮明度・荒さ)の数字を小さくできます。
タイトルの文字色や背景の変更は「style.cssファイル」のソースを開いて、「#」と6桁の半角英数字カラーコード(左から2桁は赤を、真ん中2桁は緑を左から5桁目と6桁目は青色を、半角英数字の変更だけで加減していくことができます)を「style.css」ファイルの中に「#」と英数字6ケタの部分が色を指示している部分です。color:#ffffff;は文字の色を指示。background-color: #a3002a;は背景。border-color: #a3002a;は枠線の色。border:ridge 1px #a3002a;は立体枠線の色。#redや#whiteなどカラーネームを入れても、(背景の色によっては文字が見えにくくなり、Another HTML Lint5では減点になる場合がありますが、W3Cはパスします)表示できます。(ただし、ブラウザソフトサファリとWeeperとLunascapeではカラーコードやカラーネームで指定しても、別の見え方をする場合があります。
画像のサイズは、入力するファイルに矢印を当てると表示されます。これをwidth="ここに画像サイズの幅を入力する。"height="ここに画像サイズの高さを入力する。" />に入れてください。
ペイントソフト画面上側の「変形」⇒「反転と回転」で画像を起こします。
枚数を6枚以上に増やす場合は<div style="text-align:center;"><img src="a-5.jpg"
alt="画像の説明を入れてください。" title="画像の説明を入れてください。" width="ここに画像の幅を半角数字でサイズ765以下で入れてください。" height="ここに画像の幅を半角数字で入れてください。" /></div>までをコピーしてa-5をa-6に変更して、増やします。削減はこの逆の<div style="text-align:center;">から</div>までを削除していきます。緑線の<body><html>は削除やコピーをしないでください。
そして無料レンタルサーバー等に登録して、⇒IDを所得し、⇒パソコンに入っているアップロードソフト(OSに標準では非推奨で見えない場合があります。無料レンタルサーバー等でnet閲覧ソフトから直接ファイルをアップできるサイトもあります。SFTPまたはFTP転送ソフトがVector等で無料でダウンロードできます)でレンタルサーバーに送ります。
Google登録は「GoogleSearchConsole」のURL
https://search.google.com/search-console/about?hl=jaを入力して、「今すぐ開始」ボタン押す⇒Googleアカウント(メールアドレスとパスワード)を入力して、「次へ」をクリックします。⇒プロパティタイプの選択画面に「ドメイン」または「URLプレフィックス」の2択の画面が現れ、「URLプレフィックス」を選び、自分のサイトのURLを入力して、「続行」を押す。所有権確認画面から、「ファイルをダウンロード」を押して、⇒自分のパソコン内のhomepegeフォルダにダウンロードしたファイルを入れてから、⇒homepegeに入れたGoogleのファイルをプロバイダーに送り、⇒再び「GoogleSearchConsole」に入り、⇒「確認」を押して、⇒「所有権を自動確認しました」画面が出たら完了です。
MicrosoftBeingの
「WebmasterTools」にも申し込む。「始める」ボタンをクリックすると、⇒「サインインしてください」と、⇒「Microsoft」・「Google」・「Facebook」どれか一つのアカウントでログインします。⇒「BeingWebマスターツールへようこそ」画面から右側の「自分のサイトを手動で追加」を選ぶ。⇒自分のサイトのURLを入力して「追加」を押す。⇒「サイトを追加して確認」画面から、ファイルをダウンロード「BingSiteAuth.xml」をクリックして、ダウンロードします。⇒自分のパソコン内のhomepegeフォルダにダウンロードしたファイル「BingSiteAuth.xml」を入れてから、⇒homepegeに入れた「BingSiteAuth.xml」ファイルを自分のプロバイダーにアップロードしたら、「確認」を押す。⇒次の画面で「おめでとうございます!サイトの追加に成功しました。」と表示されれば、登録は完了です。「完了」をクリックすると、サイトの管理画面が表示されます。URLを登録するためには、サイトの管理画面に移動した後に画面右上の「URL送信」を選択します。表示された画面で、自分のサイトのURLを入力し、「送信」をクリックします。⇒これで、指定したURLが登録されます。
このサイト以外から無料ひな型をダウンロードできる方法をとらなければ、別の用途に使われても、非営利であれば、問題ありません。会議・講義・行事連絡用・行政訴訟以外の公表に。
このレイアウトでガマンしていただけるのであれば、ホームページを作成する手間はすべて「ここに●●●●句点(。)」に入力するだけで、HTML5形式でホームページが作れます。(faviconアイコンは対象からはずさせてください)
HTML5検証サイトリンク(トップページにHTMLチェックを表示している検証サイトのみを対象に載せています)
CSS検証サイトリンク
XHTML検証サイトリンク
Another HTML-lint5のURLは
http://www.htmllint.net/html-lint/htmllint.htmlです。一部の色検査を除き、ほぼWebアクセシビリティサイトです。(現在はXyxonが運営を引き継いでいます)ファビコンアイコンを表示させるために旧XHTML形式に戻したAnotherHTML-lint5検証結果では、メディアタイプに「text/html」を入れないよう指示されますが、XHTML1.1ではW3Cでも推奨している「xhtml+xml」をこの雛形では入れていません。これは閲覧ソフト別の見え方に関係しています。IE8はapplication/XHTML+XMLに対応していないため、text/htmlで配置する必要があります。http://www.ab.auone-net.jp/~gyouso/xhtml.htmlで確認できます。
CSS検証サイトリンク
XHTML-CSS ValidatorのURLは
http://xhtml-css.com/です。サーバーに保存している人はURLを入れると、HTMLファイルとCSSファイルを同時にチェックできる特徴があります。
ファビコンというURLの左端についているマークや「お気に入り」で表示されるマークはWindows標準のペイントソフトを開いて、
⇒画面上側の「変形」を開いて、⇒「キャンパスの色とサイズ」を選び、⇒幅16高さ16ピクセル(px)を入力し、⇒「OK」を押すと、⇒白く小さい四角が出ます。
この四角に好きな色や文字や模様を加え、⇒保存するときに、「名前をつけて保存」を選び、⇒保存場所を「homepage」に合わせ、⇒ファイル名に「favicon.ico」と入れて、上書き保存をします。ネットにつないでいない状態では、Firefoxで確認できますが、インターネットエクスプローラ(Safariでは見えない場合もあります)ではファビコンマークは表示されません。
ファビコン作成ソフトやファビコンアイコンが無料でダウンロードできます。検索してみてください。
メールszheyuan383@gmail.com©本人訴訟公表サイトhttp://gyouso2.extrem.ne.jp