初心者でも website_html/css_WEB-ITnose を設定できます

IT 業界に入ったばかりの皆さんにとって、きちんとした企業 Web サイトを構成するのは大きな挑戦だと思いますか?同じような気持ちをお持ちの方は、今日この記事を読んでいただければ、かなり気持ちが楽になると思います。技術初心者の私が、次の方法で簡単にウェブサイトを設定できるので、ぜひ皆さんにお勧めしたいと思います。

上の図の Web サイトを構成するには、AEAI Portal ポータル統合プラットフォームのみが必要です。ポータル統合プラットフォームは、エンタープライズ アプリケーション センターまたはエンタープライズ アプリケーションの入口パネルとして使用でき、既存のビジネス システムからのデータを集約します。 AEAI Portal ポータル統合プラットフォームには、パートナー、顧客、企業リーダー、従業員などのさまざまなユーザーにマルチチャネル (PC、モバイル デバイスなど) アクセスを提供する、統合されたインターフェイスが付属しています。総合ポータル、ナレッジポータル、情報ポータル、モバイルポータルなどの例があり、初心者でも簡単に適切な Web サイトを構成できます。

具体的な手順:

1. ポータルの作成

AEAIPortal メディアをインストールした後、バックグラウンド管理に入ります。詳細なインストール手順とエントリ手順については、この記事ではあまり説明しません。

システム管理者のアカウントとパスワード（デモアカウント：管理者パスワード：admin）を入力してログインします。

ログイン後、[ポータル管理] をクリックして次のインターフェイスに移動します:

[追加] をクリックしてポータルを作成し、コンテンツを入力し、[保存] をクリックしてポータルを正常に作成します。ここでコードを 06 に設定します。会社 Web サイト 02 への名前、タイプ ログインを選択する前に、デフォルトのテーマが会社 Web サイトのテーマである場合は、有効を選択します。次の図に示すように、[保存] をクリックします。これで、ナビゲーション管理ページに作成したばかりの企業 Web サイト 2 が表示されます。

次のステップは、作成した会社 Web サイト 2 を [ポータルに戻る] の下のメニュー バーに追加し、管理ナビゲーションをダブルクリックし、ポップアップ ページで戻るポータル フォルダーを見つけて、新しい Web サイトを選択してクリックします。図に示すようにリンクします。

次のウィンドウが表示されます。上で入力した情報を入力するだけです。

2. ページの作成

次に、「企業 Web サイト 2」のページを設定する必要があります。まず、「企業 Web サイト 2」のナビゲーションの下にページを作成します。追加方法は次のとおりです。

ナビゲーション管理で「企業 Web サイト 2」をダブルクリックして編集モードに入ります。 「企業 Web サイト 2」に新しいページを追加するには、まず「ページを追加」をクリックして編集します。入力内容は次のとおりです。

なお、この記事の Web サイトのレイアウトは、データ通信ソフトウェア 実際のWebサイトのレイアウトを例として、必要に応じて実際にレイアウトを定義できます。

製品ファミリー、ソリューション、技術サービス、ニュース、情報のページも作成する必要があります。以下は製品ファミリーの作成例です。他のページの作成方法も同様です。

[カタログの追加] をクリックして製品ファミリー カタログを作成し、製品ファミリー カタログの下に製品カテゴリ カタログを追加し、製品カテゴリの下に単一の製品ページを追加します。方法は上記と同じです。

以下は編集された写真です。

3. ページ レイアウト

ここでは、会社の Web サイトのホームページを例として取り上げ、行コンテナーと列コンテナーを追加して、必要なページの全体的なレイアウトを設計します。

ページ レイアウトをクリックすると、次の画像がポップアップ表示されます:

ホーム ページには 4 つの行コンテナーと 7 つの列コンテナーが必要です。レイアウトには 2 つの行コンテナーがあるため、分割ボタンをクリックして 4 つの行コンテナーに分割します。分割方法は次のとおりです。

次に、[追加] ボタンをクリックしてポートレットを追加します。次の図が表示されます。グループ化して [コンテンツ表示] を選択し、HTML フラグメントをダブルクリックして選択します。 、フラグメントが追加されます。

会社 Web サイトのホームページの最初の行のコンテナーは画像を再生するため、コンテンツ表示で jQuery 画像の再生を選択します。

その後、Web サイトのレイアウトに従って、行コンテナーに 3 つの列コンテナーを追加する必要があります。追加方法は次のとおりです。「サブコンテナーの追加」ボタンをクリックし、必要なサブコンテナーの数を入力します。 「保存」をクリックします。

後で追加したポートレットはすべて HTML フラグメントです。 完成した図は次のとおりです。 他のページの構成方法は上記と同じです。

構成が完了したら、図に示すように、フロントエンド表示ページを見てみましょう:

以下は、製品ファミリーの下にある製品全体の紹介のページ レイアウトを構成します。ポートレット ボタンを追加し、最初のポートレットは「通常のメニュー リスト」、最後の 2 つは HTML フラグメントです。

右側のレイアウトでは、ポートレットを追加してメッセージのテキストを選択するだけです。

Web ページでより良いレイアウトを表示するには、幅の設定ボタンをクリックして、幅の比率を 18% ～ 82% に設定する必要があります。

他の製品やソリューションの構成も上記と同様です。

4. ポートレット編集

ポートレットを設定するページに移動し、コンソールで編集コンポーネント モードを選択し、「企業 Web サイト 2」ホームページに入り、図に示すように編集状態に切り替えます。

幅を 940 に編集し、高さを 940 に編集し、コンテンツに「いいえ」を選択します。図に示すように、データ URL は管理コンソールの「データ テンプレート」の「静的データ」にある必要があります。 :

jQuery 画像再生を選択し、右クリックして編集ページに入ります。図に示すように:

保存後、アドレスを上記のデータ URL にコピーします。図に示すように、

次に、次の HTML フラグメントを編集し、図に示すように編集モードに入ります:

HTML フラグメントであるため、テキストに「はい」を選択し、管理コンソールのコンテンツ管理メニューの情報収集・編集でコンテンツテキストIDを確認し、該当するコンテンツを見つけることができます。

たとえば、「製品情報」の内容を追加し、それを見つけてダブルクリックして編集モードに入り、クリックしてID情報をコピーします。

図に示すように、取得した ID をコンテンツ本文 ID に入力し、[保存] をクリックします。

ホームページ上の残りの HTML フラグメント構成は、上記の手順に従って構成できます。構成は以下の通りです。

この記事では、ホームページの構成について簡単に紹介します。その他の構成方法については、上記と同じです。詳しくは、Web サイトの構成マニュアルを参照してください。

http://www.agileai.com/portal/website/01/res-share.ptml AAEI ポータル製品メディアのダウンロード アドレス

http://pan.baidu.com/s/1kUEAVA3 Web サイト設定マニュアルのダウンロード アドレス

製品をダウンロードしてインストールし、Web サイトの設定マニュアルを参照して段階的に設定してください。

Web サイトの設定が正常に完了したら、次のステップは技術マニュアルを参照して、AEAI ポータルの他の強力な機能について詳しく学習することです。