年2回の撮影会を開催していますが、その写真を使ってホームページ作成やSNS投稿などを行っています。前回、ギャラリーホームページを作成した手順を掲載したブログのまとめです。作成開始1のページから4ページまであります。去る11月7日(火)デジタル写真講座の一環として、6月に続いて撮影会を開催しました。JAのハイエースワゴンを予約しておいて、10名が参加しました。袋田の滝は皆さんけっこう行っていると思いましたが、うまくいけば紅葉も見られるかなと期待していました。往復同じ道路でも面白くないので、行きは常陸太田から里美のほうを経由して向かいました。朝から雨模様でこの辺を通過するころは大雨となり、アップダウンの山道を走っていきました。袋田に到着するころは、小降りになりました。昼食をしてから撮影はじめました。みんなで展望台に行き、それ以降それぞれの気に入ったシーンを撮影に別れました。大雨の影響で、滝は猛烈な勢いで流れ落ちて、水しぶきが飛び散りレンズを濡らす有様です。みんなの感想は、なかなか見られない瀑布でこんな状況に出くわすのも珍しいということで、感動や驚きで楽しい撮影会になりました。袋は、常陸大宮方面に向かって道の駅「かわプラザ」に立ち寄って、お土産購入やカフェでのひと時を楽しんできました。dappe_pc20239月18稲刈り終了後まだまだ暑い日が続いています。稲刈りもだいぶ進んできました。新米を味わえる季節となりました。食された方も多いかと思います。暑さ寒さも彼岸までと言われていますが、お彼岸の頃からは最高気温も変わってきそうですね。これ以上、熱中症に気を付ける仕事は大変ですからね。茨城県の我が家のほうでは、土地改良区の揚水期間が4月25日から8月31日となっています。昨年より電気料金の値上がりとともに経費が格段にかかるようになってきました。稲作でもなんでも農業の肥料ほか農業資材の値上がりで、米の値段も早場米地帯から決まってきますが、昨年よりは高くなっているようですね。index.htmlの編集2index.htmlのファイルを編集2回目です。今回は、20枚あるの写真説明を書きこんでみましょう。前回の編集部分より下の行になります。class="c">6月の東京深川周辺</p>※作品集や6月の東京深川周辺なども自分なりに書き直します。20枚目まで説明を書き込んだらファイルを保存して、ブラウザで確認します。</section>までの編集でした。index.htmlの編集1皆さんこんにちは。今回はindex.htmlを編集してみたいと思います。研究会発足当時はホームページビルダーのソフトを使っていましたが今はhtmlファイルをエディターで編集することを教えています。お渡ししたソースを、ホームページビルダーで編集すると形が崩れる場合がありますので、Notepad++で編集することをお勧めします。1.上の画像のindex等ファイルを開きます。(Notepad++のダウンロード)3ブラウザで開いておくのは、編集して保存したら結果を確認するためです。編集しながら何度もこちらで確かめます。※このテンプレートは、htmlファイルをいくつも作らないで、index.html一つで動いているものです。galleryなどのメニューに飛んでも、画面右下に上向き矢印が出てくるので、それで最初のメニューに戻るようになっています。2.ファイルの中身・・・header部分より上は省略しています。←Instagramfacebook,twitter,youtube,instagramをもっている人は上記のそれぞれの行の#の部分に、自分のアドレスを入力します。class="up">※以下、お知らせ、東京深川周辺などの言葉を自分に合わせて書き換えます。<h2>NEWS<span>お知らせ</span></h2>※お知らせの文字だけを削除して、書き換えます。※以下の部分も、撮影会やギャラリーサンプルなどの文字を書き換えます。※その前後の<>などを間違って消さないように注意します。class="icon-bg1">ギャラリーサンプル</span></dt><dd>写真20枚用作ってみました。(順不同)</dd></span></dt><dd>個人ギャラリー1</dd></dl></section>※Notepad++で保存します。※保存出来たら、1.の1と3で述べてあるように、ブラウザで保存された結果がちゃんと表示されるか、更新をクリックして確認します。うまくいかない場合は、エディタに戻って書き直して繰り返し行います。※自宅で出来上がったら,USBメモリー等に保存して定例会にお持ちください。※研究会のサーバーにアップロードします。Paint.netを使う今回は、ギャラリーページのタイトル部分ですがパソコンで見ると背景の色に文字が青と白になっていますが全部白だと、スマホで見たときに文字と背景が見づらいので色を変更してみましょう。Galleryの文字を現在の青色に変更した過程を描きますので他の文字もやってみたい場合は、同じ手順でお願いします。imagesこの中にある、logo.pngを編集します。これは文字が最初は白でしたので青にしてありますが今回は赤にでもしてみましょう。ホームページ作成においては、Windows標準のペイントやメモ帳は使いません。今回は、paint.netを使います。窓の杜からのダウンロードはこちらから上記のフォルダ写真のlogo.pngにカーソルを合わせたら、右クリックしてプログラムから開く→paint.netのように進みます。プログラムの中にpaint.netが出てこない場合は、別なプログラムを選択から選ぶようにします。2.このような画面になります。Galleryの文字を囲みます。キーボードのDELを押して消去します。次に、自分の名付けたいタイトルを記入します。3.やはり「ツール」からTの文字のテキストを選択します。東京深川撮影会と入力して、テキストの文字サイズを68フォントをゴシックなど好きなものを選びます。色は、左下のカラーから選びます。名前を付けて保存、あるいは上書き保存します。書き換えたページはこちら<質問は研究会ライングループ等でお願います。JA水郷つくば大雨災害で被災された組合員さんに利子助成です。先般の大雨及び台風第2号で被災された皆さまには心よりお見舞い申し上げます。※借入期間に応じて変動します。■利子助成:年0.10%相当額をJA水郷つくばより利子助成いたします。■その他:○詳しくは、お近くの支店にご相談ください。○審査の結果ご希望に添えない場合がございます。)」も取り扱いをしております。JA水郷つくばでは、同じ条件の範囲内で、同様の利子助成を行います。併せてご検討ください。dappe_pc20237月22ブログ、ミュージック・プロムナードの見方みなさんこんにちは。パソコン研究会では、HP以外にこのブログとミュージック・プロムナードを運営していますが、旧ブログからこの新ブログに替わった時から投稿者をカテゴリで表示できるようにしています。カテゴリ2に投稿者のイニシャルです。日本の曲か洋楽の分類でカテゴリ2は投稿者のイニシャルとなっております。MIYAは宮崎さん、KARIは狩野さん、KOBAは私、小林です。カテゴリの欄は青い矢印のところが、カテゴリ2となっています。ギャラリーページ作成手順https://dappe.com/userhp/koba/写真ギャラリー作例ページを先日お見せしましたが、皆さんに送ったgallery1.zipが圧縮ZIPファイルです。フォルダを作ってそこにコピーして解凍します。◆index.htmlを右クリックで、プログラムから開く→Edgeまたはgooglechromeで開いて確認します。ファイルを作ってフォルダにコピーしたら、ブラウザに戻って更新を繰り返します。それで写真が上手く入っているかを確認しながら作業を進めます。Xnviewimagesフォルダにある、yoko_1.jpgから3までとtate_1.jpgから3までを自分の写真で作ります。たて、よこどちらも横のサイズで2500pixel前後にします。2sample_photoフォルダに1-20までの写真ファイルが入っています。それを自分の写真で上書きします。⓵と同じように横サイズ2500pixelで、縦サイズはカメラの縦横比通りで大丈夫です。自分の候補の写真を別フォルダに20枚入れて、一括リサイズします。できたファイルを、1.jpg、2.jpgと20枚目まで名前を変えます。Xnviewで連続的にファイル名を変更はこちら(pcフォーラム記事)変更したファイルをsample_photoフォルダにコピーします。◆index.htmlを右クリックで、プログラムから開く→Edgeまたはgooglechromeで開いて確認します。思うように言っていない場合は、ファイルやフォルダを確認して、ブラウザに戻って更新を繰り返します。部分を書き換えるときはnotepad++を使います。ノートパッド++を窓の杜からダウンロードエディターの使い方ができる方は、行ってください。不安な方は定例会で聞いてください。◆正常に動いていることを確認出来たら、定例会の時サーバーにアップします。※研究会のドメイン下のフォルダにアップするときは、著作権表示が必要ないですが自分のサーバーにアップするときはソースの最下行著作権の記述に以下の表示が必要です。