ひな形の作り方講座

この講座はメールひな形やホームページを作った経験のない初心者の方が対象です。
この講座の内容・文章・画像の著作権はこのホームページの管理人・紫に帰属します。「動くひな形・マーキー基本編」「動くひな形・マーキー応用編」の内容・文章・画像の著作権はるーとWEB管理人・たけるーとさんに帰属します。
著作権は放棄していませんので、再配布・無断転載・営利目的でのご利用はご遠慮ください。

当講座で紹介しているサンプルソース（マーキー基本編・マーキー応用編・ピエロのクリスマスのひな形・トランジッションSampleSourceMakerそのもののソースを除く)は、HPやひな形作成にご自由にお使いいただいてかまいません(商用は不可)。サンプルソースのメールひな形使用にあたっては当サイトへのリンクは不要です。

ひな形作りの準備	ひな形を作るために必要なHTMLファイルの作り方・メモ帳のショートカットの作り方・言語バーの使い方などの説明です。ひな形を入れるための新しいフォルダの作り方・Stationeryのショートカットの作り方など、ひな形制作時に使う道具も作ります。
色つき便箋を作る	色付き便箋の作り方を通して、ひな形に書くHTML文の基本構造やひな形のソースの書き方の練習をします。グラデーションカラーの色付き便箋の作り方を通して、スタイルシートの書き方を練習をします。
背景に画像を使う	画像を使ったOutlookExpress用ひな形の作り方の基本・背景画像のつけ方の練習です。４パターンの背景画像の表示の仕方を練習します。
文字と画像を配置する	OutlookExpressでもホームページ（IEのブラウザのみ対応）でも使える動かないひな形の作り方の練習です。背景以外の画像や文字の表示の仕方を練習します。
画像を使わないテーブル	テーブルタグを活用したOutlookExpress用・ホームページ用（IEのブラウザのみ対応）の動かないひな形の作り方を練習します。
画像を使ったテーブル	テーブルタグに画像を使ったひな形を作ります。OutlookExpress用とホームページ用のテーブルの違いを説明します。
マーキーで動くひな形・基本編	OutlookExpressでもホームページ（IEのブラウザのみ対応）でも使える動くひな形を作る練習をします。スクリプトは使わずマーキー・タグで画像を動かします。 (企画・制作るーとWEB)
マーキーで動くひな形・応用編	複雑なマーキー・タグを使ったOutlookExpress用・ホームページ用（IEのブラウザのみ対応）ひな形の作り方の練習をします。 (企画・制作るーとWEB)
Scriptで動くひな形	JavaScriptを使ったひな形の作り方を練習します。ホームページ用と、メール用のScriptの違いを覚えます。
HTML+TIMEひな形基本文法と移動	HTML+TIMEを使った動くひな形の作り方を練習します。HTML+TIMEを記述するときの基本文法を覚え、画像と文字を移動する方法を練習します。
HTML+TIMEひな形 TimeAction	HTML+TIMEを使ってできる、いろいろな表現を練習します。色の変化、拡大と縮小、透明化、トランジッション効果などの使い方を覚えます。便利グッズ・トランジッションSampleSourceMaker
HTML+TIMEひな形 TimeContainer	<t:par> <t:seq> <t:excl> という3種類のTimeContainer（タイムコンテナ)を使って、TimeAction(タイム表現)をグループ化して、効率よく動かす方法を覚えます。
HTML+TIMEひな形滑らかな曲線	更新時期は未定。パスを使って曲線の動きを作ります。
EメールのHTML記述ルール	ホームページで使えても、メールでは使えないタグやスクリプトがあります。Eメール独特のHTML記述上のルールを覚えましょう。ひな形作成でありがちなミスを防ぐための管理人自身の覚え書きのようなもの。

※この講座のテーブルとマーキーのサンプルはWindowsXP SP1のQ330994による不具合対策はしていません。対策する場合は、ソースを見て同じファイル名の画像が書いてあったら、違うファイル名に書き直して、元の画像を山ほどコピペして、ソースに書いた新しいファイル名をつけてください。
※作業時間の都合上、講座内容についてのご質問への回答や、ひな形作成の個別指導は、行っておりません。
※以下は、この講座の作成に当たり、Reference、Source、資料等を参考にさせていただいたサイト様です。
MSDN Library Open Space 雛形倶楽部 HTML+TIMEひな形講座危ないとこ逝き隊