ホームページビルダー基礎

http://www.aoikuma.com/slidy/hpb.html

桑原政則 (Masanori Kuwabara) 2006年10月

【注】ローマ字入力でのキー操作
→キー：次ページへ。　Endキー：最終ページへ。<キー：フォントを小さく

ファイルのダウンロード

FTPの起動

[ツールメニュー]―[FTPツールの起動]―[設定ボタン]

ファイル転送の設定

[プロバイダ：その他]―[FTPサーバー名： ftp.tiu.ac.jp ]

接続ボタン

接続ボタンを押して、右窓のアドレスを確認します。
home/student/200x/ff1234km/www/html （ff1234kmはユーザ名です。）

ビルダーでindexを開く

[ホームページビルダー]―[ファイルメニュー]―[index]

【参考】→ファイル転送のページ

エディターズスタイルで編集する

ファイルを開いている状態で、[ファイルメニュー]―[ようこそダイアログを開く]―[エディターズ]
編集スタイルには、「かんたん」「スタンダード」「エディターズ」があります。「かんたん」はアクセシビリティの点で悪評さくさくです。使わないようにして下さい。

サブページの作成　#1

トップページ（index.html）を開いておきます。

新規ファイル（サブページ）の編集

[ファイルメニュー]―[標準モードで新規作成]
[最上段に「ここへタイトル」と記入]―[書式メニュー]―[段落]―[見出し1]。（あとでタイトルをつけます）
[上から3行目に「トップへ」と記入]―[「トップへ」を選択反転]―[右クリック：リンクの挿入]―[参照ボタン]―[index（これが行き先）]―[OK]
[ファイルメニュー]―[名前を付けて保存]―[newpage1.html（例）]。（newpage1より kawagoe などのように具体的なファイル名の方がよい。）

サブページの作成　#2

サブページからトップページ（index.html）へジャンプする

[「トップへ」を右クリック]―[リンク先ページを開く]。

トップページからサブページへリンクを貼る

[「川越のページ」と記入し、選択反転]―[リンクの挿入ボタン]―[ファイル名：参照ボタン]―[kawagoe.html（例）]―[OK]

保存と終了

ビルダー

[ファイルメニュー]―[すべて保存]

FTP

[ファイル転送（FTP）]―[左ウィンドウ空白部を右クリック：最新の情報に更新＝F5]―[ファイル群を選択]―[上矢印]―[タイムアウト…]―[OK]―[上矢印]

【注】デフォルトのフォルダとdesktop.iniは選ばないこと。右欄に既にある場合は右欄から削除のこと。

ブラウザで確認

[http://www.tiu.ac.jp/~ab1234xy]
【注】「~（ニョロ）」は、1．半角モードで、2.シフトキーを押しながら、3．「へ」を押します。

C.U . Enjoy!

Homeキーで、最初のスライドへ

（HTML Slidy =XHTML+ CSS+ JavaScript）

桑原政則のオフィスアワー

オフィスアワーは、水2限後、木3限後、金3限後です。
桑原政則研究室は、A408（アネックス4階）です。
学生諸君用コンピュータが設置してあります。
enjoyableな話し合いができるように、なるべく複数人で来室して下さい。
1回30分程度を目安にしましょう。