第1回『ホームページとは?』『はじめてのHTMLファイル』

『ホームページとブログの教室』第1回の内容です。
今回は、インターネット、ホームページなどの基礎知識です。

配布資料

この教室の目的

インターネットでの『情報発信』を自分でできるようになる

  • ホームページ・ブログの作り方
  • 効果的、安全な運営方法
  • インターネットの利用方法
  • パソコンの基本

発信したいことがある方にも、教養として知っておきたい方にも

ホームページとブログについて

ホームページ・ブログで得られる知識

HTML、CSSなどのウェブ技術の基本知識
写真・画像処理の知識
WordPress、ブログなどの操作知識
WEBライティングテクニック
SEO(検索エンジン)の知識
ショップ、アフィリエイトなど収益の知識

ホームページ・ブログのメリット

仕事、利益につながる
世界中に意見を発信できる
理解者を得られる、孤独でなくなる
情報弱者からの脱却
身体が動がなくなってもできる一生の趣味

・・・未来に希望が持てるようになる

ホームページ・ブログのデメリット

プライバシーの漏えい
荒らし、炎上の危険性
事件に巻き込まれる
一度出した情報は拡散、取り返しのつかないことにも

・・・正しい知識を持って、安全に行うことが大切です。

『ホームページ』という言葉について

ホームページ(HOME PAGE)とは実は間違った言葉の使い方です。
正確にはウェブサイト(Web site)と言います。

※ホームページはウェブサイトの最初の1ページ目のみのことです。

『ブログ』とは

本来は複雑なコード(タグ)を駆使しなければいけないウェブサイト制作を、簡単にできる仕組み(システム)にしたものをCMS(コンテンツ・マネジメント・システム)といいます。

ブログはその一種で、主に日記を書くために開発されましたが、今はさまざまな目的に使われています。

お使いのパソコン・インターネットの確認

ホームページやブログの制作運営をするためには、ご自分のパソコンがどんなものか良く知っておく必要があります。

パソコンの確認事項

  • OSは?
  • バージョンは?
  • 32bit 64bit?
  • メーカーは?故障時の連絡先は?
  • セキュリティソフトは?
  • 容量は? ハードディスク・メモリ

インターネットの確認事項

  • プロバイダは?
  • Wi-fiかLANか
  • Wi-fiのSSID、パスワードは?

外出先でのWi-fiの接続

SSIDとパスワードをもらって、自分で接続できるようにします。

HTMLをはじめよう

ホームページを構成するのはHTML(ハイパー・テキスト・マークアップ・ランゲージ)です。

###ハイパーテキストとは

複数の文書(テキスト)を相互に関連付け、結び付ける仕組み。
hyper-(~を超えた)text(文書)「テキストを超える」という意味から。

マークアップとは

人間の言葉の構造を機械が認識出来るように、文書の各要素に目印をつけること。

・・・難しい用語は覚えなくても全く問題ありません。

実践ワーク:メモ帳でテキストファイルを作る

『メモ帳』アプリを開き、『こんにちわ』 と入力
『hello.txt』 と言う名前をつけ、文字コードは『UTF-8 』でデスクトップに保存してください。

※MACの場合は『テキストエディット』アプリを使います

メモ帳などで作ったシンプルなデータを『テキストファイル』といいます。

hello.txtを開くと、、

再度メモ帳が開きます。

拡張子とは

拡張子(.txt)は、ファイルの種類を示し、
開くアプリが決められている。

拡張子の変更

.txt の部分を
.html に変更します。

拡張子が表示されない方

設定を変更します
Windows :コントロールパネル → デスクトップのカスタマイズ
→フォルダーオプション(エクスプローラーのオプション)
MAC: Finder → 環境設定 → 詳細

拡張子がhello.htmlになると

アイコンが変わり、ダブルクリックするとブラウザが開く

※アイコンの画像は、通常お使いのブラウザ(インターネットを見るアプリ)によって変わります。

本日のまとめ

  • ホームページ、ブログとは
  • 使用しているパソコン、ネットを確認
  • メモ帳でhtmlファイルを作る
タイトルとURLをコピーしました