インターネットWebデザイン

フレーム - これは何ですか? フレームの構造と作成

フレーム - 私たちは別のWebページを参照してくださいするサイトの面積(窓)、。 ウェブマスターは彼らの友人や仲間のホーム・ページを表示するには、この機会を利用しています。 同じ方法は、Windowsの検索ボックスとその結果の数で表示する、というように。D.するために使用されます

しかし、メニューとサブメニューのかなりの数の大規模なWebポータルの作成に使用されるほとんどのフレーム。 このような通常は言う:「フレーム内の部位。」 そのようなリソースを作成するには、HTML言語の十分な知識が必要です。

ウェブサイトビルダーでフレームを作成します。

いくつかのウェブサイトビルダーでは、そのようなコードの自動生成を提供します。 一般的に、キーフレームの追加は、メインプログラムメニューです。 まず、あなたは(スクリーンショットに示すように)ウィンドウを開くためのボタンをクリックし、ページ上の適切な場所にカーソルを配置する必要があります。 幅と高さを:フレームで開きますページのアドレスを指定し、寸法を調整することが可能です。

しかし、メニューとサブメニューのかなりの数の大規模なWebポータルの作成に使用されるほとんどのフレーム。 このような通常は言う:「フレーム内の部位。」 そのようなリソースを作成するには、HTML言語の十分な知識が必要です。

この「サービス」を使用すると、取得しないように、ページ上の複数のフレーム、唯一の相互関連の要素を作成することが可能です。

CMSのフレーム

モジュールのインストールのウェブサイトの可能性を作成するための多くのプログラム。 例えば、Joomlaのフレームについて - このモジュール「ラッパー(ラッパー)」。

これは、発見し、CMSのJoomlaのコントロールパネルで設定することができます:「機能拡張」 - 「モジュールマネージャ」 - 「新規作成」(内部のプラス記号と丸いオレンジ色のボタン)。 では 、ポップアップウィンドウ、 リストで、あなたは「ラッパー」のモジュールが表示されます。

そうでない場合は、それが含まれていません。 それを使用するには、まずここでそれを有効にする必要があります:タブの「拡張機能」、「拡張機能マネージャー」は、その後、「管理」タブを。 ラッパー:と表示されたリストを見て、あなたはすぐに単語を入力して「フィルタ」で検索することができます。 反対このモジュールは、内部に緑色のチェックマークアイコンでなければなりません。 ドットと赤い円は内部のプラグインが無効になっていることを意味します。

この手順の後、あなたは、「モジュールマネージャ」に戻りフレームを作成し、そのパラメータを設定することができます。

絵で見ることができるように、モジュールは、あなたが設定することができます:フレームのタイトルは、モジュールの位置は、それが表示されたサイトのページを選択します。 また、幅、高さを調整することができます。 フレームと、Webページ上の実際のリンクを追加します。 フレームは、あなたがサイト全幅、100%、デフォルトのメインページを表示したい場合は、十分ではありません。 あなたは安全に右の400%を置くことができます。 200の高さは、ページの最上部のメニューを表示するのに通常は十分です。 ユーザー(訪問者)は、スクロールバーを使用している場合、コンテンツの残りの部分が表示されます。

ここでジュムラのどのフレームの一例です。

フレームを作成するためのJoomlaのモジュールは非常に便利で使いやすいです。 しかし、その範囲は限定されただけでなく、デザイナーの機能です。

歴史と現実

そのタグをフレームのウェブサイトを作成する実際には(自分のアプリケーション)の長い背景に追いやられました。 彼らはsaytostroitelyaせずにWebページのためのコードを生成する設計プログラムを設定するには、モジュールを交換することができました。 しかし、いくつかのケースでは、これは十分ではありません。 例えば、フレームは - ブラウザに表示される領域の統合複雑な構造です。 だから、所有者に複雑な構造化されたサイトを参照してください。 freymovskieのウェブサイトは、特殊なタグで独占的に作成したので、その作成には極端な場合にのみです。

複雑な構造化されたサイト

彼らにとって、いくつかの相互にフレームを作成するには、最適解リソース上のコンテンツを整理しています。 これは、毎年強いと広大な、通常は主要なポータルです。

同じ結果を達成するためにどのように? フレーム構造を作成する方法?

ページのコード内のフレームを入力する方法

フレームは、タグを使ってHTMLに追加されます。

  • (別ウィンドウ)フレーム
  • フレームセット(全体の構造は、それを使用して作成されます)。
  • IFRAME(「浮動」枠)。
  • NOFRAMES(ユーザーのブラウザで非表示フレームの場合)。

最初に指定した<フレームセット>のペアで常にフィットタグと。 そして、それはとを置き換えます。 名前(名=)、サイズ(COLS =と行=)、フレーム(枠線)の存在、スクロールバーや、もちろん、表示するWebページへのリンクの形式:そして、適切な属性を使用すると、各アイテムの特性を調整することができます。

バリエーション登録

サイト全体のページ領域に分割することができます。 たとえば、次のように:

トップフレーム

垂直に - そのような構造は、(それがネストされたと呼ばれる)、colsの内部タグの属性書き込み水平フレーム、および行の位置を示すことによって得ることができます。 記号や所定の大きさに等しく配置する必要があります。 例えば、60%、40% - 割合(一つのウィンドウはそれぞれ、空間ブラウザ別の60%をとり、40%)。 又は100、200 - ピクセル寸法の比率。 フレームの1つの寸法は、(デフォルト設定)を設定しないことも可能です。 これを行うには小数点の前か後に、あなたは*文字を指定する必要があります。

このペアのフレームセット内部パラメータで各フレームを登録します。SRC =のhttp://サイト/記事/ 143778 /%2C引用された以下の参照は、Webページやタイトル名=(例えば、フレーム1)に行われます。

それぞれの新しいエリアを入れ子にすることは、新しいフレームセットを指定されています。

サンプルコード:<フレームセットの行= "50" COLS = "80,20"> <フレームSRC =「http://fb.ru/article/143778/%5B%D1%81%D1%81%D1%8B% D0%のBB%のD0%のBAの%のD0の%のB0ページ "名前=" フレーム番号1 "> <フレームセット行=" 80,20 "> <フレームSRC =" http://fb.ru/article/143778/ページ%5B%D1%で81%D1%で81%D1%8B%D0%BB%D0%BAの%D0%以下のB0] "名前は=" フレーム№2 "> <フレームSRC =" HTTP://サイト/記事/ 143778 /%5B%D1%で81%D1%で81%D1%8B%D0%BB%D0%BAの%D0%のB0のページに "NAME =" フレーム№3「>

第二及び第三のフレームサイズは、一度だけ規定されているため、この例では気付きます。

パンの多くは、実行フレームを許可します。 ブラウザウィンドウ内の位置の例としては、(適切にコードを変更する)無限せることができます。 しかし、この情報の実用化には長い時間が見つかりません。 フレーム、サイトを作成するために、今日使用されますが、唯一の無料のCMSやIFRAME内のモジュールの形であれば。

浮動フレーム

私はそれがその名前を得た理由は、ここでの言葉は、「ビルトイン」がより適切であるだろう。 このフレームは、ファイルの内容を表示するように設計されています。 あなたはそれへのパスを設定しayfreymaタグを使用してデータベースに任意の文書やファイルをアップロードする - との訪問者は、テキストファイル(動画や画像)が表示されます。 残念ながら、ブラウザは、常に内容を反映していません。 このウェブビルダーは開閉フレーズの間に入力されている:「あなたのブラウザは内容を表示しません。」

例えば、Seopult.ru - 前進させるためのマスターから知られているサービス。 その主なウェブサイト、およびポータルの顧客のために作成I.seopult.proミラーだけではなく。

  • 指示するます。。 ここで、
  • タグは、リスト項目を決定するために設計されています。 すべてのブラウザでサポートされています。

    ミラー上では、ボタンの形で単語「取扱説明書」ページ自体を見ることができます。 あなたは、ブラウザウィンドウの中央にそれをクリックすると、プレゼンテーションを開きます。

    映画やテレビ番組を見ているため、すべての主要なサイトはayfreymov(例えば、「Imhonet」)、などのソーシャルネットワークを使用して作成されます。 でも「Yandexの」のホームページは、このタグではなく、1ペアが含まれています。

    IFRAMEを登録する方法

    任意の場所にすることができ、スクロールバー付きドキュメントウィンドウの形であなたのウェブサイトにダウンロードしてください。 通常、本体内に配置されたタグ。 標準に加えて、

    、上記の例を用いることができ、タグリストに示されているよう -

  • ayfreymで属性を追加しました:

    • 幅(幅)と高さ(高さ=)。
    • エッジ整列を整列させます。
    • 処方することはできませんパディング、デフォルト値は6である - これはかなり十分です。
    • allowtransparency透明フレームのフィールドを使用して、あなたはページの背景を見ることができるように指定することができます。
    • プラスおなじみのSCR、名前、スクロール、国境。

    ayfreymaを使用してナビゲーション

    最も興味深いのは、フレームの分野での能力です - のみ(同じページ上のユーザーが利用できる両方の)いくつかの参考文献で、クリエイターSeopultミラーをやったこと - これは、リンク上のウィンドウのコンテンツを開くことができ、コードを記述することです。

    この撮影したayfreymのために、それはさらに=名前の後に名前を登録します。 例えば、zagolovok。 さらに、HREF = HTTPで規定されたタグの との言及で彼の前に://サイト/記事/ 143778 /%D1%の必須81を示す彼らは=ターゲット属性zagolovok後。 あなたは終了タグを使用する前に、参照ボタンとして機能します碑文を、示されました。 タグ「と」開閉はpタグです。

    あなたは最終的にいくつかのボタンが、リンクは、そのウィンドウをクリックすると、以下の異なるコンテンツを表示する行でオンラインで入手するコードのこれらの数行を割り当てることができます。

    コードは次のようになります。

    広告掲載無料を

    広告を見る