昨日の午後から今朝の３時までかかって，ホームページを作成。最初はＰＣだけターゲットのページにするつもりだった。調べてみると1つのWebページで、PC、スマートフォン、タブレットなどに対応するレスポンシブWebデザインというのがあって，そのひとつにTwitter社が開発したWebフレームワーク・cssフレームワークで「Twitter Bootstrap」というのを見つけた。他にも「Golden Bootstrap」「Yahoo! pure」「HTML Kickstart」などがあるらしい。
テンプレートらしきものもあるので楽勝と思ったのに，一筋縄ではいかなかった。
1.ローカルのサイトのルートに，DLして解凍したcssとjsというフォルダとファイルを置く。jsフォルダの中には，jquery-3.4.1.jsも別途DLして入れる。
2.index.htmlの作成。
ヘッダでは，”css/bootstrap.min.css” ”js/jquery.min.js” ”js/bootstrap.min.js” を使えるように記述するだけで良い。追加のcssの記述はデザインに応じて記述するが，あちこちのチュートリアルやテンプレートを参照して入力する。
「Microsoft expression web4」か 「macromedia Dreamweaver MX4」(現在はadobeに移管)を使うつもりだったけれど，どちらも使えそうになかった。テキストエディタ「tera pad」でHTMLベタ打ちが一番早い。文字コードには注意。UTF-8を使用しなければならないけれど，terapadではUTF-8N（BOM=byte order markなし)を使用して保存。
その後は，HTML5タグリファレンスと首っ引きでページを作っていった。わすれていること一杯ｗ。本当はcssを直すべきなのだろうけれども，bootstrapのcssを変更したのは背景色とフォント色だけで，あとは追加のcssとタグで形を整えた。
ローカルでちょこちょこいじっては，FTP。朝３時にいったん寝て，６時半にのこのこ起きだしてスマホ・タブレットでも表示の確認し微調整，９時すぎに一応ホームページが完成。
一旦，昼寝したけれど１１時すぎにメインオーナーから電話。１２時に立替払いしていたドライブのシール交換＝修理代金を受け取った。