0

私は現在、大学で参加している HCI クラスの一部として、基本的なプロトタイプを構築しています。私はアプリの画面をモデル化しましたが、使用法とナビゲーションを模擬できるように、html で画像をリンクしたいと考えています。私は HTML にほとんどまたはまったく精通しておらず、やろうとしていることで問題に遭遇しました。

このページを開くとURLは

デスクトップ/carpark_app_prototype/html/carstatus_page.html

しかし、ボタンをクリックすると、エリアタグが埋め込まれた URL を介して完全に別のページに移動し、代わりにここに移動します

デスクトップ/carpark_app_prototype/html/carstatus_page.html#carstatussuccess_page

私は何を間違っていますか？

<html>
<head>
<title>CarPark Application</title>
<h1 id="documentTitle">CarPark Application</h1>
</head>

<body>
<div class="Page" id="pulldownmenu_page">
<div class="ImageContainer">
<img width="320" height="500" src="pages%5Cpulldownmenu.png" usemap="#map_pulldownmenu" />
</div>
<map name="map_pulldownmenu">
<area shape="rect" coords="18,313,296,356" href="carparkstatusscreen_page.html" title="Go to page 'CarParkStatus_Screen'" />
<area shape="rect" coords="18,230,296,273" href="parkinghours_page.html" title="Go to page     'Parking_Hours'" />
<area shape="rect" coords="18,146,296,189" href="carstatus_page.html" title="Go to page     'Car_status'" />
<area shape="rect" coords="18,78,296,123" href="parkcar_page.html" title="Go to page 'Park_car'" />
<area shape="rect" coords="107,394,228,424" href="loginscreen_page.html" title="Go to page         'Login_Screen'" />

</map>
</div>


</body>
</html>
4

1 に答える 1

1

あなたは2つのことをすることができます：

ローカルサーバーでHTMLを実行 するApacheサーバーを使用してページを実行することをお勧めします。あなたはWindowsを使用していると思うので、WampServerは優れたシンプルなものになるでしょう。

  1. すべてのファイルをwwwディレクトリのフォルダに入れます。
  2. ブラウザにlocalhostと入力するか、完全な「ローカル」URL http：// localhost/[ディレクトリの名前]を入力します。例：My_Projectという名前のフォルダーを作成し、hemlファイル名がindex.htmlの場合：

http://localhost/My_Project/index.html

ファイル名だけでなく、ファイルのフルパスを入力します

ブラウザのメインのURL（実際にはそのパス）が次の場合：

file：/// C：/Users/your_user/Desktop/carpark_app_prototype/html/carstatus_page.html

他のすべてのhrefについては、フルパスを入力します。例：

<area shape="rect" coords="18,313,296,356" 
href="file:///C:/Users/your_user/Desktop/carpark_app_prototype/html/carparkstatusscreen_page.html"
 title="Go to page 'CarParkStatus_Screen'" />
于 2012-11-10T02:01:00.937 に答える