今日は
生と死の絵本集の中の「何があっても」の全１２ページをhtml5で書き直してみた。
中央寄せが最初、出来なくて、しばらく勉強。中央寄せしたいところが左寄せになり、中央寄せしたくないところが中央寄せとなってしまう。
いいかげんにやっていたのだが、基本がわかっていない。
そこで、じっくりと勉強。
分かったことは、ブロックとインラインとインラインブロックの違い。
tableはブロック要素なので、text-align="center"が効かず、marginで中央寄せする必要がある。ややこしいのは、ディスプレイをインラインブロックなどにしていれば、text-align="center"でも中央寄せできること。
さらにややこしいのは、カーソルが上に来た場合に、そのテーブル全体の色を変えたい場合、ブロックと指定する必要があること。
まずインラインブロックと指定し、hoverの場合だけブロックと指定していても、この場合、改行は入らず、つまりブロック要素にはならない。あくまでもインラインブロックとしてtext-align="center"を効かせることが出来る。
12ページをhtml5に書き換えるのに、結局、丸一日かかってしまった。^^;;
- 2019/02/21(木) 17:58:30|
- 日誌|
-
トラックバック：0|
-
コメント：0
平和の絵本のWEBは、基本、html4.01で作成しているが、トップページだけ、ｈｔｍｌ５で書き換えてみた。
当然、cssも書き換える必要があり、ずいぶんとややこしい。
今まで使っていて、html5で使えなくなったタグは、つぎのようなもの。
vspace hspace width font header footer center text-align bgcolour
これらを全て書き換えたり、cssで置き換えたり。
トップページだけで２～３時間の作業だったが、嬉しいことが一つ。
Googleのライトハウスで、ついに4項目すべてで、緑（合格）を獲得！ 以下の点数となった。
Performance 97点 Accessibility 94点 Best Practice 93点 SEO 100点
始めたときは、合格点は1項目だけだったので、各段の進歩！ やればできる！^^
それにしても日本語版だけで2千ページを超えている。1ページにこれだけ時間が掛ったら、全部の書き直しはとても無理だなあ。どうしよう？
まあ、重要なところからかなあ。
- 2019/02/19(火) 14:34:05|
- 日誌|
-
トラックバック：0|
-
コメント：1
SJISからUTF8への移行に伴う、平和の絵本の日本語版WEBの文字化けが気になって確認したところ、予想をはるかに上回って、文字化けをしている。 ～ ― Ⅱ Ⅲ などは全滅のようだ。
イイネボタンの復活をしたページにも、多くの文字化けが残っている。
しばらくは、文字化けとの戦いだな。^^;;
- 2019/02/14(木) 17:47:53|
- 日誌|
-
トラックバック：0|
-
コメント：0
昨日に続いて、フェイスブックのイイネの復活作業。作業中に、文字化けがあることを発見。
"Ⅱ"といった、数字。それから"～"という波線も、文字化けしている。
恐らく、SJISからUTF8へ文字コードを変更したときに、文字化けしたのだと思う。
日本語版の平和の絵本は、二千ページを超えているので、どうしてもこういうバグが出て来るなあ！ イイネ復活作業と併せて、文字化けも出来るだけ、修正中。
- 2019/02/13(水) 18:07:16|
- 日誌|
-
トラックバック：0|
-
コメント：0
