IT 1NOTE パソコンスクール

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

TEL.086-252-7585

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

htmlファイル管理

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

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

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

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

 

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

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

前回の内容

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

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

前回デスクトップに保存した index.htmlファイルを
今回は、フォルダーを作成して管理します。

①デスクトップ上で右クリック → 新規作成 → フォルダー
(任意のフォルダ名をつける)※下記は2016tabiというフォルダー

②フォルダー作成ができたら index.htmlフィルを
先ほど作成したフォルダに、ドラッグ&ドロップする。

hp%e3%83%95%e3%82%a9%e3%83%ab%e3%83%80%e6%95%b4%e7%90%861

 

デスクトップ上に作成したフォルダー(2016tabi)を
ダブルクリックで開いてみます。

※ホームページは、このフォルダー(2016tabi)で一括管理のイメージ

index.htmlのフィアルが保存されているのがわかります。

そこで今度は、「img」という名のフォルダーを作成します。

何もない所で 右クリック→新規作成→フォルダー(下記図参照)

下記のように フォルダ img  と index.htmlファイルがあればOK。

 

hp%e3%83%95%e3%82%a9%e3%83%ab%e3%83%80%e6%95%b4%e7%90%862

ホームページ作成ファイル(html 編集ファイル)と

フォルダー img (写真素材などを保存していく)

ホームページ(Webページ)は編集ファイルと写真は
別々に管理するのが、後で更新整理しやすいのです。

次回はいよいよ簡単ページ編集です。

 

HP作成No3
To be continued

 

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

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

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