ウェブデザイン ゲインズ

千葉を中心にホームページ作成・管理業務などを行っています。
千葉県市原市若宮 4-7-13
TEL:0436-40-1109
ウェブデザイン ゲインズ

使うエディタ・他ソフト

ホームページ作成に当たり、タグを触らずに編集するにはホームページエディタが便利です。
そこで、利用するテンプレートによってその使い方の説明やソフトの特徴などを説明していきます。



スポンサーリンク

作る道具(ソフト)

無償で利用出来る基本的なソフトの紹介と、ダウンロード先です。

Microsoft Expression Web 4
ノーマルHTML編集向き
このソフトは、Microsoftが2012年頃まで、有償で売られていたソフトの一つです。
特化した機能としては、表作りが極めて簡単で、また、使い方もワードなどに似ており取っつきやすいのがのが特徴と言えるでしょう。
※注意:USサイトからダウンロードされる場合は「Details」の+で選択 項目を開き「Japanese」のリンクからダウンロードしてください。
▼ダ ウンロードサイト
https://www.microsoft.com/en-us/download/details.aspx?id=36180
直リンクでのダウンロード

BlueGriffon
HTML5に特化したソフト
ノーマルタイプも問題なく使えますので、オールラウンドタイプして使えます。
詳細は、HTML5+CSSの所で説明しています。
▼ダウンロードサイト
http://bluegriffon.org/
インストール時の注意点:
このソフトは多言語ソフトです。このためインストール 時に「日本語」を選択してインストールしてください。編集時の注意点:文字の入れ込み後、文字間に半角スペース空いてしまうバグがあるようで、隙間を見つけたらスペースを消してください。
ダウンロードの注意点:
2015/11月現在バージョンが1.8にアップしています。
ダウンロードページにアクセスされましたら、1.8のダウンロードより下に1.72のバージョンが置いてあります。このページの「bluegriffon-1.7.2.exe 」がインストールプログラムとなります。
1.8は、現時点で日本語インストールが出来ないようなので、日本語表示を必要とされる場合は、必ずこちらを使ってください。(インストール時に選択が出来ない)

バージョン1.8以降を日本語化する方法
1.72より前バージョンインストールしたことがある方に起きる現象で、日本語化できないというバグがあります。もし、このバグに遭遇されているようでしたら、下記の方法でインストールが可能になります。
当方も同じ現象でしたので、この方法で無事日本語インストール出来ました。

下記の削除場所がパソコンによって、異なることもありますから、エクスプローラー(ウェブ回覧ソフトではありません)からc:ルート検索で「Disruptive Innovations SARL」と入れて検索掛ければ、2つのフォルダーが引っかかってきますので、各フォルダー内の「BlueGriffon」フォルダーを削除します。

(1) コントールパネルからBluegriffonをアンインストール
(2) C:\Users\username\AppData\Local\Disruptive Innovations SARL内のBlueGriffonディレクトリを削除
(3) C:\Users\username\AppData\Roaming\Disruptive Innovations SARLのBlueGriffonディレクトリを削除
として、Bluegriffonを再インストール。

その後、ツール→オプション→詳細→インストール済みの言語を選択で日本語選べば使えます。

現行2.2での問題点が次のような事が有ります。
文字装飾の問題として、色の変更が簡単に出来なくなってます。
ほとんどスタイルシートを変更する形で文字のカラー変更しているようですが、かなり使い勝手が悪く私の場合元の1.72に戻しました。他にも、1.72からかなり変更点があるようで、使いにくいと感じる方も居るかと思います。

テキストエディタ Mery
このソフトは、タグを一部変更するなどの時に役にたつソフトです。
▼ダ ウンロードサイト
http://www.haijin-boys.com/wiki/ダウンロード

コード変換ソフト
このソフトは、ノーマルHTML、HTML5では使われている文字コードで文字化けする事があります。
このような時に、コード変換が出来るソフトです。
▼ダウンロー ドサイト
KanjiTranslator 1.6

http://www.kashim.com/kanjitranslator/

FileCode Checker ver 1.2.0
http://www.project-ia.org/software/fcc.html
この二つは、同じエンコードソフトですが、お好みで選んでください。

FTPソフト

このソフトは、サイトにデータアップのためのソフトです。
最近では、FTPソフトも増えてきましたが、数年前まではフリーの物はこれが一般的なソフトでした。
使用方法は、FFFTPのサイトに記載されています。
▼ダウンロードサイト
FFFTP
https://osdn.jp/projects/ffftp/

画像関係

この講座では、基本的に画像を取り扱う講座はしていませんが、やはりなんかあった方が良いという方のために、下記の窓の杜からダウンロードされると良いでしょう。

http://www.forest.impress.co.jp/library/nav/genre/pic/piccam_paint.html


スポンサーリンク

ページのトップへ戻る