ホームページ内にaタグでURLリンクを貼りつけたイメージ画像ですが、選択時やページ内でクリックした場合などは、画像の周りに点線の枠が見られます。 マウスオーバー時のマウスカーソル同様、どの画像が選択されクリッカブルなのかをユーザーに知らせてくれ…

CSSはカスケード(段階や構造)化された名前の通り、最後に記述されたセレクタが優先され、各セレクタの優先順位はIDセレクタ、クラスセレクタとなっています。また、import(ブラウザによっては読み込みが遅くなる)などでCSSファイルを指定した場合もその記述…

JQueryを使用してホームページを制作する機会や頻度がとても高くなりました。一方、IneternetExplorerのバージョンはいくつもリリースされてきて、それぞれレンダリングエンジンが異なるブラウザといってもよいくらい、HTMLやcss、JavaScriptの解釈がことな…

InternetExploreのドキュメントモードとは、Webページのソースコード、DTD宣言などに応じてHTMLおよびCSSの出力方法、つまりレンダリング/表示方法が変わる仕組みのことです。 これはIEのバージョンによって、レンダリングする機能(レンダリング・エンジン)…

無料のCGIで動くメールフォームプロを導入してみます。 メールフォームプロとは無償でSYNCK GRAPHICA社が提供するプログラムで、以下からダウンロード可能です。 http://www.synck.com/contents/download/cgi-perl/mailformpro.html 1・メールフォームプログ…

HTMLのタグ、BLOCKQUOTEとは、比較的長めの文章を<BLOCKQUOTE>～</BLOCKQUOTE>で囲みます。 ブラウザにもよりますが、タグで囲まれた範囲は上下に1行分のスペースが挿入され、左右がインデント（字下げ）、上下左右にスペースが空きます。 ただしインデント目的に<BLOCKQUOTE>タグを使用するのは正</blockquote>…

あるWebサービスを利用しようとしたら、『本コンテンツはWindows 8-style UIに対応していないため、デスクトップでのご利用を推奨しております。もしWindows 8-style UIでご利用中の方は、画面右下の「ページツール（スパナマークのアイコン）」より「デスク…

ファイル拡張子のsteとは、HTMLオーサリングソフトのサイトの管理を行うためのプロジェクトファイルのサイト定義ファイルのこと。 拡張子steのファイルを開くには、XML形式のデータなのでテキストエディタで開けますが、本来は、ファイル形式で管理できるよ…

Adobe Dreamweaverのサイト管理情報はファイル拡張子.steで管理可能です。ファイル拡張子のsteとは、HTMLオーサリングソフトのサイトの管理を行うためのプロジェクトファイルのサイト定義ファイルのことで、Dreamweaverで編集したサイト管理設定を個別にエク…

ホームページ制作時に、フッター最下部にℂ(マルシー)などと年号、著作権者、All rights reserved.なんて記述を見かけることも多いのですが、まずこの著作権表記の意味について。 基本的にはこの記述は慣例として表記されていて、この記述にはほとんど意味が…

ホームページのURL末尾につけるスラッシュ「/」のことを「トレイリングスラッシュ(trailing slash)」といいますが、どの程度必要かということについて。一般的に、URLの末尾にスラッシュがある場合は、ディレクトリを直接指定しており、スラッシュが無の場合…

コラム～あるWebデザイナーの寄稿～憧れのWebデザイナーになりたての頃、そうはいっても2、3年目の頃だが、いまひとつWebデザイン力が向上しないで悩んでいた。本や雑誌を見たり、すでに出来上がっている素敵なWebサイトを見本や参考にして制作するWebデザイ…

Dreamweaverでの検索や置換作業では、単一キーワードだけではなく、連番などを含んだ文字列を検索したり置換えしたい場合があります。例えば拡張子のみをPNGからJPEGに変更したいときや、共通のファイル名を別の名称に変更したときなどです。基本的にはDream…

お知らせ機能などのCGIなど、SSIを含むHTMLページは、便宜上.shtmlとされていることがある。拡張子.shtml(エスエイチティエムエル)とは、SSI（Server Side Include）スクリプトを...続きは⇒ ホームページ制作のWEB制作システム