ホーム >

Homepage Manager講座

Homepage Managerとはホームページ作成ソフトのことでフリーソフトでは最強の機能を誇っています。初心者でも難しいタグを使わずにホームページが作成できるほか、上級者にとっても快適なエディタやスタイルシートの作成も可能と至れり尽くせり!
当然のことながらこの講座は無料ホームページスペース、フリーソフト(CG)等を駆使し、全て無料でホームページが作れるように構成しています。

ホームページ作成の流れと詳細な解説

ここからが本番! 実際にHomepage Managerで作った「@FREE」を元に解説します。

HomepageManagerの用意

Homepage Managerの入手

  • 解凍ソフトの用意
  • HomepageManagerのダウンロード
  • HomepageManager配布サイトCranberryFieldsにGo!
  • ダウンロード開始

解凍ソフトの用意・設定・解凍方法

  • Lhasaの用意
  • Lhasaの設定
  • 解凍方法

Homepage Managerのインストール

  • Readme.txtを読もう
  • インストールの[Setup.exe]

 

最初にすること

起動と終了

  • 起動
  • デスクトップにショートカットを作成
  • 終了(閉じる)

各部の名称と機能

  • 全画面
  • メニューバー
  • 一般メニュー
  • HTML編集メニュー
  • HTMLタグメニュー
  • 編集画面

プロジェクトの新規作成

  • プロジェクトとは
  • 新規作成

ファイル名・フォルダ名は半角英数字 これ常識!?

  • ファイル名がURL?
  • 全角文字はダメ! 
  • 半角スペースも使えないこともないが

ページの新規作成

  • ページの新規作成(新規文書)
  • ページの新規作成(テンプレート)

ページ・プロジェクトの保存

  • 新規ページの保存
      ・方法1 (名前を付けて保存しプロジェクトに追加)
      ・方法2 (上書き保存)
  • プロジェクトの保存
  • 保存できない?
  • テンプレートとして保存

ページの情報設定

  • ページのプロパティー
  • 配色設定タブ
  • 一般
  • プロジェクトオプション
  • バグ?

  • 開くには2種類ある
  • 開くの流れ
  • 起動したらまずプロジェクトを開く
  • ページを開く

文字の入力

入力

  • 文字の入力
  • 入力の応用

改行と段落

  • 段落
  • 改行
  • よく判らなかった方は・・・

大きさの変更

  • 大きさの種類
  • サイズ指定方法

太字・斜体・打ち消し・上付け・下付け

  • 文字装飾の種類
  • 設定方法1
  • 設定方法2

色を付ける

  • 設定方法
  • もっと詳細な色の設定
  • バグ?

フォントの変更

  • フォントとは
  • フォントの変更はあまり推奨できません。
  • フォントの変更1
  • フォントの変更2
  • こんな感じ

ラインの挿入/太さ・長さ/配置

  • 挿入方法
  • ラインの詳細設定

文字の配置

右寄せ・センタリング・左寄せ

  • 右寄せ
  • センタリング
  • ???の左寄せ
  • 左寄せ

見出し1〜6

  • 例)見出し1〜6
  • 設定

記号付きリスト・番号付きリスト・定義

  • 手順

画像のあつかい

画像の調達

  • 素材を利用した例
  • 画像の入手
  • 普通は・・・・?

画像の自作

  • 画像の種類
  • フリーソフト
  • 入手
  • 解説
  • サンプル

警告!重い画像

  • ホームページの掟!
  • ファイルサイズ
  • ファイルサイズの縮小

画像ファイル管理

  • プロジェクトに追加
  • ヒント

背景を画像で

  • 画像の用意
  • 背景の挿入

画像の挿入

  • 画像の貼り付け

配置

  • 方法

文字の回り込み

  • 設定

画像サイズ変更

  • サイズ変更方法
      その1 : ドラッグ
      その2 : 数値入力

リンクする

他のホームページへリンク

  • 手順
  • ターゲットウィンドウとは

ターゲットウィンドウで何が出来る?

  • 効果
  • 効果
  • 実際

各ページが出来上がったらリンクでつなぐ

  • 手順
  • ターゲットウィンドウとは

画像にリンク設定

  • 手順

アンカーの設定

  • 手順
    • まずは移動先にアンカーを設定
    • 移動元にリンク設定

クリッカブルマップの作成 エラーのため使用不可

 

メールを送信してもらう

  • 手順
  • 件名を自動挿入
    • 設定方法
    • 本文も記入しておく場合

表でレイアウト

表とは(セル・行・列)

    • 例 . 1
    • 例 . 2
    • 結論
  • セルとは
  • 行と列

表の挿入

  • 挿入の位置
  • 手順

テーブルエディタ

  • 列・行の増減
  • パターン
  • 編集

表のプロパティー(アラインメント)

  • アライメントとは
  • 手順
    • 方法 . 1
    • 方法 . 2

表のプロパティー(罫線の太さ)

  • 手順

表のプロパティー(罫線やセル同士の間隔)

  • 手順

表のプロパティー(幅と高さ)

  • 手順

表のプロパティー(背景)

  • 手順
  • 手順(背景に色)
  • 手順(背景に画像)

セルのプロパティー(アラインメント)

セルのプロパティー(背景)

  • 手順(背景色)
  • 手順(背景画像)

セルのプロパティー(サイズ)

  • 手順
  • Colspan RowSpanとは

セルのプロパティー(その他)

    • 見出しセル
    • 折り返し禁止
  • 手順

行や列の挿入

  • 手順(行)
  • 手順(列)

行や列の削除

  • 手順(行・列)

セルの結合と分割

  • 手順(分割)
  • 手順(結合)

セル単体の削除

  • 役立たず

テーブルを極める

  • 全角スペースで「難あり」な例
  • さりげなく「かっこいい1」
  • さりげなく「かっこいい2」

応用

ホームページで音楽を鳴らす

  • 音楽ファイルの用意 − 
  • 音楽の挿入

スクロール文字(マーキー)

  • 挿入
  • 方向とパターン
  • ループ回数・量・間隔
  • 色・配置・編集

スクロールテキストボックス

  • 挿入
  • サイズ
  • 編集

インラインフレーム

  • 挿入
  • SRCの指定
  • 幅・高さ
  • 配置
  • オプション

無料ホームページスペースの用意

無料ホームページスペースの用意(申込み)

  • アップロードとは
  • 選択

    • CyberSpaceCommunity
      • なぜレンタルサーバーが無料なの?
      • 無料レンタルサーバーの長所と短所
      • 「CyberSpaceCommunity」への登録
      • アカウント
    • レンタルWEBスペース・トクトク
      • なぜレンタルサーバーが無料なの? 
      • 無料レンタルサーバーの長所と短所
      • 「トクトク」への登録 
      • 利用規約とサーバーの選択
      • 仮登録
      • 仮登録のメールが送られてくる 
      • 本登録
      • アカウント

  • その他、無料サーバーの紹介 

アップロード

FTPクライアントの設定

ネット上で確認!

  • URLの入力
  • 出来上がり!

ホーム >

コンテンツ作成に当たりご理解とご協力いただきましたCranberryFields(閉鎖のためDLページ)のHomepageManager作者様に感謝します。