Expression Web 4 Beginner's Guide

Expression Web初心者向けガイド。ステップバイステップで解説していきます。

[戻る]
一括表示

テンプレートのメニューについて 投稿者:あずみ 投稿日:2019/04/04(Thu) 10:59:18 No.2

この度、Expression web4を使用してコンテンツを作成すことになりました。
何かいいサンプルがないかと模索していたところ、当サイトのテンプレートがシンプルで使いやすそうデしたので、テンプレートをダウンロードさせていただきました。

左サイドバー、右コンテンツのパターンをダウンロードさていただいたのですが、
 1.上部のメニューが横並びにならない。
 2.左サイドバーが下部に配置されてしまう。
という事象が発生しております。

テンプレートのどこを変更すれば、正しい位置に配置されますでしょうか?
よろしくお願いいたします。

Re: テンプレートのメニューについて 投稿者:wanichan 投稿日:2019/04/04(Thu) 11:19:23 No.3

ダウンロード直後の場合は、上部のメニューは横並びになっていましたか?
左サイドバーはブラウザーで見たときにちゃんと左側に表示されましたか?

まず、サイドバーが下部に行く場合は、いずれかのカラム(メニューまたはサイドバー)が想定する最大幅を超えた場合に発生します。
画像か何かを挿入したのでしょうか?

Re: テンプレートのメニューについて 投稿者:あずみ 投稿日:2019/04/04(Thu) 13:03:03 No.4

早々にありがとうございます。
> ダウンロード直後の場合は、上部のメニューは横並びになっていましたか?
> 左サイドバーはブラウザーで見たときにちゃんと左側に表示されましたか?
→上記2点においては、ダウンロード直後ブラウザで確認した際、うまく表示されてました。

> まず、サイドバーが下部に行く場合は、いずれかのカラム(メニューまたはサイドバー)が想定する最大幅を超えた場合に発生します。
> 画像か何かを挿入したのでしょうか?
→ 特に何も変更かけてませんでした。(よって、画像挿入等もなし)

いずれもデスクトップ直後、IEで開いたときは正常で、 Expression webに取り込んだ際、崩れてしまいました。

Re^2: テンプレートのメニューについて 投稿者:wanichan 投稿日:2019/04/04(Thu) 13:08:37 No.5

Expression Webにインポートした直後に崩れてしまったということですか?
その後何も編集していないということでしょうか?
そのExpression WebにインポートされたWebページを選択して、ブラウザーでプレビューしたらどうなりますか?

Re^3:テンプレートのメニューについて 投稿者:あずみ 投稿日:2019/04/04(Thu) 13:24:11 No.6

そうなんです。
Expression Webにインポートした直後に崩れてしまうんです。
ブラウザーにて表示しても一緒です。

WebServerに問題があるのでしょうか。。。

Re^4:テンプレートのメニューについて 投稿者:wanichan 投稿日:2019/04/04(Thu) 13:39:44 No.7

確認なんですが、インポートしたファイルはCSSファイルもすべてそのままインポートしましたか?
崩れてしまうというのは、単にスタイルが正しく適用されていないとかではないですか?
インポートした直後の画面はどのようになっていますか?
できればスクリーンショットを添付していただければ助かります。

Re^5:テンプレートのメニューについて 投稿者:あずみ 投稿日:2019/04/04(Thu) 14:11:32 No.8

> 確認なんですが、インポートしたファイルはCSSファイルもすべてそのままインポートしましたか?
> 崩れてしまうというのは、単にスタイルが正しく適用されていないとかではないですか?
> インポートした直後の画面はどのようになっていますか?
> できればスクリーンショットを添付していただければ助かります。

何度も申し訳ありません。
ダウンロードしたフォルダ毎インポートしておりますので、CSSファイル等触ってないです。
変更したのはフォルダ名くらいです。
再度ダウンロードし、インポートしてみました。
ご確認いただければ幸いです。

Re^6:テンプレートのメニューについて 投稿者:wanichan 投稿日:2019/04/04(Thu) 14:17:43 No.9

確認なんですが、最初にDOCTYPEとCSSの設定を行いましたか?
正しく設定されていない場合はおかしくなる場合があります。
あと、HTML5のテンプレートはデザインビューで正しく表示されない場合があります。これは仕様の動作です。
ブラウザーでプレビューして確認してください。
テンプレートにおけるデザインビューは、レスポンシブWebデザインになっており、タブレットの縦向きの場合の表示となります。よって、デザインビューでは段組み表示にはなりません。

もし、HTML5でレンダリングが気になるようであれば、HTML 4.01のテンプレートを利用してください。

Re^7:テンプレートのメニューについて 投稿者:あずみ 投稿日:2019/04/04(Thu) 14:23:03 No.10

色々とアドバイスありがとうございます。

> 確認なんですが、最初にDOCTYPEとCSSの設定を行いましたか?
 → 当現象は、設定してから、インポートしました結果です。

>もし気になるようであれば、HTML 4.01のテンプレートを利用してください。
→ こちらも、設定を変更してからインポートしてみましたが、同現象でした。

仕様であればあきらめざるを得ないですね。

Re^8:テンプレートのメニューについて 投稿者:wanichan 投稿日:2019/04/04(Thu) 14:30:25 No.11

レスポンシブWebデザインは、Expression Webのデザインビューではブラウザーのように表示されません。
あくまでも基本CSSの部分を再現しているだけなので、段組みにならないのは正常動作です。
実際に私の運営サイトにおいても、段組みがされない状態で編集しています。

Re^9:テンプレートのメニューについて 投稿者:あずみ 投稿日:2019/04/04(Thu) 14:54:19 No.12

色々とありがとうございました。
もう少し検討してみます。

Re^10:テンプレートのメニューについて 投稿者:wanichan 投稿日:2019/04/04(Thu) 22:46:07 No.13

あ、スクリーンショットの大事な部分を見落としていました。

Expression Webは基本、ローカルで作業するツールです。
サーバー上にあるものを直接開いて更新できるように設計されていません。
WebDAVとかでは直接上書き保存すれば反映されたりしますが、サイト管理機能など、ほとんどの機能が正常動作しません。

原則的に作業中のパソコンのローカルディスクで更新を行い、FTP等でパブリッシュする必要があります。
複数の端末を所有して、常に同期を取りたいというのでしたら、OneDrive等のクラウドサービスを利用するのも一つの手です。
https://blog.wanichan.net/entry/2018/06/25/155245

以上、よろしくお願いいたします。

▲このページのトップへ

- WebForum -