IT 1NOTE パソコンスクール

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

TEL.086-252-7585

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

Webページ保存

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

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

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

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

 

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

これまでの内容

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

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

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

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

5. HP作成No5 見出しの設定

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

7. HP作成No7 リストを作成する

 

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

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

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

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

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

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

20161112%e7%94%bb%e5%83%8f%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e5%90%8d1

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

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

20161112%e7%94%bb%e5%83%8f%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abimg1

 

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

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

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

 

20161112%e7%94%bb%e5%83%8f%e3%83%95%e3%82%a1%e3%82%a4%e3%83%abimg2

 

上図の赤丸のように

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

 

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

 

HP作成No8
To be continued

 

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

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

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