最近Dreamweaverを使い始めました。Bootstrapのテンプレートを使用し、Webページを作成しようとしています。
テンプレートをDreamweaverで開く際に「代わりにローカルソースを使用してプレビューしますか?」と表示されるため「はい」を選択しています。
カルーセル画面やナビメニューを設定していますが、ライブビュー(?)には希望通りに動作表示されますが、
実際のサーバにアップロードすると、
カルーセル画面は初期画面のまま動かず、
ナビメニューもウインドウサイズを狭めてモバイル用のハンバーガーメニューを表示させてボタンを押しても他メニューが表示されません。
もしかすると上記2点以外にも正しく動作していない箇所があるかもしれません。
Adobe Dreamweaver CC 2018
ブラウザは Google Chrome、Microsoft Edge、Internet Explorer、Firefox で試しました。
HTML
1<div class="nav navbar navbar-default" role="navigation" id="fixedBox"> 2 <div class="container"> 3 <div class="navbar-header"> 4 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 5 <span class="sr-only">Toggle navigation</span> 6 <span class="icon-bar"></span> 7 <span class="icon-bar"></span> 8 <span class="icon-bar"></span> 9 </button> 10 </div> 11 <div class="navbar-collapse collapse"> 12 <ul class="nav navbar-nav"> 13 <li><a href="http://xxx"><img src="img/index/nav_home.png" class="img-responsive center-block"></a></li> 14 <li><a href="recruit.html"><img src="img/index/nav_recruit.png" class="img-responsive center-block"></a></li> 15 <li><a href="about.html"><img src="img/index/nav_about.png" class="img-responsive center-block"></a></li> 16 <li><a href="contact.php"><img src="img/index/nav_contact.png" class="img-responsive center-block"></a></li> 17 </ul> 18 </div> 19 </div> 20</div> 21 22<div id="carousel_01" class="carousel slide" data-ride="carousel"> 23 <div class="carousel-inner"> 24 <div class="item active"> <img src="img/index/header_bg.png" alt=""></div> 25 <div class="item"> <img src="img/index/header_bg1.png" alt=""></div> 26 <div class="item"> <img src="img/index/header_bg2.png" alt=""></div> 27 </div> 28 <a class="left carousel-control" href="#carousel_01" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span> </a> <a class="right carousel-control" href="#carousel_01" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span> </a> 29</div>
今回のWebページは以前作成したWebページの再利用のため、以前作成したWebページそのものをサーバからダウンロードし、再アップロードも試しましたが状況変わらず(カルーセル画面もハンバーガーメニューも動作しません)でした。コピーしたページをローカル環境でDreamweaverで開くと、ライブビューでは希望通りに表示されます。
何度やっても状況変わらず行き詰まってしまいました。
・なぜDreamweaver画面とブラウザ画面で差が出るのか
・なぜ正常に動作するファイルをすべてコピーしても正しく動作しないのか
何かご助言いただけるとありがたいです。どうぞよろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/02/16 23:52