近年、ﾌﾞﾗｳｻﾞで見るｳｪﾌﾞｻｲﾄは、Windowsｱﾌﾟﾘｹｰｼｮﾝ風のﾕｰｻﾞｰﾌﾚﾝﾄﾞﾘｰなﾃﾞｻﾞｲﾝになっていて、ｽﾄﾚｽなくｻｲﾄを閲覧することができるようになりました。
しかしながら、ｲﾝﾀｰﾈｯﾄが普及し始めた二十数年前は、現在のような動きのあるｻｲﾄではなく、ｻｰﾊﾞｰに要求を出して、その結果をﾌﾞﾗｳｻﾞが受け取り、画面に表示するという、単純で静的なものでした。当時は、あえてｻｲﾄに動きをつけるために、GIFｱﾆﾒｰｼｮﾝ等を使ったものです。GIF（ｼﾞﾌ）は画像ﾌｧｲﾙの形式で、編集ｿﾌﾄを使い、複数の静止画像をつなげてｱﾆﾒｰｼｮﾝを作ることができる画像形式です。
このGIFｱﾆﾒｰｼｮﾝを使った一例が、下記サイトです。

https://railroad-model.jp/yamarin/kaisya.html

この地図は、簡単明瞭ですが、どことなくﾚﾄﾛです。最近はGoogle Mapや動画が主流ですね。

図4　弊社会社案内のｻｲﾄ(※1)

十数年前の弊社ｻｲﾄで導入した、車の動きで道順を案内するGIFｱﾆﾒｰｼｮﾝです。弊社への道順が分からないというお客様が多いため、最近復活させました。
現在の動きのあるｳｪﾌﾞｻｲﾄでは、ｸﾗｲｱﾝﾄ側のﾌﾟﾛｸﾞﾗﾐﾝｸﾞ言語であるJavaScriptと、文書構造を指示するHTML(HyperText Markup Language)、ｻｲﾄのﾃﾞｻﾞｲﾝを指示するCSS（ｽﾀｲﾙｼｰﾄ、Cascading Style Sheets）が重要な役割を担っています。
これらについて簡単に説明します。ﾌﾞﾗｳｻﾞはｻｰﾊﾞｰから送られてくるHTMLを受け取ります。このとき、HTMLに記述された指定のCSSを読込みます。そしてﾌﾞﾗｳｻﾞは、HTMLの文書構造とCSSのﾃﾞｻﾞｲﾝ指示に基づきｳｪﾌﾞｻｲﾄの画面を描画します。CSSの設定が変更されるとｻｲﾄのﾃﾞｻﾞｲﾝが大きく変わり、場合によってはﾃﾞｻﾞｲﾝが崩れることがあります。また、ﾌﾞﾗｳｻﾞの違いによって、CSSの解釈が異なる場合があり、ｳｪﾌﾞｻｲﾄを作成するときはCSSの設定に注意が必要です。
JavaScriptは、ﾕｰｻﾞｰの入力した文字をﾁｪｯｸしたり、HTML、CSSを任意のﾀｲﾐﾝｸﾞで書き換えたりすることができ、ｻｲﾄのﾃﾞｻﾞｲﾝを動きのあるものにします。