スクロールメッセージ用のHTMLの書き方

あなたのビジネスのための専門のウェブサイトを設計し、作成しそして維持することは多くの仕事です。 あなたがあなたのウェブサイトを稼働させた後でさえも、訪問者を引き付けることはさらにもっと難しいことを証明することができます。 見込み客が広告やリンクをクリックして自分のサイトにアクセスしたら、競合他社のWebサイトにアクセスしないように、自分のページにすばやく注意を向けることが重要です。 訪問者の注意を引く1つの方法は、画面上を移動するテキストをスクロールすることです。 HTMLコードの断片だけで、磁石のように訪問者の目を引き付けるスクロールマーキーを作成できます。

1。

Windowsのメモ帳または好みのテキストエディタまたはHTMLエディタを起動します。 スクロールメッセージで強化したいWebページのファイルを開きます。

2。

スクロールメッセージをページに表示する位置までナビゲートします。 メッセージを表示する位置のすぐ上のコード行の末尾にマウスをクリックして移動し、Enterキーを押してコードにキャリッジリターンまたは改行を挿入します。

3。

次のコードをコピーしてHTMLドキュメントに貼り付けると、ページの右側から1回スクロールしてもスクロールしないテキストを含む単純なスクロールメッセージを作成できます。

ここにスクロールメッセージを入力してください

4。

次のコードをコピーしてページに貼り付け、右からスクロールインしてループ内をスクロールし続けるテキストを含むスクロールメッセージを挿入します。

ここにスクロールメッセージを入力してください

5。

次のコードをコピーしてHTMLドキュメントに貼り付けると、テキストが画面上で連続的に前後に移動するスクロールメッセージが作成されます。

ここにスクロールメッセージを入力してください

6。

次のコードをコピーしてページに貼り付け、テキストをテキストボックスの下部から上にスクロールさせます。

ここにスクロールメッセージを入力してください

7。

マーキーコードに「scrollamount」引数を挿入して、メッセージのスクロール速度を変更します。 たとえば、次のようにするとメッセージが画面上でゆっくりスクロールします。

ここに遅いスクロールメッセージを入力してください

以下のコードを使用して、メッセージが画面上ではるかに速くスクロールするようにします。

ここにあなたの速いスクロールメッセージをタイプしてください

必要に応じて「scrollamount」変数を変更して、テキストのスクロール速度を増減します。

8。

HTMLファイルをメモ帳またはお好みのエディタアプリケーションに保存します。 Webホスティングコントロールパネルにログインし、ファイルマネージャまたは同様のユーティリティを使用してファイルをWebサーバにアップロードします。

9。

Webブラウザを開き、更新されたHTMLページのURLに移動します。 ブラウザウィンドウにページが読み込まれると、メッセージは画面上をスクロールします。

ヒント

  • Webページにスクロール画像を挿入することもできます。 これを行うには、ページ上のスクロール画像を表示する位置に次のコードをコピーして貼り付けます。
  • 「//www.somesite.com/images/picture.gif」を、画面上でスクロールしたい画像の実際のURLに変更します。
  • HTMLコードを一から書くことに自信がない場合は、オンラインマーキーコードジェネレータを使用してコードを作成できます。 Quackit.com、HTMLMarquee.com、HTMLBasix.comなどのサイトでは、無料で使いやすいジェネレータを使用してスクロールメッセージをデザインし、その後任意のWebページに貼り付けるHTMLコードを生成できます(「参考文献」のリンク)。

人気の投稿