ホームページビルダーを学ぼう「フォルダの作成」

ホームページビルダー8及びV8の使い方の解説

ホームページビルダーを学ぼう

｜

｜

｜

｜

｜

｜

｜

｜

｜

｜

フォルダの作成

■以下のケースの場合は、それぞれのページを参考にして下さい。
■既にページを作成中で、ファイルの保存先を準備していなかった場合や進行状況に応じてファイルを作成したい場合→参考(素材の保存Ⅱ）
■サイトの構築はせずにページを作成する場合→参考（素材の保存Ⅰ）

フォルダを作成しよう

保存フォルダを作成する（各フォルダの名前はご自由に）

先ず最初に、任意の場所（デスクトップでもかまいません）にホームページ全体を管理する「ホームページ」というフォルダを作成します。

フォルダの作成方法は、右クリックし「新規作成」→「フォルダ」をクリックするとできます。「新しいフォルダ」となりますので名前を変更します。

次に「ホームページフォルダ」をWクリックで開き、その中に「builder」、同様に「builderフォルダ」の中に「images」と「java」「css」いうフォルダを作ります。（任意ですが後々の勉強のために）
又、分類が多い場合は

builder
	images	画像を保管するフォルダ（imgでも）
	java	任意
	css	任意
	index.html	出来上がったHTMLファイルの置き場所
	abc.html
	123.html

　たとえば、作成したファイルをフォルダの分類なくビルダーフォルダの中に全部まとめて保存しておくとします。ページをそのまま保存すると、整理前のようになります。

　その後、解りやすく「images」フォルダや小分類の「123フォルダ」を作って整理（コピーなどしてhtml等のファイルを移動する）したとしましょう。しかし、そのままではindex.htmlから見た123.htmlやabs.jpg（画像）の位置が違ってきます。たとえば「123.html」へのリンクは、

整理前では<a href="./123.html>123のページ</a>
整理後では<a href=./123/123.html>123のページ</a>となります。
よって、整理後はindex.htmlのリンク設定を変更する必要があります。

したがって、このような作業をする前に、しっかりと構成をしましょう。

整理前			index.htmlから見た各ファイルの位置	整理後				index.htmlからみた各ファイルの位置
	builder				builder

		index.html				index.html
		abcipe.html	./abc.html			abc.html		./abc.html
		123.html	./123.html			123
		abs.jpg(画像)	../abs.jpg				123.html	../123/123.html
						images
							abs.jpg(画像)	../images/abs.jpg

ここまで理解できましたら実際にページ作成となります。このままページを作成するか、サイトの新規作成からページを作成するかを選択します。サイトを作成し保存先を設定しておくと、保存する際ファイルの種類（拡張子）によって自動的にフォルダに振り分けてくれます。（js→javaフォルダ、gif/jpg/png→imagesフォルダ）

フォルダの作成