先日の、日曜塾7期のじゅん吉先生の授業で、
「見出しタグ<h1>~<h6>、リストタグ<li>を有効に使いましょう」という話があったので
ギャラリーの詳細ページを見直しています。
1月6日「ギャラリーの詳細ページ制作中」の記事
「ボーダーもマージンも 0 にしてあるのに、どうして 題名と日にちの間に線が入るのか?」も
これで 解決です。
<h1>に 寄せ植え教室ギャラリー 2008年 (<body>のすぐ下に使用)
<h2>に 各作品の名前
<h3>に 日時 教室の名前
<h4>に 場所
使うのは<h3>位まで と言われたけれど 場所を右寄せにどうしてもしたかったので・・・
ギャラリー詳細ページのほかに気になっていたところも この際 直します。
元々、<h2>にしていた 「コンセプト」「花材」「資材」・・・・のところは
リストタグ<li>のみにしました。
右側の箱<div id=”rbox”>の中に<div id=”dai”><div id=”content”>の2つの箱があったけれど
<h2><h3>を使えば<div id=”content”>1つで済んじゃう。
<div id=”rbox”>
<div id=”dai”>
<h1>春の寄せ植え</h1>
</div>
<div id=”content”>
<p>H20.4.1</p>
<p>○○○講座</p>
<p>         ○○○センター</p>
<ul>
<li>
<h2>コンセプト</h2>
<p>春色の やさしい色のお花を使っての</p><p>楽しい寄せ植えです。</p>
</li>
</ul>
</div>
</div> 

これだけあった タグも
<div id=”content”>
<h2>春の寄せ植え</h2>
<h3>H20.4.1</h3>
<h3>○○○講座</h3>
<h4>○○○センター</h4>
<ul>
<li>コンセプト
<p>春色の やさしい色のお花を使っての楽しい寄せ植えです。</p>
</li>
</ul>
</div>

こんなに すっきり
(h1は、箱の外に使用しています。)
段落タグ<p>は、CSSで 横に長い行は折り返して表示する指定をしました。
p{
white-space:normal;
}

昨日の記事のギャラリーヘッダーgif画像の件も <div id=”lbox”>の箱の幅に合わせて450×50に作り直し
imgタグの指定も    width=450 height=50に直しました。
おお!きれいになった!
あと、 2-3か所 気になってるとこも 直して・・・・・
これだけ 大手術をしていると グダグダなので サイトに転送は恥ずかしすぎて出来ません。
「ほころびを探しながら直していくより、はじめから作り直した方がいい」って 言われたけれど
ぼちぼち直しています。
でも、タグの意味、構成もよくわかって すごく勉強にはなります。
ギャラリー詳細ページは、たくさんあるので
これを直し終わる頃には このページのHTMLは 手打ちで できるかも?

季節の花とその活かし方をズバっ!と紹介する【花ズバっ!】は、毎週水曜日PM8時から!お楽しみに!

バックナンバーはこちら ↓

今までの寄せ植えとフラ­­­ワーアレンジメントの中間の寄せ植え『ギャザリング』!

「そのうちきれいになる」「育てる­」­と­しての寄せ植えから「魅せる」「鑑賞する」「アート」としての寄せ植え『ギャザリング』をご提­案し­てい­ます。

花創人ガーデニング教室では、寄せ植えハンギングバスケット・ギャザリングの教室を少人数でていねいにレッスンさせていただいていますので、初心者でも安心です。

器・植物は厳選したものを使用しハイクオリティな寄せ植え教室を行っています。

根の様子、枝振りを観察し植物と対話しながら、植え込んでいくと、まるでお花畑のようにナチュラルに、フラワーアレンジメントのようにゴージャスな作品が出来上がります。

開店祝い、誕生日プレゼントなどのギフトにぴったりです。あなただけのオーダーメイドのリースや寄せ植えハンギングバスケットをお作りします。

愛知・岐阜・三重、東海・中部地方をはじめ全国に発送いたします。

「すごい」ではなく「すてき」な花飾りをご提案します。

花創人はなそうにん 尾関純子 TEL:058-382-1871

寄せ植えギャザリングをもっとみたい方は花創人Instagramへ成人式卒業式の聖火の髪飾りをもっとみたい方は花創人髪飾りInstagramへ
花創人ににメールで問い合わせ 花創人に電話をかける058-382-1871
花創人にショートメールで問い合わせする LINEで問い合わせ
土を使わない多肉植物の寄せ植えやルーティーブーケに使う「ふわふわアート水苔」はこちらのページで購入できます LINE友だちに追加