| mailmagazine壁紙工房通信(サンプル） |
┏━━━━━┳─┳─┳─┳─┳─┳─┳━━━━━━━━━━━━━━━┓
MailMagazine│壁│紙│工│房│通│信│VOL21 01/04/14/ 前回1197部発行
┗━━━━━┻─┻─┻─┻─┻─┻─┻━━━━━━━━━━━━━━━┛
┏━━《このメルマガは 「Pubzine（ID 4545） で配信してます》 ━━┓
┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
===========
□CONTENT□=========================================
===========
□WHAT'S NEW...?>>>>>>>>>・テーブルコレクションその他
□WHAT'S COOL URL? >>>>>>・「にほんごCGIインデックス」他
□THE ROAD OF WEB MASTER.・「ホームページを作りたい！」第４回
□COOL MAGAZINE.>>>>>>>>>・お薦めメルマガ「Mac Fan Letter」
□From Readers... >>>>>>>・皆様からのメールお待ちしてます
□INFORMATION.>>>>>>>>>>>・壁紙工房通信 配信システムと登録解除方法
□From Editors..>>>>>>>>>・読んでくれてありがとう！
=================================================
==================
□WHAT'S NEW...?□===================================
==================
僕を忘れた頃に、きみを忘れられない、そんな僕のメールがつく………
吉田拓郎さんの歌ではないですが、月日が経つのは早いです。（笑）
気がつけば前回マガジンを発行したのが去年の１２月。そして、今は春。
櫻の花弁が散り逝く今日この頃皆様如何がお過ごしでしょうか？
３か月以上マガジン発行しなくて申し訳ありませんでした。
メールマガジンは発行しなかったのですが何回かサイトの更新はしてました。
その分も合わせての今回の新作の御案内です。
---------------------------------------------------
■テーブルコレクション入荷！
テーブルに画像を配置してレイアウトした「テーブルコレクション」です。
枠を作ってその中にテキストを書き込んだりします。
上手く説明が出来ませんが、見てもらえたらなんだそうかと分ってもらえる
と思います。
色違いで６パターン用意しました。
「テーブルコレクション」
http://homepage1.nifty.com/WEB_RENYA/material/table/table_01/
--------------------------------------------------
■壁紙「スクエアー」入荷！
この壁紙は平たく言えば方眼紙風の壁紙です。
２０種類のカラーバリエーションがあります。
一括ダウンロードできるように圧縮ファイルを用意しました。
壁紙「スクエアー」
http://homepage1.nifty.com/WEB_RENYA/material/bg/wall_33.html
---------------------------------------------------
■ボタン「トランスルーセント」入荷！
MacＯＳｘのアクアが発表されてからアクア風のボタンがウェブでも見られる
ようになりましたが、僕も試しに作ってみました。
ところが、これが上手く出来ないんだな。（苦笑）
アクアもどきのボタンになってしまいました。
今回も一括ダウンロードできるように圧縮ファイルを用意しました。
ボタン「トランスルーセント」
http://homepage1.nifty.com/WEB_RENYA/material/template/spc/sample.html
----------------------------------------------------
■掲示板CGI「rEny_board」配付を開始しました。
このスクリプトはケントさん<http://www.kent-web.com/>が配付してい
るAskabbsを鎌也が改造したものです。
元になったAskabbsはシンプルな機能で初心者にもなるべく簡単に設置でき
るように工夫されている掲示板のスクリプトです。
主な改造点は、スタイルシートを使用した画面表示面です。スタイルシート
が判る人は自分の好みの画面表示にカスタマイズする事が出来ます。
もちろん、カスタマイズしなくてそのまま使用しても、かっこいい掲示板に
なってます。（自画自賛）
２つのサンプルがありますので、好きな方を選べます。サンプルはこれから
も増える予定です。
また、今後も、ケントさん作成のプチボード（一言レス機能付き）、
YY-board（アイコン表示、レス機能付き）の改造版も配付する予定です。
「rEny_board」サンプル
チャコールグレイタイプ
http://hpcgi1.nifty.com/WEB_RENYA/aska/bbs/reny.cgi
ブラックタイプ
http://hpcgi1.nifty.com/WEB_RENYA/aska/bbs2/reny.cgi
====================
□WHAT'S COOL URL?□==================================
====================
毎回１つのキーワードを元に鎌也がネットで見つけたサイトを報告します。
今回のキーワードは「ＣＧＩ」です。
--------------------------------------------------
====================================
□フリーソフトでインタラクティブページ□ by 鎌也
====================================
上記のタイトルはフリーのＣＧＩスクリプトを配付しているサイトのなかで
有名なKENT-WEBさんのサイトのトップページに書かれている言葉ですが、最近
のホームページ（特に個人）には掲示板やチャット等のＣＧＩを利用したコン
テンツが当たり前となってきてますね。
プロバイダーにあらかじめ用意されている物もあるし、ネット上で無料で掲示
板のサービスを行なっているサイともあるので、ＣＧＩスクリプトを作ったり、
設置できない人も、簡単に自分のサイトに掲示板などを加える事ができます。
ＣＧＩを自分で設置できるなら、数ある掲示板のスクリプトのなかから、自分
の好みの物を設置する事もできます。
それでも自分の気にいった掲示板がなかったらどうするか？
こうなったらもう自分でスクリプトを改造するしかないですよね。
全部を初めから作るのは難しいですけど、掲示板スクリプトの見た目を変える
くらいなら、HTMLとPERLの初歩的な知識があればできます。
幸い無料で配付されているスクリプトのなかには、改造ＯＫのものもあるので
自分のサイトのデザインに合わせて掲示板を改造するのもいいのでは？
と言うわけで自分の理想の掲示板を見つけるために掲示板のCGIスクリプトを
配付しているサイトを色々と回ってみました。
表示形式は、スレッド型のもの。１つの話題に沢山のレスができるもの。
そのスレッドを読む時はスレッド全部がいっぺんで読めるもの。
それから、１つのスクリプトで幾つもの掲示板を設置する事ができるもの。
なかなかこれはという物が見つからなかったのですが、おおこれはいいかも
というのが２、３ありました。しかも嬉しい事に無料です。
いやあ。探せばあるものですね。さすがインターネット。
-------------------------------------------------
□本日の関連ＵＲＬ□
-------------------------------------------------
▼にほんごCGIインデックス<http://script.lovely.to/>
PERL（パール）&CGIに関するサーチエンジンです。パールに関する解説サイト、
CGI配付サイト、各種CGIスクリプト等、1000件以上のリンクがあります
--------------------------------------------------
▼BEST CGI PURSUIT <http://hyne.bird.to/bcp/index.html>
サンプル付きCGI検索サイト。1100以上のCGIスクリプトが登録されています。
そのすべてのスクリプトの動作サンプルを実際に見る事が出来ます。
---------------------------------------------------
▼SMART[スマート] PERL&CGI講座<http://www.rfs.co.jp/sitebuilder/perl/>
PERLでCGIを作るためのテクニックを学ぶ事ができるサイト。その他HTML講座
JavaScript講座などのサイト構築に役に経つ講座もあります。
---------------------------------------------------
▼Perl初心者の部屋 <http://www.att.or.jp/perl/index.html>
PERLに関するよくある質問を公開しているサイトです。サイト内の情報の全文
検索も出来ます。
---------------------------------------------------
▼超初心者用ＣＧＩ設置講座 <http://puppy.room.ne.jp/~lisa/cgi1.htm>
初めてＣＧＩを設置したいけど、自信がないと言う人はこのサイトで。スクリ
プトのダウンロード、プロバイダ−別の設定の仕方等丁寧に解説してます。
---------------------------------------------------
▼ネットサーフレスキュー <http://www.rescue.ne.jp/>
CGI配付サイトの老舗です。各種CGIスクリプトの配付はもちろんのこと、CGI&
PERLの基礎知識も学べます。
---------------------------------------------------
▼NICOLE Homepage <http://www10.big.or.jp/~nicole/>
このサイトはウルティマというゲームサイトとして有名なところなのですが、
掲示板のスクリプトも配付しています。そして、ここで配付している掲示板が
僕の理想の掲示板のひとつです。
---------------------------------------------------
▼CGIサポーター保護の会
<http://www04.u-page.so-net.ne.jp/yd5/wing/support/index.html>
CGIスクリプトを配付してるサイトの管理人さんはサポートが大変なんです。
こちらで配付されてる掲示板のスクリプトも僕の理想の掲示板の１つです。
---------------------------------------------------
▼CGI DE アミーゴ<http://www.cgi-amigo.com/>
カウンター、検索エンジン、データベースなどの高機能なスクリプトを配付し
てます。こちらで配付している掲示板も理想の掲示板の一つです。
---------------------------------------------------
=============================
□THE ROAD OF WEB MASTER...□=============================
=============================
この道はどこに続いているのか？この道の向こうに何があるのか？
行けば判る！ダァ〜！皆様も鎌也と一緒に WEB MASTERの王道を堂々
と歩いて行きましょう！（笑）
---------------------------------------------------
■「テーブルコレクション」■
---------------------------------------------------
さて、今回のTHE ROAD OF WEB MASTER...ですが、新作素材「テーブルコレク
ション」のテーブルタグを使ったレイアウトの解説をお送りします。
---------------------------------------------------
■解説
---------------------------------------------------
（１）先ず３行３列の表を作成します。
表の枠線（ border）とセル同士の間隔（cellspacing）セル内の余白
（cellpadding）を０にします。このテーブルコレクションに使用している画像
は横幅が522ピクセルなので表の横幅を522ピクセルに指定します（width)。
<TABLE border="0" cellpadding="0" cellspacing="0" width="522">
<TR valign="top">
<TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR valign="top">
<TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR valign="top">
<TD> </TD><TD> </TD><TD> </TD>
</TR>
</TABLE>
---------------------------------------------------
（２）colspanを使って表の１行目と３行目を１列にします。colspanはセルを
列方向につなげる属性です。
<TABLE border="0" cellpadding="0" cellspacing="0" width="522">
<TR valign="top">
<TD colspan="3"> </TD>
</TR>
<TR valign="top">
<TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR valign="top">
<TD colspan="3"> </TD>
</TR>
</TABLE>
---------------------------------------------------
（３）表の１行目と３行目に画像を配置します。
このとき画像の横幅（width）と縦幅（height）を必ず指定します。
<TABLE border="0" cellpadding="0" cellspacing="0" width="522">
<TR valign="top">
<TD colspan="3">
<IMG SRC="img/head.gif" width="522" height="20" border="0" >
</TD>
</TR>
<TR valign="top">
<TD> </TD><TD> </TD><TD> </TD>
</TR>
<TR valign="top">
<TD colspan="3">
<IMG SRC="img/foot.gif" width="522" height="20" border="0" >
</TD>
</TR>
</TABLE>
--------------------------------------------------
（４）表の２行目の１列と３列のセルに画像を配置するのですが、このとき
（３）のようにセル内に配置するのではなくbackgroud属性を使い表の背景画
像として画像を指定します。そして２列目は背景色に１列目と３列目の画像と
同じ色をbgcolorで指定します。
<TABLE border="0" cellpadding="0" cellspacing="0" width="522">
<TR valign="top">
<TD colspan="3">
<IMG SRC="img/had.gif" width="522" height="20" border="0" >
</TD>
</TR>
<TR valign="top">
<TD background="img/l_body.gif" width="22"></TD>
<TD bgcolor="#カラーコード" width="478">ここにコメントが入る</TD>
<TD background="img/r_body.gif" width="22"></TD>
</TR>
<TR valign="top">
<TD colspan="3">
<IMG SRC="img/foot.gif" width="522" height="20" border="0" >
</TD>
</TR>
</TABLE>
--------------------------------------------------
以上の手順で作成したものが下のサンプルです。
こうして出来たテーブルの「ここにコメントが入る」というセルに文章を流し
込めば枠線で囲まれたコラムスペースの出来上がりです。
http://homepage1.nifty.com/WEB_RENYA/material/table/table_01/
皆さま試してみてね。
==================
□COOL MAGAZINE.□====================================
==================
鎌也が読んでいる面白いメールマガジンを紹介するこのコーナー。
今回は「Mac Fan」「Mac Fan internet」等のマック専門誌を出版している毎日
コミュニケーションズが毎日配信している「Mac Fan Letter」を紹介します。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■メルマガ名：「Mac Fan Letter」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■配信 頻度：日刊（日曜日、月曜日休刊）
■配信 方法：独自配信
■関連サイト：<http://macfannet.mycom.co.jp/>
■登録・解除：<http://www.pc.mycom.co.jp/mfl/>
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Macintosh関連製品のプレスリリースや、Appleの最新情報やイベントリポート
その他に、面白い、役に立つフリーウェア、シェアウェア情報、マック本体、
周辺器機のお買い物情報など、Macintosh関連の情報満載です。
他の企業が出しているメールマガジンでは個人情報を収集するために登録の際
に、住所や電話番号の記入を必須にしているところがほとんどだが、ここは住
所、電話番号の記入は任意になっている。このことは僕的にはポイントが高い。
---------------------------------------------------
===================
□From Readers...□======================================
===================
壁紙工房｜通信をお読みの皆様からの熱いメールをお待ちしてます。
当メルマガの御意見御感想叱咤激励、ホームページ作成に関する質問、編集
人へのラブレター（笑）をこちらのメールフォームを御利用してどんどん
送ってください。メールお待ちしてます！
<http://homepage1.nifty.com/WEB_RENYA/mail.html>
====================
□INFORMATION □======================================
====================
□壁紙工房通信 配信システムと登録解除方法
壁紙工房通信は次の配信システムを使って発行しております。
「まぐまぐ」 （ID 0000024617）<http://www.mag2.com/>
「Pubzine」 （ID 4545） <http://www.pubzine.com/>
「melma] （ID m00017541） <http://melma.com/>
「CoCode Mail」（ID:0500100081）<http://mail.cocode.ne.jp/>
「Macky!」 （ID rwfkabe2） <http://macky.nifty.com/>
「メロンパン」 <http://www.melonpan.net/>
--------------------------------------------------
□壁紙工房通信を解除したくなったら・・・
ヘッダをご覧になってどのシステムから配信されているか確認して、
以下のURLをクリックして各自で解除作業をしてくださるよう願います。
※トラブル防止の為に解除依頼をされても当方で解除する事はしませんので
御了承下さい。
「まぐまぐ」 <http://www.kaijo.com/>
「Pubzine」 <http://www.pubzine.com/detail.asp?id=4545>
「melma] <http://melma.com/mag/41/m00017541/>
「CoCode Mail」<http://mail.cocode.ne.jp/kaijyo.html>
「Macky!」 <http://macky.nifty.com/check.htm>
「メロンパン」 <http://www.melonpan.net/>
サポートページにすべての配信システムの解除フォームを用意してます。
解除フォーム<http://homepage1.nifty.com/WEB_RENYA/mm/index.html>
--------------------------------------------------
専用掲示板出来ました。
専用掲示板 <http://bbs.melma.com/cgi-bin/forum/m00017541/>
-------------------------------------------------
====================
□From Editors.. □=====================================
====================
▼去年から今年にかけていろいろありまして、ホームページの更新やメルマガ
の発行がしんどくなってました。でも、「肩肘張らずに楽しんでやればいいん
だ」と思えるようになりました。
▼という訳で、これからは肩肘張らずに楽しんでメルマガ発行していきますの
で皆さま宜しくお願いします。
▼拙いメールマガジンを読んでくれてありがとう！
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
壁紙工房｜通信は無料です。お友達にも教えてあげてください。
┏━━━━━┳─┳─┳─┳─┳─┳─┳━━━━━━━━━━━━━━━┓
MailMagazine│壁│紙│工│房│通│信│ そろそろ模様替え？貴方のＨＰ
┗━━━━━┻─┻─┻─┻─┻─┻─┻━━━━━━━━━━━━━━━┛
発行 ：壁紙工房｜蓮屋 <http://homepage1.nifty.com/WEB_RENYA/>
編集人：鎌也 <mailto:yosyua@ma.kcom.ne.jp>
[mail magazine KABE2]の複写 転載 再配布は御遠慮下さい
Copyright(C), 2000-2001 壁紙工房｜蓮屋 All rights reserved.
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
|
|
|
