Dreamweaver UltraDev では、新しいページのファイル名はデフォルトで untitled.asp になります。このページの名前を「index.htm」などに変更する必要があります。名前を変更する方法は、ファイル名をゆっくり 2 回クリックすることです (下図を参照)。あまり速くクリックしないと、ファイルを開くのにダブルクリックになってしまいます。
このうち、htm はファイルのサフィックスであるだけでなく、Web ページ ファイルのタイプの説明でもあり、Web ページ ファイルが静的 HTML ファイルであることを示します (将来的には、サフィックス html で表すこともできます)。 、Web ページのサフィックスを htm または html に変更することを忘れないでください。そうしないと、サーバーにアップロードした後、ブラウザが正常に開くことができません。
【ヒント】
Web サイトの最初のページの名前は、通常、index.html であり、他の名前ではないのはなぜですか?たとえば、ブラウザに URL http://www.goeway.com/index.html を入力すると、開くページを明示的に指定しませんが、サーバーは自動的にファイルindex.htmlを検索します。存在する場合は、このファイルを表示します。存在しない場合は、再度、index.htm を探します。存在しない場合は、エラー メッセージが表示されます。最初にindex.html、次にindex.htmを検索する順序はサーバーによって決定され、ほとんどのサーバーはこの原則に従っており、一般のユーザーにはこの設定を変更する権限がありません。したがって、Web ページを作成する場合、Web サイトの最初のページには、index.html または Index.htm という名前を付けるのが最善です。
ページのプロパティを設定する
ページのプロパティの設定は、Web ページの作成を正式に開始する前に不可欠な手順です。新しく作成したindex.htmをダブルクリックして開くと、自動的に編集ウィンドウが表示されます。以下に示すように、[変更] > [ページ プロパティ] を選択して、必要なページ プロパティをいくつか設定します。
①タイトル: ページのタイトルはブラウザの左上隅に直接表示されます。たとえば、ブラウザで goEway.com の Web サイトを開くと、「goEway.com - インターネット」というページのタイトルが表示されます。ブラウザの左上隅にある「ガイド」をクリックします。各ページにタイトルを設定する習慣を身につけてください。これにより、訪問者が閲覧しやすくなるだけでなく、Web 編集プロセス中にさまざまなページを区別するのにも役立ちます。タイトルは Web ページの必須要素ではありませんが、Web ページ作成者が閲覧者の詳細を考慮したかどうかを反映します。
②背景画像: [参照] ボタンをクリックして、Web ページに背景画像を追加します。
③背景(背景色):デフォルトは白ですが、クリックして他の色を選択します。次の「#FFFFFF」は RGB カラー値を 16 進数で表示したものです。
④テキスト(文字色):ここでは文字を黒に設定します。背景とテキストの色が設定されていない場合(このとき、RGB カラー値は空として表示されます)、ブラウザはページを表示するときにシステムのデフォルト設定を使用することに注意してください。ただし、システムごとに設定が異なる場合があるため、ページの表示効果も大きく異なります。デザインのアイデアをページによりよく反映させるために、ページの背景色とテキストの色を設定することを忘れないでください。
⑤リンク(リンクの色):ハイパーリンクの色を設定します。設定されていない場合、デフォルトは青色です。
⑥左と上: 左と上のマージンを設定します。Web ページの編集を容易にするために、通常は「0」に設定されます。
ページ設定が正しいことを確認したら、「OK」をクリックして終了します。
最も単純な Web ページを作成する
最初はどれも難しいので、最も単純な Web ページから始めましょう。前の手順を段階的に実行すると、次のような画面が表示されるはずです。
この時点で、カーソルは編集ウィンドウの左上隅にあります。たとえば、「goEway.com へようこそ」などの任意のテキストを入力し、テキストを選択して、[サイズ] ドロップダウン メニューをクリックします。プロパティパネル。文字のサイズ(「6」など)を選択し、 をクリックします。以下に示すように、テキストを中央に配置し、テキストの前で Enter キーを数回押して、テキストが完全にページの中央に来るまでテキストを下に移動します。
メニューの [ファイル] > [保存] を選択して、ページを保存します。F12 を押してページの効果を確認します。