ホームページ作成の方法
このページは、原稿を元に簡単かつ迅速にHPを作成する方法を紹介したものである。
下の手順に従えば、悩まず簡単にHPが作成できる（はず）。
======= 以下はHP作成の為ののサンプル ========
令和8年度8月30日<回覧>お知らせ
文責原田
石川・富山豪雨による大水害、昨日からは福井地方も、想定外の自然災害、各家庭でできる地震等災害対策の再点検をしましょう。(家族会議)
<報告事項>
・公民館長⇒8月29日の残暑払い35名参加し、和気あいあいの内にあっという間に過ぎた2時間でした。
・防犯交通安全部長⇒夏季防犯パトロールお疲れ様でした。集計できましたら報告します。
<敬老感謝の会(再連絡)>
9月13日(11時~13時)会場 城東公民館 大会議室
久々に大正琴、電子ピアノ、ビオラ演奏・唄など楽しめます。
・対象者は令和9年3月31日をもって満75歳以上になる方全員です。
組長に・申し込み忘れた方 9月6日までに原田まで連絡下さい。
 |
|
<敬老感謝の会(再連絡)>
9月13日(11時~13時)会場 城東公民館 大会議室
久々に大正琴、電子ピアノ、ビオラ演奏・唄など楽しめます。
・対象者は令和9年3月31日をもって満75歳以上になる方全員です。
組長に・申し込み忘れた方 9月6日までに原田まで連絡下さい。
==================== サンプル終了 ================
方法
１ 上記の様なスタイルです。 スマホでも見やすくなります。 Web4での作成時も、フォントのサイズが丁度よく、入力しやすいです。
先頭見出しは、 「見出し１ <ｈ１>
段落内は(普通に入力する） 上記のように 明朝 mediam です。
小見出しは、 「見出し３ <h3>」
赤字は、後から class red で適用すると多分楽です。
２． 実際の手順は
2-1
① Word等の元データがある場合でも、全データを完全なテキストデータにするため一旦メモ帳等にコピーする。
元原稿が無い場合は、テキストファイルに書くのが一番速い。
② 全原稿をweb4に張り付ける。 １つのブロックで段落になる。
③ 見出しと段落を分離させる為、見出しの部分を切断する。 （前後をエンターキーで切断）
④ スペース行を削除して調整する。 真の意味での段落は、改行する。（Shift＋Enter)
それ以外は、画面巾で自動改行されるので改行しない。
⑤ 見出し部分をh2、h3等に変更する。
⑥ 赤字等に変更
⑦ スマホでどう見えるか確認。
⑧タイトルは、コードの７ライン辺りにタイトルを入れる。
<title>無題</title>
注意
①MS WORDから直接Web4にコピペする場合、元の属性（フォントサイズや字体）を引きずって来て、
編集に手間取る。 害の方が多いので、テキストファイルからコピペするのがポイント。
2-2 写真がある場合
デーブルを作りそこに写真をドロップする。 これで文章の回り込みを防止できる。
画面サイズに合わせて画像の自動縮小する為に、下記のようにコードを変更する。
写真が複数枚ある場合は、テーブルの行数を多くし順々にD&Dで張り付ける。
写真はスマホ表示でサイズを自動調整する為に、プロパティを変更する。
プロパティ変更の詳細は別途
2-3 見出しと段落の切断方法
上記の元原稿はこれです。 Enter キーで 段落を切断する方法を説明する。
---------------------------------------------------------
令和8年度8月30日<回覧>お知らせ
文責原田
石川・富山豪雨による大水害、昨日からは福井地方も、想定外の自然災害、各家庭でできる地震等災害対策の再点検をしましょう。(家族会議)
<報告事項>
・公民館長⇒8月29日の残暑払い35名参加し、和気あいあいの内にあっという間に過ぎた2時間でした。
・防犯交通安全部長⇒夏季防犯パトロールお疲れ様でした。集計できましたら報告します。
<敬老感謝の会(再連絡)>
9月13日(11時~13時)会場 城東公民館 大会議室
久々に大正琴、電子ピアノ、ビオラ演奏・唄など楽しめます。
・対象者は令和9年3月31日をもって満75歳以上になる方全員です。
組長に・申し込み忘れた方 9月6日までに原田まで連絡下さい。
<敬老感謝の会(再連絡)>
9月13日(11時~13時)会場 城東公民館 大会議室
久々に大正琴、電子ピアノ、ビオラ演奏・唄など楽しめます。
・対象者は令和9年3月31日をもって満75歳以上になる方全員です。
組長に・申し込み忘れた方 9月6日までに原田まで連絡下さい。
--------見出しの部分の先頭と末尾にエンターを入れる--【Enter】----青い部分が見出し予定---------
この時 視覚補助（Ctrl＋/）の「余白とパディング」 をONすると作業がはかどる。 ----
編集記号の表示（Ctrl+Alt+/)も有効。
令和8年度8月30日<回覧>お知らせ
文責原田【Enter】
石川・富山豪雨による大水害、昨日からは福井地方も、想定外の自然災害、各家庭でできる地震等災害対策の再点検をしましょう。(家族会議)
【Enter】<報告事項>【Enter】
・公民館長⇒8月29日の残暑払い35名参加し、和気あいあいの内にあっという間に過ぎた2時間でした。
・防犯交通安全部長⇒夏季防犯パトロールお疲れ様でした。集計できましたら報告します。
【Enter】<敬老感謝の会(再連絡)>【Enter】
9月13日(11時~13時)会場 城東公民館 大会議室
久々に大正琴、電子ピアノ、ビオラ演奏・唄など楽しめます。
・対象者は令和9年3月31日をもって満75歳以上になる方全員です。
組長に・申し込み忘れた方 9月6日までに原田まで連絡下さい。
【Enter】<敬老感謝の会(再連絡)>【Enter】
9月13日(11時~13時)会場 城東公民館 大会議室
久々に大正琴、電子ピアノ、ビオラ演奏・唄など楽しめます。
・対象者は令和9年3月31日をもって満75歳以上になる方全員です。
組長に・申し込み忘れた方 9月6日までに原田まで連絡下さい。
-----------------------------------
見出しカットここがコツ
①先頭エンター
②末尾カットの Enter と Del これをセットで
次
①カーソルを上下し、不要な空白行を削除する。
改行で見やすくなる場合、Sｈｉｆｔ+Ｅｎｔｅｒで改行。
②見出しの設定をする。 ｈ１、ｈ２、ｈ３
・メニューから選択
・Ctrl+Alt+数字(1～６） 例） h2： Ctrl+Alt+2 h3： Ctrl+Alt+3
③色変更、文字サイズ変更をする。