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
  • 方法　.　2

表のプロパティー（罫線の太さ）

• 例
• 手順

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

• 例
• 手順

表のプロパティー（幅と高さ）

• 例
• 手順

表のプロパティー（背景）

• 手順
• 手順（背景に色）
• 手順（背景に画像）

セルのプロパティー（アラインメント）

• セルのアライメント？
• 例
• 手順
  • セルのプロパティーの開き方

セルのプロパティー（背景）

• 例
• 手順（背景色）
• 手順（背景画像）

セルのプロパティー（サイズ）

• 例
• 手順
• Colspan　RowSpanとは

セルのプロパティー（その他）

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

行や列の挿入

• 手順（行）
• 手順（列）

行や列の削除

• 手順（行・列）

セルの結合と分割

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

セル単体の削除

• 役立たず

テーブルを極める

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

応用

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

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

スクロール文字（マーキー）

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

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

• 挿入
• サイズ
• 編集

インラインフレーム

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

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

無料ホームページスペースの用意（申込み）

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

アップロード

ＦＴＰクライアントの設定

• 手順
• 選択
  
  
  • CyberSpaceCommunity
    • FTP設定
      
      
      • アップロード
        • FTP Windowについて
        • アップロード
          
          
  • レンタルWEBスペース・トクトク
    • FTP設定
      
      
      • アップロード
        
        • FTP Window
        • アップロード

ネット上で確認！

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