IT 1NOTE パソコンスクール

岡山市北区・静かな住宅街のパソコン教室。仕事、日常生活でパソコン活用術。 スマホやタブレット~資格取得まで。IT1NOTE(アイティーワンノート) パソコンスクールつしま校

TEL.086-252-7585

〒700-0088 岡山市北区津島笹が瀬10-16

ホームページ作成

ホームページの画面は両方確認すること

岡山市北区 実践型パソコン教室

IT1NOTE(アイティーワンノート)パソコンスクール つしま校
実践型個別指導 身体で覚える実践パソコン

講師きびだんご桃子
教室ブログTOP

 

 

教室の実践レッスンの内の一つに、

ホームページ作成レッスンがあります。

自営業の方や趣味系の生徒さんには好評のレッスンです。

 

今ではパソコンだけでなく、スマートフォンでHP

見る人も多いので、大きなPCのモニタ画面と、

スマートフォンの小さい画面と比べると見え方も違います。

 

実際にホームページを作成してみて、生徒さんが持っている

スマートフォンの画面を見てチェックしたりと、

そこからまた直したり確認しながら進めています。

 

 

このレッスンでは一から作成する場合と、

生徒さんが既にホームページを持っていて編集するなど、

みんな使用される題材も違いますので受講されるレッスン内容も様々です。

 

HPなどもご相談を承っておりますので、

ぜひお気軽にお越し下さいませ。

 

 

================================

※お問い合わせ、無料体験予約は、
電話もしくは、ホームページからお願い致します。

IT1NOTE パソコンスクールつしま校
(アイティーワンノート)

お問い合わせ

無料体験&カウンセリング予約

☎︎ 086-252-7585

 

にほんブログ村 地域生活(街) 中国地方ブログ 岡山(市)情報へ
にほんブログ村 ランキング参加してます。ポチッとしてみて下さいね。宜しくです。
にほんブログ村 地域生活(街) 中国地方ブログ 岡山県情報へ
にほんブログ村

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

 

Webサイトは様々なデバイス対応で作成すること

岡山市北区 実践型パソコン教室

IT1NOTE(アイティーワンノート)パソコンスクール つしま校
実践型個別指導 身体で覚える実践パソコン

講師きびだんご桃子
教室ブログTOP

 

 

HTML/CSSの基礎〜応用まで実践レッスンを終えた生徒様は、

次は自分用のWebページ作成に入ります。

 

今では様々なサイズのデバイスが登場していますので、

PCとタブレット、スマホと異なる画面サイズに合わせて、

レイアウトの切り替えが出来るようにすることが必要です。

 

どのデバイスで見ても、見栄えの良いレイアウトを、

全てに対応しないといけません。

 

 

使用するユーザーが、”見やすい、使いやすい”ことを意識し、

最初の段階で、後々の過程を見越しながらWebページを

一つ一つ構想を練りながら作成して行きます。

 

また後々の制作工数を出来るだけ少なく、手間やミスを減らすには、

効率よく構文を作成しないといけません。

 

一つ形が出来れば、後は一部の管理で活用することが出来ますので、

まず最初は一からWebサイトを作れる様に、実践レッスンで習って行きます。

 

 

 

⭐️教室からのお知らせ⭐️

この秋、スマホ・タブレット・PCスキルアップにぴったりな、

ご新規の方にお得なキャンペーンを開始いたしました!

詳しい内容はこちら↓

スマホ・タブレット・PC初心者さんキャンペーン

期間は11月4日まで受付中です!

キャンペーンはご復帰の生徒様にも適応しております。

 

パソコン初心者の方、シニアの方、大歓迎!

もしご検討されてる方は、見学、無料体験もございますので、

どうぞお気軽にお問い合わせ下さいませ。

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

 

にほんブログ村 地域生活(街) 中国地方ブログ 岡山(市)情報へ
にほんブログ村 ランキング参加してます。ポチッとしてみて下さいね。宜しくです。
にほんブログ村 地域生活(街) 中国地方ブログ 岡山県情報へ
にほんブログ村

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

HP作成No2 作成基本タグ(メモ帳)

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

IT1NOTE(アイティーワンノート)パソコンスクール つしま校
実践型個別指導 身体で覚える実践パソコン
講師きびだんご店長

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

 

数回に渡ってホームページ作成方法を記載します。
初めての方は、ぜひチャレンジしてみましょう。

尚、なるべくシンプルに解説します。
そのため本当は必要である解説を省き、
作業結果で覚えていきます。
その点をご了承ください。

 

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

前回の内容

HP作成No1 はじめの一歩(メモ帳)

①スタート → ②Windowsアクセサリ → ③メモ帳

メモ帳を起動します。

windows10%e3%83%a1%e3%83%a2%e5%b8%b3%e3%81%ae%e5%87%ba%e3%81%97%e6%96%b92

以下の入力をします。

<html>
</html>

html%e5%85%a5%e5%8a%9b1

<html>  は開始タグ(ここから開始)

</html>は終了タグ(ここで終了)

この開始タグ~終了タグまでの間を 要素 と呼ぶ

※ホームページを作成する言語Hyper Text Markup Language

html要素(要素は開始タグ~終了タグまでをいう)

この調子で引き続き以下の入力をしていきます。

<html>
<head>
</head>
<body>
</body>
</html>

html%e5%85%a5%e5%8a%9b2

<head>は、Webページに表示されない情報を記述することが多い。

例えば 検索キーワードなどの情報

<body>は、本文の部分で、ここに記述したものが
ホームページ(Webページ)に表示されると思って良い。

 

では、これから<head>の中に(下記図参照)
ホームページ(Webページ)のタイトルを入力します。

html%e5%85%a5%e5%8a%9b3

このタイトルはお気に入り登録(ブックマーク)された時に
ページタイトルとして登録される。
※タイトルを入れないとブックマークがアドレス表示したりする。

上記は 「晴れの国旅日記」というタイトルに。(ブックマーク名)

※これはheadの中の情報なので保存しても
IE等のブラウザソフト表示でみると、白紙で何も表示はされない

 

この辺で保存しましょう。

ファイル→名前をつけて保存

html%e5%85%a5%e5%8a%9b4

① デスクトップをクリック
② index.html と入力
③ 文字コード UTF-8を選ぶ
④ 保存をクリック

html%e5%85%a5%e5%8a%9b6

 

デスクトップに保存されているか確認してみる。

html%e5%85%a5%e5%8a%9b7

まだこの段階ではbodyに記述していませんので、
ファイルを開いても何も表示されていません。
情報入力と作業保存したと思ってください。

 

HP作成No2
To be continued

 

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

にほんブログ村 地域生活(街) 中国地方ブログ 岡山(市)情報へ
にほんブログ村 ランキング参加してます。ポチッとしてみて下さいね。宜しくです。
にほんブログ村 地域生活(街) 中国地方ブログ 岡山県情報へ
にほんブログ村

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

ホームページ作成 時代はスマホ・タブレットで閲覧

スマホ2

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

IT1NOTE(アイティーワンノート)パソコンスクール つしま校

講師きびだんご店長

ホームページ作成に皆さまはどんなソフトを使用していますか?

少し前ならホームページビルダー使用の方が多かったのでは?

このソフトでけっこう、

初心者の方でも自由にホームページ作成が出来たと思います。

 

しかし時代はCSS(カスケーディング・スタイルシート)になり、

初心者の方がホームページを作成するのが難しく(慣れない)感じるように。

それでも我が道を真っ直ぐ突き進んできた方(CSS無視)も

スマートフォン・タブレットで

インターネットを見る時代が来て考え方を改めざるを得ないようになりました。

スマホ2

そんな方に限って、 「素晴らしい!Webページを作成しているのです」

そして

「今の時代にあったホームページを作成したい」 と悩まれます。

教室ではWebサイトを使って制作出来るホームページの作成紹介や

ホームページビルダーVer19SP(※従来の方式クラシックもある)などの

機能を確認して生徒様のホームページをどう作成して行くかを

カウンセリングしています。

HP19SP1

現状、そんな上記の悩みを持った生徒様と奮闘中^^;

Y様の意向に合うか?どうか?講師とあれや?これや?・・・と。

がんばらせてもらっています。

当教室で目が輝いている事は確かです。

Y様、共にがんばりましょう♪ 宜しくお願いします。

 

 

新春3大キャンペーン 大人気です!(2月14日まで)← クリック

 

コツコツがんばりましょう♪

 

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

 

にほんブログ村 地域生活(街) 中国地方ブログ 岡山(市)情報へ ランキング参加してます。ポチッとしてみて下さいね。宜しくです。
にほんブログ村
にほんブログ村 地域生活(街) 中国地方ブログ 岡山県情報へ
にほんブログ村

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