この講座はメールひな形やホームページを作った経験のない初心者の方が対象です。
当講座で紹介しているサンプルソース(マーキー基本編・マーキー応用編・ピエロのクリスマスのひな形・トランジッションSampleSourceMakerそのもののソースを除く)は、HPやひな形作成にご自由にお使いいただいてかまいません(商用は不可)。
サンプルソースのメールひな形使用にあたっては当サイトへのリンクは不要です。
| ひな形作りの準備 | ひな形を作るために必要なHTMLファイルの作り方・メモ帳のショートカットの作り方・言語バーの使い方などの説明です。 ひな形を入れるための新しいフォルダの作り方・Stationeryのショートカットの作り方など、ひな形制作時に使う道具も作ります。 |
| 色つき便箋を作る | 色付き便箋の作り方を通して、ひな形に書くHTML文の基本構造やひな形のソースの書き方の練習をします。 グラデーションカラーの色付き便箋の作り方を通して、スタイルシートの書き方を練習をします。 |
| 背景に画像を使う | 画像を使ったOutlookExpress用ひな形の作り方の基本・背景画像のつけ方の練習です。4パターンの背景画像の表示の仕方を練習します。 |
| 文字と画像を配置する | 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記述上のルールを覚えましょう。 ひな形作成でありがちなミスを防ぐための管理人自身の覚え書きのようなもの。 |
| Copyright(C) 2001〜PurpleEyes All Rights Reserved. |
| 無料素材のPurpleEyesグループサイト 動くひな形と素材・PurpleEyes ハガキ印刷素材・初春年賀状工房 ArtKayo水彩画絵はがき素材 メルヘン素材・AliceFactoory |