ホームページ > ウェブフロントエンド > htmlチュートリアル > Axure 図面ページ フレームの詳細グラフィックtutorial_html/css_WEB-ITnose

Axure 図面ページ フレームの詳細グラフィックtutorial_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 11:53:35
オリジナル
2218 人が閲覧しました

Axure はプロトタイプの描画に使用されており、ここ数日間の勉強と練習で多くのことを学びました。今日はちょっとお見せしましょう。

ヘッダー、下部、メニュー、ナビゲーションなど、異なるページ間には同じものがたくさんあり、それらはすべて一貫しています。ページの一部のみがアクティブであり、別のコンテンツを表示できます。今日はそんなフレームワークを作っていきます。

写真の黄色の部分はすべて修正されています。青い部分には、ナビゲーション バーの各クリックの内容に基づいて異なる情報が表示されます。

最初のステップ:

ヘッダーに独自のコンテンツを書き込みます。各サブページの内容を記述します。材料を用意してください。

ステップ 2

左側のナビゲーション。

ボタン

でインターフェースに追加されました‑ 以下に示すボタンをナビゲーション構造に追加します

インターフェイスに名前を編集したり、サブレベルを追加したり、同じレベルを設定したりできます。

ステップ 3

イベント ページを追加します。ページの右側に追加するインライン フレームを選択します。このコントロールは、さまざまなセクションを表示するために使用されます。

4 番目のステップ

は、すべてをうまく行うことです。

ナビゲーションの単価イベントをクリックしてユースケースを追加します。

わかりました。これで完了です。早速実行して見てみましょう。シンプルではないでしょうか?

プロトタイプ図にはまだ検討すべきことがたくさんあります。何か面白いことがあれば私と共有してください

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート