ＨＰワークショップ(12/26)の案内
来る 12/26日(月)は、西野担当の全陶展ＨＰの更新です。
http://www.zentoten.com/
①作成のための資料は、下記から自分のＰＣにダウンロードしておいて下さい。
https://drive.google.com/drive/folders/1RGgsPnrou0AlDvG_4ZxrclYKbkNooLTx?usp=sharing
②下記ＨＰから 我孫子全陶展のhtmlソース(zentoten20220430.zip)を自分のＰＣにロード・展開しておいて下さい。
https://abi.sakura.ne.jp/hpws/
１．当日の実習………添付ファイル 及び ブログの内容より 下記の様なＨＰを作成して下さい。
http://www.zentoten.com/branch.html
①branch.html を更新をする前に、ファイルをコピーし、名前を branch 221205.html にしておく。
②branch.html をテキストエディター(TeraPadなど)で開く。
③48行目の checked=”checked” を46行目に移す。
④58行目を修正
第１１回全陶展多摩支部展２０１８ ＝＝＞ 第11回全陶展多摩支部展2018
⑤68行目～69行目 郵便番号 住所を 削除。
1-1 第12回全陶展多摩支部展2022
②58行目～74行目をコピーし、57行目に挿入。
③57行目更新
第11回全陶展多摩支部展2018 ＝＝＞第12回全陶展多摩支部展2022
④58行目～61行目を 12回展PCごあいさつ.docx により更新。
⑤57行目更新。
2018年6月8日(金)～6月14日(木)＝＝＞2022年9月1日(木)～9月5日(月)
⑥ギャラリー４．５ に変更。
⑦72行目～75行目を 更新
2018/06 ＝＝＞ 2022/0901 ４箇所あり
lightbox-set4 ＝＝＞ lightbox-set54 2箇所あり
⑧news/2018/06 のフォルダをコピーして news/2022/0901フォルダーを作成。
⑨会場地図を01.jpg 01t.jpg に ポスターを02.jpg 02t.jpg に修正して下さい。
⑩資料の下記３ファイルを news/2022/0901 に移行。
01.jpg 01t.jpg 2022多摩支部展表.jpg
⑪2022多摩支部展表.jpg から
トリミングして 高さ1000 の02.jpg を作成。
更に トリミングして 高さ300 幅300 の02t.jpg を作成。
⑫2022多摩支部展表.jpg ファイルは削除。
1-2 第12回全陶展多摩支部展2022 来場御礼
①第12回全陶展多摩支部展2022 の上に下記を挿入。
<h3 class="mt05">第12回全陶展多摩支部展2022 来場御礼</h3> <p class="mb0"><i class="fa fa-youtube fa-lg fa-fw"></i> 会場の動画です。<a href="news/2022/0901/IMG_3476.mp4" target="_blank"><span class="large"><b>ここ</b></span></b></a>をクリックして見て下さい。</p> <div class="clear"></div> <br>
②フォトを起動して 動画 IMG_3476.mp4 を作成。
③ビデオエディタ→新しいビデオプロジェクト
ビデオ名は IMG_3476
④プロジェクトライブラリーに IMG_3476.mov を挿入。
⑤ストーリーボードに移す。
⑥右上のカスタムオーディオ→オーディオファイルを追加→04 展覧会の絵.wma をクリック。
⑦ビデオの完了→エックスポート news/2022/0901/IMG_3476.mp4
1-3 第12回全陶展多摩支部展2022写真集
①第12回全陶展多摩支部展2022 来場御礼 の上に下記を挿入
<h3 class="mt05">第12回全陶展多摩支部展2022写真集 出来!!</h3> <p class="mb0"><i class="fa fa-camera fa-lg fa-fw"></i> 写真集です。<a href="news/2022/0901/173746_merged.pdf" target="_blank"><span class="large"><b>ここ</b></span></b></a>をクリックして見て下さい。</p> <div class="clear"></div> <br>
②Ilovepdf を起動→pdfの結合。
https://www.ilovepdf.com/ja
③pdfファイルを選択
全陶展多摩支部展2022 P1.pdf～全陶展多摩支部展2022 P6.pdf
④結合されたpdf のダウンロード news/2022/0901/173746_merged.pdf
1.4 サイドバーの変更
①下記をテキストエディター(TeraPadなど)で開きます。
asssets/js0/sidebar0.js
②下記２行更新
<dt>更新 2022/4/08</dt>\ ＝＝＞ <dt>更新 2022/12/26</dt>\
<dt><a href=”branch.html”>第12回全陶展多摩支部展2022</a></dt>\
２．PHP の概要の説明………実習はありません。説明・紹介だけです
http://www.zentoten.com/catalog.php
2.1 第51回 全陶展 出品目録と作品 (五十音順) 2022年の 展開後のソース
<table width=”100%” class=”table striped”><tr>
<th class=”thHead” scope=”col” width=”5%”> </th>
<th class=”thHead” scope=”col” width=”15%”><div align=”center”>賞</div></th>
<th class=”thHead” scope=”col” width=”25%”><div align=”center”>作品名</div></th>
<th class=”thHead” scope=”col” width=”20%”><div align=”center”>寸法(D*W*H)</div></th>
<th class=”thHead” scope=”col” width=”10%”><div align=”center”>資格</div></th>
<th class=”thHead” scope=”col” width=”10%”><div align=”center”>県名</div></th>
<th class=”thHead” scope=”col” width=”15%”><div align=”center”>作者名</div></th>
</tr><tr>
<th scope=”row”><div align=”center”>1</div></th>
<th scope=”row”></th>
<td>姫椿</td>
<td>37X37X26</td>
<td><div align=”center”>会友</div></td>
<td><div align=”center”>神奈川</div></td>
<td><a href=”http://www.zentoten.com/zentoten2022/zt_0001.jpg” data-lightbox=”lightbox01″ title=”姫椿／青 木 みさ子”>青 木 みさ子</a></td>
</tr><tr>
<th scope=”row”><div align=”center”>2</div></th>
<th scope=”row”></th>
<td>ホメロスの真実</td>
<td>25X20X22</td>
<td><div align=”center”>一般</div></td>
<td><div align=”center”>東京</div></td>
<td><a href=”http://www.zentoten.com/zentoten2022/zt_0002.jpg” data-lightbox=”lightbox01″ title=”ホメロスの真実／青 木 峰 男”>青 木 峰 男</a></td>
</tr>
2.2 展開前のソース
<?php
//fgetcsv(handle,length,delimiter,enclosure,escape)
$fileName = “zentoten”.$Z_YEAR.”/z”.$Z_YEAR.”.csv”;
$file = fopen($fileName,”r”);
while(!feof($file)){
$zen = fgetcsv($file);
//$zen[0]:番号 $zen[1]:AB $zen[2]:氏名 $zen[3]:カナ $zen[4] :都道府県
//$zen[5]:作品名 $zen[6]:サイズ $zen[7]:資格 $zen[8]:推挙 $zen[9]:賞 $zen[10]:HP
?>
<tr>
<th scope=”row”><div align=”center”><?php echo preg_replace(‘/^0+(?=[1-9])/’, ”, $zen[0]);?></div></th>
<th scope=”row”><?php print($zen[9]);?></th>
<td><?php print($zen[5]);?></td>
<td><?php print($zen[6]);?></td>
<td><div align=”center”><?php print($zen[7]);?></div></td>
<td><div align=”center”><?php print($zen[4]);?></div></td>
<td><a href=”<?php print($Z_URL.’zt_’.$zen[0].’.jpg’);?>” data-lightbox=”lightbox01″ title=”<?php print($zen[5].’／’.$zen[2]);?>”><?php print($zen[2]);?></a>
<?php
if(ereg(“^(http|https):\/\/([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)\.([-_.!~*\'()a-zA-Z0-9;\/?:\@&=+\$,%#]+)$”,$zen[10])){ ?>
<br>
<a href=”<?php print($zen[10]);?>” target=”_blank”>個人のHPへ</a>
<?php } ?>
</td></tr>
<?php } fclose($file); ?>
</table>
３．その他
①我孫子登山倶楽部のＨＰ
http://nishino05.wp.xdomain.jp/record2014/
②バックアップ方法
③リリース台帳
以上