p2　ホームページビルダ（V14)の使用方法について記述します

ホームページビルダは、使い勝手が良いホームページ作成ツールです。

１．はじめに

・ホームページの作成方法について、勉強をする。

２．みんなのＨＰをサーバに置く   (ここに各人の作成したHPを置きます)

ｱﾄﾞﾚｽ　　http://akiruno.iinaa.net/

３．ホームページ作成方法（ＨＴＭL）

       ・1章　とにかく作ってみよう

       ・2章　タグに関する基礎知識

       ・3章　HTMLの基本テクニック

       ・4章　テーブルを使いこなそう

       ・5章　リンクしよう

       ・6章　画像を貼り付けよう

       ・7章　ホームページを公開しよう

・HTML - Wikipedia

・HTMLリファレンス

・とほほの画像入門

・とほほの色入門・色見本

４．ホームページ作成方法（専用ソフトウエア）

・ホームページ・ビルダ（ＩＢＭ）を使用する方法

       一般的に使用されているもので、ｿｰｽﾚﾍﾞﾙも表示され、非常に良い。

５．ホームページの設置（ＦＴＰ）

(1)ｴｸｽﾌﾟﾛｰﾗの使用方法

(2)FFFTPのDownLoad

       ・「窓の杜から入手」http://www.forest.impress.co.jp/lib/inet/servernt/ftp/ffftp.html

ﾎｽﾄの設定　　　　ﾎｽﾄｱﾄﾞﾚｽ

akiruno　　　　　akiruno.iinaa.net

ﾕｰｻﾞ名　　　　　　　　ﾊﾟｽﾜｰﾄﾞ

akiruno.iinaa.net　　　別途

６．その他

              ・インターネット閲覧方法

       ・ホームページにする方法

７．ＨＰをサーバに置く方法

・プロバイダ関連、インターネット、メール

８．参考HP

とほほ：ホームページ入門　http://www.tohoho-web.com/wwwbeg.htm

９．その他

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　2010/06/15：追加
１０．     はじめに

・ホームページ・ビルダでの作成方法について、勉強をする。

１１．     みんなのＨＰをサーバに置く   (ここに各人の作成したHPを置きます)

ｱﾄﾞﾚｽ　　http://www.geocities.jp/akiruno_hiroba/

　　　　　注記：yahooにHP設定

１２．     ホームページ作成方法（ホームページ・ビルダ＝HV）

・インストール実施

・PC上に自分のフォルダ（nxx）を新規に作成する（n13等）

　　須�ｱならば、HomePage/n13 のフォルダを作成する

・HomePage/nxxに、name13.html等の必要なﾌｧｲﾙ(数個)をCopyして置く

・HV起動＝＞ｽﾀﾝﾀﾞｰﾄﾞ選択＝＞START＝＞ﾍﾟｰｼﾞを開く

　　右上の参照(R)　でHomePage/nxx/namexx.html を開く

　　HVでHtmlﾌｧｲﾙの修正ができる

　ﾍﾟｰｼﾞ編集・・・この画面上で修正/作成ができる

　HTMLｿｰｽ・・・参考用：HTML形式の情報が見える

　ﾍﾟｰｼﾞ/ｿｰｽ・・・・参考用：ﾍﾟｰｼﾞ/HTMLｿｰｽが見える

　ﾌﾟﾚﾋﾞｭｰ・・・・ここで公開するHPの画面が見える　　

１３．     ホームページの設置（ＦＴＰ）

(1)FFFTPの設定　

ﾎｽﾄの設定　　　　ﾎｽﾄｱﾄﾞﾚｽ　  　　　　　ﾕｰｻﾞ名　　　　　　　　　ﾊﾟｽﾜｰﾄﾞ

Yahoo-akiruno　　ftp.geocities.jp　　　　akiruno_hiroba  　　　akiruno○○

(ﾎｽﾄの設定は、別名でもOK)

ﾛｰｶﾙの初期ﾌｫﾙﾀﾞ(L)　◎◎/homePage/nxx　　　　（　◎◎はﾌｫﾙﾀﾞ名：「ﾄﾞｷｭﾒﾝﾄ」等）

ﾛｰｶﾙの初期ﾌｫﾙﾀﾞ(R)  /akiruno_hiroba/nxx

１４．     サーバへUpLoad（ＦＴＰ）

・サーバのnxxﾌｫﾙﾀﾞに、作成したHtmlﾌｧｲﾙをUpLoadする

2010/6/15　ｻｰﾊﾞ変更理由

�@現在のHPのﾌﾟﾛﾊﾞｲﾀﾞでFFFTPが使用できなくなる

　　　　　�AｻｰﾊﾞｰのUpLoad DownLoadが遅い

2010/6/21：追加

１５　テーマ（コンテンツ）の作成方法

・自分の趣味（写真、旅行、登山、ハイキング、花だより、○○の作り方）

・情報発信サイト（自分が利用したいHPを目指す）

・何度も見にくるようなHP

・更新（月１回は更新したい、週１回）

・注意事項：住所は入れない、メールも細工が必要。

１６　ホームページ作成方法（ホームページ・ビルダ＝HV14）

・表の作成

HV14起動＝＞ｽﾀﾝﾀﾞｰﾄﾞ選択＝＞START＝＞ﾍﾟｰｼﾞを開く

　　例　name１.htmlを選択して開く

　　「表の挿入」を選択　（初期の４行、４列を選択したまま、OK押下）

下の例のように、改版履歴を入れる

１７　ホームページビルダのJustMyStageの設定方法

・ユーザ登録

・JustMyStage申込

ホームページV14のJustMyStageの設定方法(ﾏﾆｭｱﾙP227）　2012/3/末まで使用可能：100MB
１）転送設定
２）新規作成
３）Just　MyStageを使用する
４）Just　MyStageを申し込む
５）Just　MyStageの登録をする
６）Just　MyStageの
　　MyStage名　　　　　入力　　（例：suzakihp　）
　　MyStageパスワード　入力　　　（例：XXXXXX）
７）接続を確認する
８）接続が確認できたら　完了　を押す
９）閉じる

１８　ホームページの最初のファイル

・ホームページには、index.html　ファイルがないとエラーになる

・自分のHPの場合は、index.html　ファイルを入れること

　　例：FTPで、name13.html＝＞index.html　に変更してUpLoadできる。

FTPの　ｺﾏﾝﾄﾞ(c)　を使用すればﾌｧｲﾙ名を変更してUpLoad可能。

１９　FTP設定

　　ﾎｽﾄの名称(任意)　Just-MyStage　　　　　　　　　　　

　　ﾎｽﾄ名　　　　　ftp.justmystage.com　　　　　　　ﾛｰｶﾙの初期設定ﾌｫﾙﾀﾞ　HomePage\n13

　　ﾕｰｻﾞ名　　　　（例：suzakihp　）　　　　　　　　ﾎｽﾄの初期設定ﾌｫﾙﾀﾞ　public_html

　　ﾊﾟｽﾜｰﾄﾞ　　　　（例：xxxxxx　）

参考

須崎のHP（JustMyStage） 　http://www.justmystage.com/home/suzakihp/

２０　ホームページビルダの

・第１章　ﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞの起動と終了

・第２章　ﾎｰﾑﾍﾟｰｼﾞ作成前に知っておきたいこと

・第３章　ﾎｰﾑﾍﾟｰｼﾞﾋﾞﾙﾀﾞ-ｸｲｯｸを使います　・・・・・別途勉強のこと

・第４章　編集ｽﾀｲﾙと編集ﾓｰﾄﾞ

�@かんたん�Aｽﾀﾝﾀﾞｰﾄﾞ�Bｴﾃﾞｨﾀｰｽﾞ　　A標準ﾓｰﾄﾞBどこでも編集ﾓｰﾄﾞ

・第５章　かんたんﾍﾟｰｼﾞ作成でﾍﾟｰｼﾞを作ろう　・・・別途勉強のこと

・第６章　ﾍﾟｰｼﾞ作成の基本的な操作（P156）

　　　　　ﾍﾟｰｼﾞを開く

文字を入力する

文字を編集する

ロゴ(飾り文字)を作成する

画像を取り込む

　画像に代替テキストを指定する（P183）

デジカメ写真を挿入する

編集ﾍﾟｰｼﾞの表示を変える（P189)
出来栄えを確認する

編集したﾍﾟｰｼﾞを保存する

編集を再開する

壁紙やBGMを設定する

・第７章　ﾍﾟｰｼﾞとﾍﾟｰｼﾞをﾘﾝｸでつなぐ

・第８章　ﾎｰﾑﾍﾟｰｼﾞを転送する

・第９章　ﾎｰﾑﾍﾟｰｼﾞを更新する

・第10章　表を使ってﾚｲｱｳﾄしてみよう

セルに画像を挿入する（P263)

・第11章　ﾌﾚｰﾑを利用して画像を分割しよう

・第12章　ｵﾘｼﾞﾅﾙの画像を作ってみよう

２１　Webの使用方法

・更新ﾎﾞﾀﾝ　↓↑　でWeb更新ができる

・虫眼鏡（右上）を使用して、Web内の文字・検索ができる

・PDFファイル　　PDFの検索窓で検索ができる

　　（PDFﾌｧｲﾙは、文字形式でなく画像で保存されているデータが検索はできない）

２２　Webの保存（各種保存形式で保存できる）

・ﾍﾟｰｼﾞ(P)＝＞名前を付けて保存＝＞

「Webﾍﾟｰｼﾞの保存」で　”ﾌｧｲﾙの種類”�@Webﾍﾟｰｼﾞ、完全

　　　　　　　　　　　　　　　　　　　�AWebｱｰｶｲﾌﾞ、単一のﾌｧｲﾙ(*.mht)
　　　　　　　　　　　　　　　　　　　�BWebﾍﾟｰｼﾞ、HTMLのみ

　　　　　　　　　　　　　　　　　　　�Cﾃｷｽﾄﾌｧｲﾙのみ

・きにいったWebPageがあれば保存して、自分のパソコンで研究してみるのも良いです。

　　改造して、自分のPageにすると簡単にGoodなPageが作れます。