[Web構築]ウェブサイト作成ソフト

HTML、CGI、PHPのソースを書くときに便利なソフト ez-htmlのインストール方法の紹介である。

ez-htmlのインストール

  1. Web Frontierへ行く。
  2. 最新版(書いた時点で Ver7.64)をダウンロードする。
  3. 適当なフォルダにインストールする。

文法検証 Another HTML-lint のインストール

HTMLの構文ミスを調べるソフトをインストールする。

  1. Another HTML-lintから、htmllint.lzhをダウンロードし、適当なフォルダに展開する。例)F:\www\htmllint
  2. ActivePerlをインストールする。
  3. Jcode.plへ行き、「Tarballを直接入手」のZIPをダウンロードし、展開する。フォルダごと、D:\Perl\libに上書きする。

ez-htmlの設定

  1. 詳細設定-HTML-文法検証を開き、ActivePerl?とHTMLlintのインストール先を指定する。
  2. 新規HTML文書を作成し、HTML文書検証タブをクリックして、文法チェック画面が文字化けせず表示されればインストールは完了。

[javascript]外部リンクアイコンをつけたい

これがスクリプトも簡単。
http://www.towano.net/ua-ks/index.php?wiki%A5%D1%A1%BC%A5%C4

これだと、画像リンクにもアイコンがついてしまうので、以下のように修正してみました。

function external_link(){
 var host_Name = location.host;
 var host_Check;
 var link_Href;
 var link_Text;
 var img_Check;

 for(var i=0; i < document.links.length; ++i)
  {
    link_Href = document.links[i].host;
    link_Text = document.links[i].innerHTML;
    host_Check = link_Href.indexOf(host_Name,0);
    img_Check = link_Text.indexOf("<img",0);
    if(host_Check == -1){
      if(img_Check == -1) {
        document.links[i].innerHTML = document.links[i].innerHTML + "<img src=\"skin/external/external_link.gif\" height=\"11px\" width=\"11px\" alt=\" [外部リンク]\" class=\"external_link\">";
      }
      document.links[i].target = "_blank"; 
    }

  }
}
window.onload = external_link;