HOME>線上電脳塾>HTMLエディタ>AlphaEdit

インストール | 基本レイアウト法 | 画像の挿入 | FLASHの挿入 | アップロード | スタイル | 縦書き | テンプレート
ソースの編集 |    |    |    |    |    |   
   |    |    |    |    |    |   
   |    |    |    |    |    |   
   |    |    |    |    |    |   
ダウンロードとインストール | 設定と接続 | ファイル転送 | ローカル編集 | サーバー編集 | トラブル |
   |    |    |    |    |    |   
 
テンプレート
インターネット上にあるホームページの無料テンプレート(ひな形)を使ってホームページを作る際、どのような手法で作ったらいいか、フリーソフトを使って解説したページです。
 
なお、このページは手順書の部分にインラインフレームを使っております。従って手順書だけ印刷する時は"手順書ブロック内"で右クリック、「印刷」を選択して下さい。インターネットエクスプローラの標準設定(A4縦、余白19mm)で印刷できます。なおフォントは見易くする為、12ポイントのゴシック体を使用しております。

●テンプレートを使用して作成した例
(1)札幌及び札幌近郊の水芭蕉 (Rub-bish WebのフリーテンプレートNo.05を使用、背景色変更)
(2)犬時計販売と札幌ペット関連情報 インプロスのフリーテンプレート037.zipを使用)
(3)深山幽谷の恵み (TG LoveのフリーテンプレートNo.9を使用)
(4)日本での仕事探しインプロスのフリーテンプレート018.zipを使用、多国語言語UTF-8)
(5)愛車ローレルSGXの思い出 (Rub-bish WebのフリーテンプレートNo.04を使用、これはデザインを変更しないでそのまま使用しました。エンジン音ムービー付きです。)
(6)中国語例文検索と中国語入力 (sozai.wdcroフリーテンプレートNo.055を使用。これを基本にして壁紙のデザインと本文部分のサイズを変更。右寄せレイアウトとスクロールと共に下側に動くメニューが特徴です。)
(7)オンラインショッピング ( sozai.wdcroフリーテンプレートNo.030を使用。デパート風メニューのオンラインショップ用を中央揃いに変更して作って見ました。アフィリエイトはAmazonを使用しています。)
 
その他の無料テンプレート配布サイトは「ホームページ作成に役立つリンク集」を参考にして下さい。

ここで先ず紹介するのはRub-bish Webのフリーテンプレートを使って作成する方法についてです。
左にあるSub Menuをクリックすると、右側のインラインフレーム部にワードで書いた該当ページが表示されます。
(正常に表示されない環境の方はSub Menuのリンクの上で右クリック、「新しいウィンドウで開く」を選択してください。なお印刷をする方はこれから印刷したほうが通常通りでき簡単です。)