いい日旅立ち 山口百恵 

山口百恵の「いい日旅立ち」です。
ひとつ前の投稿の「秋桜」は、さだまさしですが、こちらは
谷村新司 作詞作曲ということで、混同しそうですがどちらも名曲ですね。

秋桜(コスモス) 山口百恵

秋桜の季節ですね。秋桜といえばこの曲。山口百恵の歌唱とさだまさし作詞作曲
という名曲ですね。
この曲を歌っても聞いても涙ぐみという人も多いですね。

TULIP Wake Up チューリップ

チューリップのLIVEが10月7日(土)NHK BSプレミアムで放送されるそうですね。
チューリップの曲というと、「心の旅」や「青春の影」「サボテンの花」が先に思いだされます。
今回は、この「WAKE UP」を取り上げてみました。
財津和夫が中心となり1970年に結成されました。その後解散と再結成を繰り返しています。

稲刈り終了後

まだまだ暑い日が続いています。

稲刈りもだいぶ進んできました。新米を味わえる季節となりました。

すでに食された方も多いかと思います。

暑さ寒さも彼岸までと言われていますが、お彼岸の頃からは

最高気温も変わってきそうですね。もうこれ以上、熱中症に気を付ける

仕事は大変ですからね。

 

太田裕美 九月の雨 September Rain

太田裕美「九月の雨」です。前出でもありますが9月と聞くとこの曲を思い出します。
太田裕美の歌唱から作詞・作曲・編曲そして演奏とすべてが素晴らしい曲だと思います。

The Monkees – Daydream Believer

モンキーズの「デイドリームビリーバー」です。ビートルズなどと違って、楽器ができないなどと言われた時期もありましたが
その人気はすごく、日本公演にもやってきました。TVのモンキーズショーといのもありましたね。
日本では、忌野清志郎もカバーしていますね。

サザンオールスターズ ( Southern All Stars ) – TSUNAMI MV

サザンオールスターズ TSUNAMI

2000年の大ヒット TSUNAMI

あくまでも津波ではなくTSUNAMIですね。大震災の津波を思い起こさせると関連付ける人がいますが
恋の心が津波の様に押し寄せてくるという恋の歌なんですよね。
見つめ会うと素直にお喋りできない、なんてなんとも素敵な歌詞ですね。

土地改良区 機場当番と稲作

茨城県の我が家のほうでは、土地改良区の揚水期間が

4月25日から8月31日となっています。

昨年より電気料金の値上がりとともに経費が格段にかかるように

なってきました。

稲作でもなんでも農業の肥料ほか農業資材の値上がりで、米の値段も

早場米地帯から決まってきますが、昨年よりは高くなっているようですね。

IMG_2107 (1)

IMG_2101 (1)

IMG_2099
IMG_2099

ギャラリーホームページをNotePad++で編集4 index.htmlの編集②

index.htmlのファイルを編集2回目です。
今回は、20枚あるの写真説明を書きこんでみましょう。

前回の編集部分より下の行になります。

 <section class=”up”>

<div id=”gallery” class=”bg2″>

<section class=”up”>

<h2>GALLERY<span>作品集</span></h2>
<p class=”c”>6月の東京深川周辺</p>

※作品集や6月の東京深川周辺なども自分なりに書き直します。

<div class=”list-container”>

<div class=”list”>
<div>
<a href=”sample_photo/1.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/1.jpg” alt=””>
</a>
</div>
</div>
※写真は、1.jpg、2.jpgと20までありますが、”タイトルをここに入れます”の” ”の間に入れます。
 20枚目まで説明を書き込んだらファイルを保存して、ブラウザで確認します。

<div class=”list”>
<a href=”sample_photo/2.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/2.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/3.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/3.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/4.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/4.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/5.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/5.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/6.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/6.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/7.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/7.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/8.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/8.jpg” alt=””>
</a>
</div>

<div class=”list”>
<div>
<a href=”sample_photo/9.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/9.jpg” alt=””>
</a>
</div>
</div>

<div class=”list”>
<a href=”sample_photo/10.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/10.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/11.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/11.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/12.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/12.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/13.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/13.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/14.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/14.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/15.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/15.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/16.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/16.jpg” alt=””>
</a>
</div>
<div class=”list”>
<a href=”sample_photo/17.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/17.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/18.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/18.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/19.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/19.jpg” alt=””>
</a>
</div>

<div class=”list”>
<a href=”sample_photo/20.jpg” data-lightbox=”group1″ data-title=”タイトルをここに入れます”>
<img src=”sample_photo/20.jpg” alt=””>
</a>
</div>

</div>
<!–/.list-container–>

</section>

</div>
<!–/#gallery–>

<section class=”up”>

</section>
※以上、<section> から </section>までの編集でした。

ギャラリーホームページNotePad++で編集3 index.htmlの編集①

皆さんこんにちは。

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

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

folder1

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

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

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

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

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

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

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

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

<nav>
<ul>
<li><a href=”#about”>ABOUT</a></li>  メニュー部分
<li><a href=”#gallery”>GALLERY</a></li>
<li><a href=”#access”>ACCESS</a></li>
</ul>
</nav>
<ul class=”icons”>
<li><a href=”#”><i class=”fab fa-facebook”></i></a></li> ←facebokk
<li><a href=”#”><i class=”fab fa-twitter”></i></a></li>  ←twitter
<li><a href=”#”><i class=”fab fa-youtube”></i></a></li>  ←youtube
<li><a href=”#”><i class=”fab fa-instagram-square”></i></a></li>   ←Instagram
facebook,twitter,youtube,instagramをもっている人は
上記のそれぞれの行の#の部分に、自分のアドレスを入力します。

</ul>
</div>
<!–/#text–>

</div>
<!–/#menubar–>

<!–スライドショー–>
<aside class=”mainimg-tate”></aside>
<aside class=”mainimg-yoko”></aside>
※imagesフォルダの中にあるtate_1.jpgから3までと、yoko_1.jpgから3までのスライとショー設定部分

</header>

<main>

<div id=”about”>

<section class=”up”>
※以下、お知らせ、東京深川周辺などの言葉を自分に合わせて書き換えます。
<h2>NEWS<span>お知らせ</span></h2>
※お知らせの文字だけを削除して、書き換えます。
※以下の部分も、撮影会やギャラリーサンプルなどの文字を書き換えます。
※その前後の<>などを間違って消さないように注意します。
<dl id=”new”>
<dt>2023/06/13<span>撮影会</span></dt>
<dd>東京都深川周辺</dd>
<dt>2023/06/17<span class=”icon-bg1″>ギャラリーサンプル</span></dt>
<dd>写真20枚用作ってみました。(順不同)</dd>
</span></dt>
<dd>個人ギャラリー1</dd>
</dl>

</section>
※Notepad++で保存します。

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

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