IT 1NOTE パソコンスクール

岡山市北区　個別指導　実践型パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校
実践型個別指導　身体で覚える実践パソコン
講師きびだんご店長

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

数回に渡ってホームページ作成方法をシンプル解説にて記載。

これまでの内容

１．　HP作成No1 はじめの一歩（メモ帳）

２．　HP作成No2 作成基本タグ（メモ帳）

３．　HP作成No3 HPファイルと素材の管理

４．　HP作成No4 メモ帳文字入力とWeb表示

５．　HP作成No5 見出しの設定

６．　HP作成No6 最初に覚えたい５つのHTMLタグ

７．　HP作成No7 リストを作成する

８．　HP作成No8 Webページ写真の準備

今回の目的はWebページへ写真を挿入します。

まず、HP作成ファイルと写真のある場所の確認です。

①デスクトップにある2016tabiを開く
※ここまでの作業は上記No1～8で確認ください

②imgフォルダーを開く

③2016kokubunji.JPGがある事を確認。
この写真をWebページに入れます。

一つ戻って
2016フォルダー内のindex.htmlをメモ帳で開く（下記図参照）

今回は<h2>晴れの国おかやま発～の旅記録</h2>の下に

写真を挿入してみます。まず、以下の画像の配置タグを入力。

<h2>晴れの国おかやま発～の旅記録</h2>
<img src />

次に<img src />タグの中に
画像がどこにあるのか？を示す　画像パス　を入力します。

<img src=”img/2016kokubunji.jpg” />

更に下記のように入力しましょう。

<img src=”img/2016kokubunji.jpg” alt=”備中国分寺五重塔” />

alt=”〇〇〇”はalt属性といい、代替テキストの情報です。

※代替テキストとは？　　画像のかわりに文字で表示
　ネット速度が遅い時代は、画像が出て来るのに時間がかかったのだ

ファイル　→　上書き保存

以下の図のように　index.htmlファイルを
InternetExplorerで開いて確認しましょう。

下記のように写真入りの
Webページになっていれば成功です。

また一歩前進です。

スキマ時間で覚えていきましょう♪

HP作成No9
To be continued

この続きは教室で語り合いましょう♪

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山北区　個別指導実践型　パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校

講師きびだんご桃子

あなたは、コースで学ぶ？自由に学ぶ？（充実した内容でお財布にやさしい教室）

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

１１月に入り急に寒くなってきましたが、日々生徒様とレッスンを進めていると、

今年ももう気が付いたら１１月中旬に入りました。

年末までのスケジュールと、教室でのレッスンの計画と、目標や目的に照らし合わせて

どこまで進めて、どこまで出来るかを生徒様とカウンセリングをしながら

一つ一つレッスンを進めております。

皆様、それぞれ内容や計画も違います。

今年はここまでする、ということを目標にすることで一つの目安になりますので、

年末までの計画を見直して、また来年に向けての計画や目標が見えてくると思います。

これから益々寒くなってきますので、体調にはくれぐれも気を付けて過ごしてまいりましょう。

⭐️パソコン初心者の方、シニアの方、中高年の方、

無料体験＆無料カウンセリングでお待ちしております。

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山市北区　個別指導　実践型パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校
実践型個別指導　身体で覚える実践パソコン
講師きびだんご店長

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

重たいパソコンを掃除してくれるソフトで

以前にご紹介したGlary Utilities

PCが重い、不調を修復する 実力のフリーソフト

実はこのソフト、パソコンへインストールした

ソフトのアップデートをお知らせしてくれます。

下図は、ソフトに２つの更新があることがわかります。

赤丸の所をクリックすると・・・。

更新（アップデート）が必要なソフト等がわかります。

Windows 10になって

更新しないと不具合（動かないなど）があるソフトに役立っています。

一度皆様もチェックしてみては、どうでしょうか。

この続きは教室で語り合いましょう♪

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山市北区　個別指導　実践型パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校
実践型個別指導　身体で覚える実践パソコン
講師きびだんご店長

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

数回に渡ってホームページ作成方法をシンプル解説にて記載。

これまでの内容

１．　HP作成No1 はじめの一歩（メモ帳）

２．　HP作成No2 作成基本タグ（メモ帳）

３．　HP作成No3 HPファイルと素材の管理

４．　HP作成No4 メモ帳文字入力とWeb表示

５．　HP作成No5 見出しの設定

６．　HP作成No6 最初に覚えたい５つのHTMLタグ

７．　HP作成No7 リストを作成する

今回はWebページに写真を入れる準備です。
その前に。

Webページのファイル保存の確認です。
基本はアルファベットと数字で名前をつける事を覚えます。

日本語でのファイル名は、基本　×　です。

文字化け等で、ややこしくなるので、

ファイル名は単純にアルファベットと数字と覚えましょう。

写真ファイルも同じです。

では、これからWebページで使う写真を用意します。

今回は、上記の国分寺の写真を用意してみました。

デスクトップにある2016tabiフォルダーを開いて

imgフォルダーに写真をドラッグ＆ドロップします。

※Webサイト（ホームページ）はこの2016tabiフォルダーで管理している

上図の赤丸のように

写真がimgフォルダーに入っていれば、準備OKです。

スキマ時間で覚えていきましょう♪

HP作成No8
To be continued

この続きは教室で語り合いましょう♪

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山北区　個別指導実践型　パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校

講師きびだんご桃子

あなたは、コースで学ぶ？自由に学ぶ？（充実した内容でお財布にやさしい教室）

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

生徒様が教室に通われるペースは、皆様それぞれのスケジュールに合わせて通われております。

週一回、週二回、三回と、月に二、三回や、月一回のペースで通ってますから、

毎週〜曜日や、特定の日や時間に指定をしていません。

月一回の生徒様が、

「私のペースだとなかなか進まないと思ってたけど、

　続けてるとその内、出来る様になるんですね。」

他の生徒様の週数回のペースと比べると、月一回の生徒様はゆっくり進んでいます。

それでも、それをきちんと毎月、コツコツと通い続けていると、

最初の頃と比べて、パソコンスキルも上達していた事に生徒様がとても喜んでらっしゃいました。

継続こそ実力が身に付くという事を実感された生徒様。

実践レッスンでは、生徒様をしっかりとサポートしながら、

目標に向かって一緒に進んでおります。

⭐️パソコン初心者の方、シニアの方、中高年の方、

無料体験＆無料カウンセリングでお待ちしております。

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山市北区　個別指導　実践型パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校
実践型個別指導　身体で覚える実践パソコン
講師きびだんご店長

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

数回に渡ってホームページ作成方法をシンプル解説にて記載。

これまでの内容

１．　HP作成No1 はじめの一歩（メモ帳）

２．　HP作成No2 作成基本タグ（メモ帳）

３．　HP作成No3 HPファイルと素材の管理

４．　HP作成No4 メモ帳文字入力とWeb表示

５．　HP作成No5 見出しの設定

６．　HP作成No6 最初に覚えたい５つのHTMLタグ

今回はWebページにリストを作成します。

このリストは、後にメニュー項目に変えることができます。

下図教室Webページ　メニュー項目を参照

では、さっそく作成してみましょう。

前回作成のindex.htmlファイルをメモ帳で開きます。

※メモ帳で開く方法がわからない方は、HP作成No４を参考

以下のリスト全体を表すタグを入力します。（下図参照）

<ul>〇〇〇</ul>

次にul開始タグとul終了タグの間に

項目にするタグ<li>〇〇〇</li>を入力。(下図参照）

<ul>
<li>トップ</li>
<li>旅日記</li>
<li>旅写真</li>
<li>お知らせ</li>
</ul>

入力終了しましたら

ファイル→上書き保存

最後はWeb表示確認します。

①　index.htmlの上で右クリック

②　プログラムから開く→InternetExplorer

リスト表示ができていたら成功です。下図参照

ここまで、あまり難しいことはしていません。

スキマ時間で覚えていきましょう♪

HP作成No7
To be continued

この続きは教室で語り合いましょう♪

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山北区　個別指導実践型　パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校

講師きびだんご桃子

あなたは、コースで学ぶ？自由に学ぶ？（充実した内容でお財布にやさしい教室）

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

資格試験対策では、問題を正確に解くだけでなく、問題を解く速さも必要です。

試験範囲を勉強する間はいいのですが、試験範囲を一通り終えたら、

いよいよ時間を意識するよう問題を解く練習をしていきます。

タイピングの試験も同じなのですが、「普段よりペースを上げる」という意識を持って

問題に取り掛かるといいと思います。

問題文を正しく、速く読み解くことも試験範囲に入っています。

本試験で出題される問題文は、内容を詳しく説明せず、

省略した言葉や短い文章で現しています。

逆に速く読んだとしても、内容を読み間違えてしまって、別の設定をして問題を間違うことがあります。

試験対策の後半では、問題の意味を読み解くスピードと練習が必要です。

問題文の中の幾つかの重要なキーワードや、画面に表示されているものに対してどこを指しているか、

読み解く上で気を付ける重要ポイントを実践レッスンでお伝えしております。

⭐️パソコン初心者の方、シニアの方、中高年の方、

無料体験＆無料カウンセリングでお待ちしております。

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山市北区　個別指導　実践型パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校
実践型個別指導　身体で覚える実践パソコン
講師きびだんご店長

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

数回に渡ってホームページ作成方法をシンプル解説にて記載。

これまでの内容

１．　HP作成No1 はじめの一歩（メモ帳）

２．　HP作成No2 作成基本タグ（メモ帳）

３．　HP作成No3 HPファイルと素材の管理

４．　HP作成No4 メモ帳文字入力とWeb表示

５．　HP作成No5 見出しの設定

今回は、ここまで使用した
HTMLタグと、よく使うHTMLタグを少し整理してみます。

①　<title>〇〇〇</title>　Webページのタイトル（ブックマーク登録）

②　<h1>〇〇〇</h1> 　見出しレベル１（見出しレベルは１～６段階）

③　<p>〇〇〇</p>　段落を定義
※段落とは一まとまりのグループのイメージ

④　<br>　　改行を行います。単独で使うタグで/の終了タグはなし。

⑤　<table>〇〇〇</table>　表を定義

①と②は、ここまでに使い方を体験。
③～⑤の使い方は、これからです。

お仕事、生活のスキマ時間で覚えて行きましょう♪

HP作成No6
To be continued

この続きは教室で語り合いましょう♪

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山北区　個別指導実践型　パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校

講師きびだんご桃子

あなたは、コースで学ぶ？自由に学ぶ？（充実した内容でお財布にやさしい教室）

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

この時期、徐々にですけど年賀状作成をされる生徒様が多くなってきました。

年賀状ソフトをご使用される生徒様や、オリジナルで作成など、

いよいよ、本格的に年末行事の準備に入りました。

１２月に入ってから本格的に始められる生徒様もいらっしゃいますし、

早い方は、今から年賀状作成に取り掛かっております。

この時に年賀状作成で一緒に大事なのが、プリンターです。

久しぶりにプリンターをご使用される生徒様は、色々と不具合や故障などが起こる場合がありますので、

年賀状作成では、ご一緒にお持ちのプリンターも合わせて印刷状態など確認しております。

年賀状作成からハガキ印刷まで、最後の完成までレッスンで習う事ができます。

年賀状は実践内容が多く、ご要望によっては応用も含まれていたりと、

専用ソフトによって操作も違います。

パソコン初心者さんで、初めて年賀状作成をされると、迷われるところが多くあります。

年賀状が苦手というお声もあり、年賀状ソフトが他と使い方が異なるところが多くありますので、

操作に迷わず、使いやすいように生徒様にお伝えしております。

⭐️パソコン初心者の方、シニアの方、中高年の方、

無料体験＆無料カウンセリングでお待ちしております。

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ

岡山市北区　個別指導　実践型パソコン教室

IT１NOTE（ｱｲﾃｨｰﾜﾝﾉｰﾄ）パソコンスクール　つしま校
実践型個別指導　身体で覚える実践パソコン
講師きびだんご店長

好きな事をするフリ―講座での実践型個別指導の教室
フリー講座単価60分2,300円

数回に渡ってホームページ作成方法をシンプル解説にて記載。

これまでの内容

１．　HP作成No1 はじめの一歩（メモ帳）

２．　HP作成No2 作成基本タグ（メモ帳）

３．　HP作成No3 HPファイルと素材の管理

４．　HP作成No4 メモ帳文字入力とWeb表示

デスクトップの2016tabiフォルダーの
index.htmlファイルをメモ帳で開きます。

① index.htmlファイル上で右クリック

②プログラムから開く

③メモ帳をクリック（メモ帳で編集）

メモ帳が開くので、今回はbodyの中に
見出し開始タグ<h1>　見出し終了タグ</h1>を入力してみる。

<body>
<h1>晴れの国旅日記</h1>
<h2>晴れの国おかやま発～の旅記録</h2>
</body>

入力出来たら上書き保存します。

ファイル　→　上書き保存

保存ができたらファイルを閉じます。

前回同様、Web表示で確認してみましょう。

①　閉じたindex.htmlの上で右クリック

②　プログラムから開く→　InternetExplorer クリック

これでWeb表示確認ができました。

今回は見出しタグを入力した表示に変わったはずです。

見出しタグはWebページの文書構成においての段落レベルです。

h1　見出し１　大見出し

h2　見出し２　中見出し

h3　見出し３　小見出し

h1はよくページタイトルとして使用、h2はサブタイトル等に使用。
以下h3、h4、・・・・と表示文字がだんだん小さくなっていく。

見出しは、文字の大きさを

統一したホームページにする事が簡単にできるメリットがあります。

また後に出て来るスタイルシート（CSS）設定に役立ちます。

まだ文字だけですが、大きな前進です。

HP作成No5
To be continued

この続きは教室で語り合いましょう♪

にほんブログ村　ランキング参加してます。ポチッとしてみて下さいね。宜しくです。

にほんブログ村

岡山県 ブログランキングへ