「ホームページのトップページにテロップを流したい。」
真っ先に思い浮かんだのが、Java-Script。次にFlash。
でも、一行だけの簡単なテロップなので面倒だな~と思い、調べてみた。
そしたら意外と簡単にできるんですよ。テロップ。HTMLの基本的なタグでした。
マーキータグの ~ を使用すればOK。
タグの属性は以下の通り。
height="高さ"・・・・・・・・・・・・・・
スクロール範囲の高さ(ピクセルまたは%で指定)
width="幅"・・・・・・・・・・・・・・・・・
スクロール範囲の幅(ピクセルまたは%で指定)
hspace="左右の余白"・・・・・・
左右の余白(ピクセルで指定)
vspace="上下の余白"・・・・・・
上下の余白(ピクセルで指定)
behavior="動作の仕方"・・・・
スクロール動作の仕方behavior="scroll" 画面を横切る動作を繰り返すbehavior="alternate" 画面を往復する動作を繰り返すbehavior="slide" スクロールの端まで来ると停止する
direction="方向"・・・・・・・・・・・・
スクロール方向(leftまたはrightで指定)
loop="回数"・・・・・・・・・・・・・・・・
スクロール回数(デフォルトは無限)
scrolldelay="時間の間隔"・・・
再描画までの時間の間隔(秒数で指定。値が大きいと遅く、値が小さいと速くなる。単位は1/1000秒、デフォルトはscrolldelay="85")
scrollamount="進む距離"・・・
再描画までに進む距離(ピクセルで指定。値が大きいと速く、値が小さいと遅くなる。デフォルトはscrollamount="6")
truespeed・・・・・・・・・・・・・・・・・・
scrolldelay で指定した時間が正確に守られます。この属性が無い場合は 60ミリ秒単位で丸められます。
bgcolor="背景色"・・・・・・・・・・・
スクロール部分の背景色
真っ先に思い浮かんだのが、Java-Script。次にFlash。
でも、一行だけの簡単なテロップなので面倒だな~と思い、調べてみた。
そしたら意外と簡単にできるんですよ。テロップ。HTMLの基本的なタグでした。
マーキータグの ~ を使用すればOK。
タグの属性は以下の通り。
height="高さ"・・・・・・・・・・・・・・
スクロール範囲の高さ(ピクセルまたは%で指定)
width="幅"・・・・・・・・・・・・・・・・・
スクロール範囲の幅(ピクセルまたは%で指定)
hspace="左右の余白"・・・・・・
左右の余白(ピクセルで指定)
vspace="上下の余白"・・・・・・
上下の余白(ピクセルで指定)
behavior="動作の仕方"・・・・
スクロール動作の仕方behavior="scroll" 画面を横切る動作を繰り返すbehavior="alternate" 画面を往復する動作を繰り返すbehavior="slide" スクロールの端まで来ると停止する
direction="方向"・・・・・・・・・・・・
スクロール方向(leftまたはrightで指定)
loop="回数"・・・・・・・・・・・・・・・・
スクロール回数(デフォルトは無限)
scrolldelay="時間の間隔"・・・
再描画までの時間の間隔(秒数で指定。値が大きいと遅く、値が小さいと速くなる。単位は1/1000秒、デフォルトはscrolldelay="85")
scrollamount="進む距離"・・・
再描画までに進む距離(ピクセルで指定。値が大きいと速く、値が小さいと遅くなる。デフォルトはscrollamount="6")
truespeed・・・・・・・・・・・・・・・・・・
scrolldelay で指定した時間が正確に守られます。この属性が無い場合は 60ミリ秒単位で丸められます。
bgcolor="背景色"・・・・・・・・・・・
スクロール部分の背景色
インラインフレームで横スクロールバーが表示されるバグ
2010年7月16日 HP作成 コメント (2) ホームページにインラインフレーム(iframe)を組み込み、外部HTMLファイルを読み込んでinformationを行おうとしたところ、意図せず横スクロールバーが表示されてしまいかっこ悪い。縦スクロールはOKです。
当然、親フレームと子フレームのwidthチェック、marginやpaddingのチェック、borderのチェック全て行ったが問題なし。色々調べた結果、これはブラウザ側のバグであることがわかり、次の方法で解決できました。強制的にスクロールバーを表示させないのです。
これで解決できる。。。ハズ?(私は解決出来ました)
当然、親フレームと子フレームのwidthチェック、marginやpaddingのチェック、borderのチェック全て行ったが問題なし。色々調べた結果、これはブラウザ側のバグであることがわかり、次の方法で解決できました。強制的にスクロールバーを表示させないのです。
インラインフレームに読み込まれるファイルのタグに次の項目を加えます。
style="overflow-x:hidden;"
これで解決できる。。。ハズ?(私は解決出来ました)
ホームページの作成は何にする?
2010年6月28日 HP作成 コメント (2) ホームページの作成ツールというと、パーソナルユースでメジャー?なのが「Homepage Builder」(開発IBMで販券はJustSystemにうつるらしい・・・)だと思われる。
昔使ったことあるが、確かに簡単。必要なツールが揃っていて、ワープロ間隔で作成できました。しかし、できあがったものは、何となく「素人が作りました~(;´▽`A``」的なところが多く、気に入らなかったのです。確かに素人なのですが、ハイ。
そこで、今回は会社のHPを作るということもあり、プロユースのDreamweaver(開発販売adobe)を使うことにしました。いずれ、外注したときでもDWで作られることが多いので、メンテナンスを自社でするには覚えていたほうが良いというとで、暗躍開始です。ハイ。
参考書もそんなに数があるわけでもなく、初めはとっつきづらかったです。ところが、参考書を少しずつ揃えながら、PhotoshopやIllustrator、Fireworksを交えながらあれこれやっていると、意外に楽しくなってきます。まだまだ、機能は使いこなせていませんが、少しずつ覚えていきたいと思います。
HPができあがるまでの個人的なメモ書きです。
昔使ったことあるが、確かに簡単。必要なツールが揃っていて、ワープロ間隔で作成できました。しかし、できあがったものは、何となく「素人が作りました~(;´▽`A``」的なところが多く、気に入らなかったのです。確かに素人なのですが、ハイ。
そこで、今回は会社のHPを作るということもあり、プロユースのDreamweaver(開発販売adobe)を使うことにしました。いずれ、外注したときでもDWで作られることが多いので、メンテナンスを自社でするには覚えていたほうが良いというとで、暗躍開始です。ハイ。
参考書もそんなに数があるわけでもなく、初めはとっつきづらかったです。ところが、参考書を少しずつ揃えながら、PhotoshopやIllustrator、Fireworksを交えながらあれこれやっていると、意外に楽しくなってきます。まだまだ、機能は使いこなせていませんが、少しずつ覚えていきたいと思います。
HPができあがるまでの個人的なメモ書きです。