写真ギャラリー作例ページを先日お見せしましたが、皆さんに送った
gallery1.zipが圧縮ZIPファイルです。
フォルダを作ってそこにコピーして解凍します。

folder1


◆index.htmlを右クリックで、プログラムから開く→Edgeまたはgooglechromeで開いて確認します。
ファイルを作ってフォルダにコピーしたら、ブラウザに戻って更新を繰り返します。
それで写真が上手く入っているかを確認しながら作業を進めます。


◆サムネイル表示してリサイズやRAWファイルからJPG
に変換できるソフト Xnview
imagesフォルダにある、yoko_1.jpgから3までと
tate_1.jpgから3までを自分の写真で作ります。
たて、よこどちらも横のサイズで2500pixel前後にします。

◆使うソフト  リサイズ超簡単PRO 

folder1-2

②sample_photoフォルダに1-20までの写真ファイルが入っています。
それを自分の写真で上書きします。
⓵と同じように横サイズ2500pixelで、縦サイズはカメラの縦横比通りで大丈夫です。
まず、自分の候補の写真を別フォルダに20枚入れて、一括リサイズします。
できたファイルを、1.jpg、2.jpgと20枚目まで名前を変えます。
Xnviewで連続的にファイル名を変更はこちら(pcフォーラム記事)

folder1-1


変更したファイルをsample_photoフォルダにコピーします。

◆index.htmlを右クリックで、プログラムから開く→Edgeまたはgooglechromeで開いて確認します。
思うように言っていない場合は、ファイルやフォルダを確認して、ブラウザに戻って更新を繰り返します。

◆aboutとaccess の部分を書き換えるときはnotepad++を使います。
 ノートパッド++を窓の杜からダウンロード

 エディターの使い方ができる方は、行ってください。不安な方は定例会で聞いてください。

◆正常に動いていることを確認出来たら、定例会の時サーバーにアップします。
※研究会のドメイン下のフォルダにアップするときは、著作権表示が必要ないですが
自分のサーバーにアップするときはソースの最下行著作権の記述に以下の表示が
必要です。
<div class="copy">
<small>Copyright&copy; <a href="index.html">SAMPLE COMPANY</a> All Rights Reserved.</small>
<span class="pr"><a href="https://template-party.com/" target="_blank">《Web Design:Template-Party》</a></span>
</div>

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