IT 1NOTE パソコンスクール

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

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

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

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

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

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

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

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

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

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

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

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

入力終了しましたら

ファイル→上書き保存

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

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

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

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

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

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

HP作成No7
To be continued

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

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

にほんブログ村

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

問題を読み解くのも試験範囲です

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

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

講師きびだんご桃子

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

にほんブログ村

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

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

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

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

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

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

これまでの内容

４．　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円

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

にほんブログ村

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

HP作成No5 見出しの設定

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

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

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

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

これまでの内容

４．　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

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

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

にほんブログ村

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

機種や環境によって出来る事と出来ない事があります

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

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

講師きびだんご桃子

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

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

土曜日の実践レッスンでは、多くの生徒様が受講されました。

資格試験を合格された後、新たな講座へ進む生徒様や、お仕事活用、

他はプライベート用のHP作成、基本講座、趣味系、その他も受講内容は様々でした。

本日もありがとうございました。

質問形式での実践レッスンですので、ご質問の内容の中で、

「他の人から○○○が出来ると聞いたことがあるから、そのやり方を教えて欲しい。」

周りの人がしていた事を見聞きした事を、それと同じ様に出来るかどうか、

きちんと同じことが出来る事もあれば、同じ様に出来ない事もあります。

もし、出来ない場合、大体はお持ちの機種や環境が違うという事が多くあります。

その場合は、他に似た方法を探したり、その範囲の中で出来ることを生徒様にお伝えしております。

ほぼ一致している場合もあれば、若干違うなど様々です。

逆に、生徒様が出来ないと思っていた事が、出来る事もあります。

まさかという様に、予想外だったとよく驚かれたりします。

どこまで出来るのか、その出来る事を生徒様にたくさん気付いてもらいたいです。

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

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

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

にほんブログ村

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

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

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

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

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

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

これまでの内容

前回デスクトップの2016tabiフォルダーを開いて
保存した　index.htmlファイルをメモ帳で開いて編集します。

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

②プログラムから開く

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

メモ帳が開くので、さっそく下記のように文字入力してみる。

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

入力できたら更新（上書き保存）してみます。

① ファイル　→　上書き保存

これで、更新（上書き保存）ができました。

前回と違い今回は　body　の中を入力しましたので
Web表示されるはずです。確認してみましょう。

① index.htmlを右クリック

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

これでWeb表示で
先ほどの入力した文字が表示されているか確認できます。

きちんとIE（InternetExplorer）で文字が表示されました。

注目することは、メモ帳で２行で編集した言葉。

晴れの国旅日記
晴れの国おかやま発～の旅記録

IEでは１行表示になっています。

つまり改行はWebブラウザ表示には影響されないのです。

今回のポイントは３つ。

１．メモ帳での編集の続き、保存。
２．IE等のWebブラウザ表示での確認。
３．メモ帳編集での改行はWeb表示に影響されない。

次回はさらに編集していきます。

HP作成No4
To be continued

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

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

にほんブログ村

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

パソコンの設定は慎重に

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

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

講師きびだんご桃子

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

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

レッスンの中で、生徒様がご持参されたパソコンの設定を行うことがあるのですが、

中には簡単な設定ですぐに済むのもあれば、

慎重に確認しながら設定を行わないといけない場合もあります。

環境設定の内容によっては、手間と時間が掛かるところもあります。

確実に正しい設定方法でないと、パソコンの動作に影響が出てしまいます。

そこの確認を疎かにすると後で取り返しのつかないことになりかねません。

生徒様のパソコンの環境が全てみんな同じではないので、

一つ一つ確認しながらの作業は、技術的な知識が必要で特に神経を使います。

技術的な設定と、他には試験の問題でも同じく言えます。

絶対にミスをしてはいけないという思いがありますので、確認作業は徹底しております。

今までかなりの数のパソコン、スマホ、タブレット、プリンターなどを

生徒様からのご質問で、機器の設定など行なってまいりました。

今後もさらに、機器の環境がより複雑になるところもあれば、

改善されて設定や仕組み自体が新たに変わったり、

以前あったものや設定が無くなることもあります。

教室では、設定などで「今どういう設定を行なっているか」

「以前とどこがどう変わったのか」「なぜその設定が必要なのか」など、

そこをわかりやすく生徒様にお伝えしております。

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

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

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

にほんブログ村

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

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

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

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

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

数回に渡ってホームページ作成方法を記載します。
尚、なるべくシンプルに解説します。

その前に前回の内容をチェック

前回の内容