【Ctrl+U】ウェブページの舞台裏をのぞける!ソースコードを表示・下線を引く・メールを未読にする | どこでもパソコン教室 四日市

【Ctrl+U】ウェブページの舞台裏をのぞける!ソースコードを表示・下線を引く・メールを未読にする

ショートカットキー【Ctrl+U】 💻便利!カッコいい👍 ショートカットキー

こんにちはどこでもパソコン教室 四日市です。

今回の授業は、ショートカットキー CtrlUのご紹介です!
アプリごとに、次の3つの機能があります。

 ウェブブラウザー
『ウェブページのソースコードを表示する』
 WordExcelPowerPointOutlook
『選択した文字列に下線を引く
 Outlook
『メールを未読にする

 CtrlU Uは、WordExcelPowerPointOutlook『選択した文字列に下線を引く機能ではUnderlineを、Outlookメールを未読にする機能ではUnreadを意味します。

WordなどMicrosoft Office[ホーム]タブ [フォント]グループに、B」「I」「Uと並んでいますけれど、どれもCtrlキーと一緒に使うことでショートカットキーとなるのですよね

気づかれましたね

CtrlB Bは、太字のBold”を、 CtrlI Iは、斜体のItalic”を意味します。

ウェブブラウザー「ソースコード」とは何ですか

ズバリウェブページの舞台裏です💃

「日本語」をはじめ、世界にはたくさんの言語があります。

「英語」「イタリア語」「中国語」など、たくさんありますね。

実は、💻パソコンの世界にもたくさんの言語があります

ウェブページも、基本的に「HTML」という言語が使われています。

表示や動作についての指示が書かれていて、これを「ソースコード」と呼びます。

〝百聞は一見に如かず〟ごくごく基本のコードを書いてみませんか

本当ですか!?

初心者の私にも書けるならやってみたいです

それでは今回の授業は、ショートカットキー  CtrlU 3つの機能&関連した機能の使い方を解説しますので、ぜひ最後までご受講ください

ウェブブラウザーで表示できるソースコード実際に書いてみる
 WordExcelPowerPointOutlookで、ショートカットキー下線を引く
 Outlookで既読メールを未読にする

ショートカットキー  CtrlBCtrlI の授業です。
広告

[Ctrl]+[U]:コントロール・ユー

Ctrlキーを押しながら、Uキーを押します。

ショートカットキー【Ctrl+U】

 CtrlU は、ウェブブラウザーWordExcelPowerPointOutlookで使用できます。

👇アプリごとに機能を解説します

ウェブブラウザー:ウェブページの「ソースコードを表示」する

ウェブブラウザーの閲覧画面で CtrlUを押すと、閲覧中のウェブページのソースコードを表示します。

😅アルファベット記号がずら~っと並んでいて、初めて見るとちょっと焦ると思います、、。

ショートカットキー【Ctrl+U】

<🖱マウス操作で表示する場合>

  1. ページ内を🖱右クリック
  2. Google Chrome「ページのソースを表示」🖱クリック
    Microsoft Edge「ページのソース表示」🖱クリック
     
    ショートカットキー【Ctrl+U】

ソースコードとは

 CtrlUを押して表示されますアルファベット記号などがソースコードです。

まさに、ウェブページの舞台裏
基本的に「HTML」という〝マークアップ言語〟というものを使用します。

ソースコードには、表示の約束事や表示方法、別ファイルを読み込むための情報など、様々なことが記載されています。

🤡お化粧に例えますと、すっぴんの状態からメイクアップして、使用している化粧品のメーカーや原料までが分かる……というくらい情報が詰まっています

簡単なソースコードを書いてみましょう!

ソースコードを書くことを「コーディング」といいます。

コーディングができるようになるには、学習が必要です。
けれども、ごくごく基本でしたら初心者の方でもできますよ

それに、特別なアプリを用意する必要もありません
下記に手順を解説しますので、一緒に体験してみましょう

  1. Windowsに標準で搭載されています「メモ帳」を使います。
     
    画面下「タスクバー」にあります検索窓に、メモ帳〟と入力してEnterキーを押すと簡単に起動できます。
     
    ショートカットキー【Ctrl+U】


  2. 今回は『今日の晩御飯!』と題して、👇次の内容でウェブページを作成したいと思います。

    記載箇所 記載文字
    ページタイトル 今日の晩御飯!
    見出し1 美味しいカレーの作り方
    見出し2 材料
    本文 次の材料を用意しましょう。
    リスト ・お肉
    ・じゃがいも
    ・にんじん
    ・たまねぎ

  3. 完成すると下図のようになります
    とてもシンプルですけれども、初めて自分で作成したときはちょっとした〝達成感〟がありますよ😄
     
    ショートカットキー【Ctrl+U】


  4. それでは、コーディングしていきます。
    メモ帳に下記の通り入力しましょう。
     
    ショートカットキー【Ctrl+U】


  5. 名前を付けて保存します。
     
    ちなみにファンクションキー F12を押すと、すぐに「名前を付けて保存」ダイアログボックスを表示して素早く保存できます。
    【ファンクションキー『後編』】[F11][F12]の機能![Fn]キーとは?
     
    ショートカットキー【Ctrl+U】
    1. 保存場所は、今回は分かりやすいようにデスクトップにしましょう。
    2. ファイル名は、アルファベットでつけます。
     今回は、「delicious-curry.html」としましょう。

    ファイル名の末尾を「.txt」「.html」とすることで、ウェブページ用のファイルとなります。

    3.[文字コード]は、「UTF-8」にします。
    4.[保存]🖱クリックします。


  6. デスクトップに、ご自身の💻パソコンで普段使用する設定になっているウェブブラウザーのアイコンでファイルが作成されていますので、🖱ダブルクリックしましょう
     
    ショートカットキー【Ctrl+U】 
    ウェブブラウザーが起動して、下図のように表示されたら完成です
     
    ショートカットキー【Ctrl+U】

今回作成しました「HTMLファイル」は、これだけではインターネットに公開されません。

他にも必要な情報などをコーディングしてから、ウェブページなどを管理する「ウェブサーバー」アップロード*することで公開されます。
*アップロードとは…インターネット上の場所、今回ですと「ウェブサーバー」へファイルを送信することです。

ウェブページ作成の基礎部分の学習が無料でできます、
有名なサイトが2つありますのでご紹介します。

選択した文字列に「下線を引く」

Word / ワード

Word文字選択して CtrlUを押すと、選択した文字列に下線を引きます

  1. 文字を入力します。
  2. 🖱ドラッグ*して下線を引きたい文字列を選択します。
    *ドラッグとは…マウスの左ボタンを🖱クリックしたまま動かすことです。
     
    |カーソルから Shift 矢印キーを押して文字列を選択することもできます。

    ショートカットキー【Ctrl+U】


  3.  CtrlUを押すと、下線を引きます
     
     CtrlUをもう一度押すと、下線を解除します
     
    ショートカットキー【Ctrl+U】 
下線を🖱クリック操作で引く方法>
文字選択して[ホーム]タブ [フォント]グループ [下線]🖱クリックします。
右側の🖱クリックすると、下線スタイルの変更もできます。
 
ショートカットキー【Ctrl+U】

Excel / エクセル

Excel文字選択して CtrlUを押すと、選択した文字列に下線を引きます

Wordとは少し違った操作が必要となります。

  1. セルを選択して CtrlUを押すと、セル内のすべての文字列下線を引きます。
  2. 部分的に下線を引きたいときは、まずセル🖱ダブルクリック or F2を押して、セル内に「|」カーソルを置きます。 
    次に🖱ドラッグ、または Shift 矢印キーを押して文字列を選択してから CtrlUを押します
  3. もう一度CtrlUを押すと、下線を解除します。

ショートカットキー【Ctrl+U】 

下線を🖱クリック操作でする方法>
文字選択して[ホーム]タブ [フォント]グループ [下線]🖱クリック
  下線二重下線の選択ができます。
「セルの書式設定」ダイアログボックスを表示すると、[フォント]タブ内で下線スタイルの変更もできます。
 
ショートカットキー【Ctrl+U】

PowerPoint / パワーポイント

PowerPoint文字選択して CtrlUを押すと、選択した文字列に下線を引きます

プレースホルダー*内のすべての文字列、または部分的下線を引けます
*プレースホルダーとは…文字列や図、グラフなどを挿入する領域です。

  1. プレースホルダーを選択して CtrlUを押すと、プレースホルダー内のすべての文字列下線を引きます。
  2. 部分的に下線を引きたいときは、🖱ドラッグ、または Shift 矢印キーを押して文字列を選択してから CtrlUを押します
  3. もう一度CtrlUを押すと、下線を解除します。

ショートカットキー【Ctrl+U】 

下線を🖱クリック操作で引く方法>
文字選択して[ホーム]タブ [フォント]グループ [下線]🖱クリックします。
「フォント」ダイアログボックスを表示すると、[フォント]タブ内で下線スタイルの変更もできます。
 
ショートカットキー【Ctrl+U】

Outlook / アウトルック:選択した文字列に「下線を引く」/「メールを未読にする」

選択した文字列に「下線を引く」

Outlookでメールの作成中に文字選択して CtrlUを押すと、選択した文字列に下線を引きます

  1. 🖱ドラッグ、または Shift 矢印キーを押して文字列を選択してから CtrlUを押すと、下線を引きます。
  2. もう一度CtrlUを押すと、下線を解除します。

ショートカットキー【Ctrl+U】 

下線を🖱クリック操作で引く方法>
文字選択して[ホーム]タブ [フォント]グループ [下線]🖱クリックします。
「フォント」ダイアログボックスを表示すると、[フォント]タブ内で下線スタイルの変更もできます。
 
ショートカットキー【Ctrl+U】

「メールを未読にする」

Outlookビュー内にある既読のメールを選択して CtrlUを押すと、選択したメールを未読にします

  • ビューとは…フォルダーウィンドウで選択した、フォルダーの中身が一覧で表示されます。
  • フォルダーウィンドウとは…「受信トレイ」「送信トレイ」など、用途に分かれたフォルダーが格納されています。
画面構成各部名称を一覧で解説している授業です。

ショートカットキー【Ctrl+U】

  1. 届いたメール「未読」のものは、表示が〝太字〟になっています。 
  2. 🖱クリックすると、メールを読むことができます。
    通常の表示となって「既読」を意味します。 
  3.  CtrlUを押す表示が〝太字〟すなわち「未読」に戻り、あとからゆっくりメールを読みたい時などの👀目印となります。
広告

まとめ

今回の授業は、ショートカットキー CtrlUのご紹介でした!
アプリごとに、次の3つの機能がありました。

 ウェブブラウザー
『ウェブページのソースコードを表示する』
 WordExcelPowerPointOutlook
『選択した文字列に下線を引く
 Outlook
『メールを未読にする

ホームページ作成の基本もご紹介しました
ソースコードコーディングするのは難しいですね……😅

実は、HTMLなどのプログラミングの知識をお持ちでなくてもWordPressを使うと初心者の方でもホームページブログが作成できます👇

【PR】書籍「いちばんやさしい WordPress 入門教室 6.x対応」
サイト作成の手順をステップ単位で丁寧に解説
著者が作成したオリジナルテーマ
• Webサイトの運用や分析方法も紹介

😄ご受講お疲れさまでした

コメント

タイトルとURLをコピーしました