ぼっちのバックアップ・保存

お越し頂きありがとうございます

今回はバックアップ・保存についてご紹介をさせてください
（今回はCSSコマンドはありません）

ショートカットキーを取り入れ、出来るだけ手元の操作で
コピー＆ペースト（バックアップ・保存）を行ってみようと思います
（また私のPCはWin10マシンであることをご了承ください）

予めコピー先となるメモ帳やワードなどを起動しておくと良いかと思います
また括弧の中は自分なりの覚えやすいキーワードや語呂合わせです
ご参考になりましたらご活用ください

皆さまのブログを編集画面にして、任意の場所をご選択ください

① コピーと貼り付けの方法です
Ctrlキー＋A（All）と押すと全てが選択されます

Ctrlキー＋C（Copy）でコピー元をコピーします

メモ帳やワードなどのコピー先ファイルを開き
任意の場所を選択します

Ctrlキー＋V（バリ付け・貼り付け）と語呂合わせをして貼り付けます

② バックアップ（保存）の方法です
Ctrlキー＋S（Save）と押してバックアップの保存をいたします

③ ファイル名の変更です
ファイル名の変更をなさる場合は、該当のファイルを選択いたします
その後F2キーを押して適切なファイル名を入力します

④ 作業を終了させます
Altキー＋F４キーと押すと終了画面となります

ワード（互換）アプリを私は使用しておりますが
バックアップや保存をしますと画像も挿入されました

レイアウトを再現しやすいため、お試しになると良いかと思います

⑤ メンテナンスや復旧について
レイアウトの乱れが発生するアクシデントを私は経験いたしました
この場合もバックアップファイルがあると役に立ちます

ファイルの１部もしくは全部をコピーして
今度は反対にブログへ貼り付けて対応いたしました

この様にされるとメンテナンスや復旧も早いかと思います

お役に立てればうれしいです

ご一読ありがとうございました

ぼっちのスタイルシート（フォントサイズの変更）

ご訪問ありがとうございます

「スタイルシート・フォントサイズの変更」をご紹介させて頂きます

私の記事の1つを「HTMLタブ」にクリック（変更）すると
この様な感じになります

1番下の行をご覧頂きたいと思います

<p style="text-align: center;"><span style="font-size: 18px">
これからもよろしくお願いいたします</span></p>

この様に記述されております
こちらの行が「ソースコード」の内容となります

"font-size: 18px"

このようなアルファベットと数値が見つかることと思います

こちらが記事（文章）のフォントサイズです
（18px・ピクセルとは、大きさなどの単位のことです）

「18px」の数値を大きくするとフォントが大きくなり
小さくするとフォントは小さくなります

皆さまのブログ・レイアウトをイメージして
画像とのバランスなどもお考えになり
適切な数値を入力してみてください

絶妙なフォントサイズが表現できるとうれしいです

ご一読ありがとうございました 

ぼっちのスタイルシート（改行）

ご訪問して頂きありがとうございます

今回はスタイルシートの改行（Enter）についてご紹介をさせてください
私のブログ記事・ソースコードはこの様な感じです

一番最後（下）の行をご覧頂けただけますでしょうか？

<p style="text-align: center,"><span style="font-size: 18px">
これからもよろしくお願いいたします</span></p>

この様に記述してあるかと思います
これでは少し「分かりづらいかな？」と思ってしまいます

こちらを改行(Enter)キーを利用して整理しようと思います

      ① <p style="text-align: center,"> 改行(Enter)

       ② <span style="font-size: 18px"> 改行(Enter)

         ③これからもよろしくお願いいたします 改行(Enter)

④ </span> 改行(Enter)

⑤ </p>

この様にするといかがでしょうか？
箇条書きであることが、お分かり頂けましたでしょうか？

①は文章の位置や配置(text-align)について
     ②はフォントサイズ(font-size)について
③は本文となります

スタイルシートも複雑になればちょっと…
私にも難しいです

しかしシンプルにすると箇条書きです
それでは
p と /p、span と /span

これらはどの様な意味でしょうか？
括弧「」や段落に近い記号です

括弧そして括弧を閉じるという感じです
「拝啓」⇔「敬具」や「記書き」⇔「以上」とも似ております

括弧や段落に挟まれた
箇条書きとお考えになるといかがでしょうか？

ご参考にして頂ければ幸いです

ご一読ありがとうございました

 

 

ぼっちのスタイルシート（フォントの位置変更）

ご訪問下さりありがとうございます

今回は「フォントの位置変更」についてご紹介をさせてください

こちらは1番下の行をご覧頂きたいと思います

<p style="text-align: center;"><span style="font-size: 18px">
これからもよろしくお願いいたします</span></p>

この様に記述されております
こちらが私の記事のソースコードとなります

"text-align: center;"

左側に上記のアルファベットが見つかりましたでしょうか？

「align」とは文書の配置や位置のことです
「center」は中央揃えとお考えになってください

こちらを
「text-align: center;」 から「 text-align: left;」
もしくは「text-align: right;」へと記述の変更をしてみます

すると
該当する文章が「中央揃え」から「左端」「右端」へと位置変更します
（私は画像も出来ました）

ビジネス文書では左端は「お客様各位」「拝啓」などが該当いたします
記事の書き出しの場合は、左端へ位置変更後
「フォントを大きくする」「太字にする」などはいかがでしょうか？

中央は「記書き」「以上」など、お知らせが多いかと思います
ブログでは記事のテーマや画像などはいかがでしょうか？

右端は「敬具」「署名」などが用いられます
皆さまのお名前の他に
「アイコン」や「アバター」なども面白いかと思います

お役に立てればうれしいです

ご一読ありがとうございました

ぼっちのスタイルシート（色彩）

お越し頂きありがとうございます

今回はカラー（色彩）についてご紹介をさせて頂きます

皆さまは文書の記述をされる時
蛍光ペンなどを利用して、カラーを付けることと思います

普段はカラーパレットから私も選んでおります
今回はスタイルシートを利用してカラーを選んでみたいと思います

それでは私のブログ記事・ソースコードをご覧頂きたいと思います

1番上の行をご確認頂けますでしょうか？

<p style="text-align:center;">
<span style="font-size:30px; color:#1e70aa;">月子のティーハウス</span></p>
となっております

こちらのcolor:#1e70aa; が色彩番号となります

それでは下のカラーチャートを参考にして変更しようと思います
カラーチャートはHTML・CSS関連の本
あるいはネット上などで確認することができます

参照：できるブログ（gooブログ）・インプレス

月子のティーハウス   blueviolet #8A2BE2

月子のティーハウス   olivedrab #6b8e23

月子のティーハウス   slateblue #6a5acd

この様な感じでいかがでしょうか？
デリケートな色彩が表現できるかと思います

皆さまの文章や画像と連携した
コーディネーションの良いカラーを選んで頂けると嬉しいです

ご一読ありがとうございました