デフォルトでは、文字色　白　でした。タイトル名も現在と違っていましたが
Photo　Gallery
の文字を現在の青色に変更した過程を描きますので
他の文字もやってみたい場合は、同じ手順でお願いします。

１．メニューの文字が入っているフォルダー名　images

この中にある、logo.pngを編集します。これは文字が最初は白でしたので青にしてありますが
今回は赤にでもしてみましょう。
ホームページ作成においては、Windows標準のペイントやメモ帳は使いません。
今回は、paint.netを使います。
窓の杜からのダウンロードはこちらから
上記のフォルダ写真のlogo.pngにカーソルを合わせたら、右クリックして
プログラムから開く→paint.netのように進みます。
プログラムの中にpaint.netが出てこない場合は、別なプログラムを選択から
選ぶようにします。

２.


このような画面になります。
左上の「ツール」から「四角形選択」を選んで
Photo　Galleryの文字を囲みます。
キーボードのＤＥＬを押して消去します。
次に、自分の名付けたいタイトルを記入します。
3.
やはり「ツール」からTの文字のテキストを選択します。
東京深川撮影会と入力して、テキストの文字サイズを68
フォントをゴシックなど好きなものを選びます。
色は、左下のカラーから選びます。
そして、名前を付けて保存、あるいは上書き保存します。

書き換えたページはこちら

＜質問は研究会ライングループ等でお願います。＞

＃paint.net　＃JA水郷つくばパソコン研究会　＃撮影会　＃ホームページ作成　＃Xnview
＃notpad++　＃ホームページテンプレート　＃リサイズ超簡単pro　　＃デジカメ講座

今回はindex.htmlを編集してみたいと思います。

研究会発足当時はホームページビルダーのソフトを使っていましたが
今はhtmlファイルをエディターで編集することを教えています。
お渡ししたソースを、ホームページビルダーで編集すると形が崩れる場合が
ありますので、Notepad++で編集することをお勧めします。

１．上の画像のindex等ファイルを開きます。
①ファイル名にカーソルを当て、右クリックで・・・プログラムから開く

グーグルクロームorMSエッジ

②もう一度、ファイル名にカーソルを当て、右クリックで・・・プログラムから開く

Notepad++　で開きます。（Notepad++のダウンロード）

③ブラウザで開いておくのは、編集して保存したら結果を確認するためです。編集しながら

何度もこちらで確かめます。

※このテンプレートは、htmlファイルをいくつも作らないで、index.html一つで
動いているものです。galleryなどのメニューに飛んでも、画面右下に上向き矢印が
出てくるので、それで最初のメニューに戻るようになっています。

2.ファイルの中身・・・header部分より上は省略しています。

※保存出来たら、1.の①と③で述べてあるように、ブラウザで保存された結果が
ちゃんと表示されるか、更新をクリックして確認します。
うまくいかない場合は、エディタに戻って書き直して繰り返し行います。

※自宅で出来上がったら,USBメモリー等に保存して定例会にお持ちください。
※研究会のサーバーにアップロードします。