ウェブサイトのティッカーを作成する方法
マーキーとも呼ばれるティッカーは、表示画面の幅を横切ってスクロールし、一目で見て理解できるように設計されたメッセージを表示します。ニュースのハイライトや株式市場のデータを表示するためにテレビで一般的に使用されるティッカーは、Web でも表示されることがあります。数行の HTML とカスケーディング スタイル シート (CSS) コードを使用して、このタイプのコンテンツを Web サイトにすばやく追加できます。
ステップ 1
Web ページを開いて、その HTML コードを表示します。 Adobe Dreamweaver などのビジュアル編集ツールを使用する場合は、ページを開き、ティッカーを追加する領域をクリックします。表示モードをコード ビューに変更します。これにより、ページの外観を制御する HTML コードが表示されます。テキスト エディターを使用する場合は、エディターでページを開き、ティッカーを追加するページの部分までスクロールします。
ステップ 2
「Enter」キーを押して空白行を挿入してください。
ステップ 3
次のコードをコピーして空白行に貼り付けます:
このコードは、デフォルトでコンテンツを画面上で右から左にスライドさせるマーキー要素を定義します。マーキーの開始タグと終了タグの間に含まれる段落が、この例のコンテンツです。
ステップ 4
設計のニーズに合わせてコード パラメーターを更新します。開始マーキー タグは、CSS スタイル ルールを使用して、明るい灰色の背景色と、幅 1 ピクセルのわずかに暗い灰色の境界線を定義します。これらの値はすべて調整できます。さらに、段落の開始タグと終了タグの間にあるプレースホルダー コンテンツを独自のテキストまたは画像に置き換えます。
ステップ 5
ページを保存し、Web ブラウザーで開きます。ティッカーは、ステップ 1 で選択したページの画面上の場所に表示されます。