FC2ブログ
私ども平和の絵本の、日々の活動日誌です。

:「平和の絵本で-和を地球へ」活動日誌

TOPへ-活動日誌(平和の絵本から)

私どもの平和と癒しの運動の、日々の活動日誌です。

今日はhtml5をメインに


今日は生と死の絵本集の中の「何があっても」の全12ページをhtml5で書き直してみた。

中央寄せが最初、出来なくて、しばらく勉強。中央寄せしたいところが左寄せになり、中央寄せしたくないところが中央寄せとなってしまう。

いいかげんにやっていたのだが、基本がわかっていない。
そこで、じっくりと勉強。

分かったことは、ブロックとインラインとインラインブロックの違い。
tableはブロック要素なので、text-align="center"が効かず、marginで中央寄せする必要がある。ややこしいのは、ディスプレイをインラインブロックなどにしていれば、text-align="center"でも中央寄せできること。
さらにややこしいのは、カーソルが上に来た場合に、そのテーブル全体の色を変えたい場合、ブロックと指定する必要があること。
まずインラインブロックと指定し、hoverの場合だけブロックと指定していても、この場合、改行は入らず、つまりブロック要素にはならない。あくまでもインラインブロックとしてtext-align="center"を効かせることが出来る。

12ページをhtml5に書き換えるのに、結局、丸一日かかってしまった。^^;;
  1. 2019/02/21(木) 17:58:30|
  2. 日誌|
  3. トラックバック:0|
  4. コメント:0

トップページが合格!


平和の絵本のWEBは、基本、html4.01で作成しているが、トップページだけ、html5で書き換えてみた。
当然、cssも書き換える必要があり、ずいぶんとややこしい。

今まで使っていて、html5で使えなくなったタグは、つぎのようなもの。
vspace hspace width font header footer center text-align bgcolour

これらを全て書き換えたり、cssで置き換えたり。
トップページだけで2~3時間の作業だったが、嬉しいことが一つ。

Googleのライトハウスで、ついに4項目すべてで、緑(合格)を獲得! 以下の点数となった。
Performance 97点 Accessibility 94点 Best Practice 93点 SEO 100点

始めたときは、合格点は1項目だけだったので、各段の進歩! やればできる!^^

それにしても日本語版だけで2千ページを超えている。1ページにこれだけ時間が掛ったら、全部の書き直しはとても無理だなあ。どうしよう?

まあ、重要なところからかなあ。
  1. 2019/02/19(火) 14:34:05|
  2. 日誌|
  3. トラックバック:0|
  4. コメント:1

今日もイイネ復活作業と文字化け


今日もイイネ復活作業と文字化け修正作業だ。 
まだまだ延々と続く。 ^^;;
  1. 2019/02/17(日) 17:07:26|
  2. 日誌|
  3. トラックバック:0|
  4. コメント:0

"?"への文字化け


SJISからUTF8への移行に伴う、平和の絵本の日本語版WEBの文字化けが気になって確認したところ、予想をはるかに上回って、文字化けをしている。 ~ ― Ⅱ Ⅲ などは全滅のようだ。
イイネボタンの復活をしたページにも、多くの文字化けが残っている。

しばらくは、文字化けとの戦いだな。^^;;
  1. 2019/02/14(木) 17:47:53|
  2. 日誌|
  3. トラックバック:0|
  4. コメント:0

イイネ復活作業と文字化け


昨日に続いて、フェイスブックのイイネの復活作業。作業中に、文字化けがあることを発見。

"Ⅱ"といった、数字。それから"~"という波線も、文字化けしている。
恐らく、SJISからUTF8へ文字コードを変更したときに、文字化けしたのだと思う。

日本語版の平和の絵本は、二千ページを超えているので、どうしてもこういうバグが出て来るなあ! イイネ復活作業と併せて、文字化けも出来るだけ、修正中。
  1. 2019/02/13(水) 18:07:16|
  2. 日誌|
  3. トラックバック:0|
  4. コメント:0
NEXT
















































当サイトと無関係の広告;[

FC2Ad