![](https://www15.a8.net/0.gif?a8mat=3B75QY+48EZN6+4B5K+5ZMCH)
最高の6ヶ月!超実践型プログラミングスクール【.pro】
![](https://www19.a8.net/0.gif?a8mat=3B75QY+48EZN6+4B5K+5YJRM)
ネットショップ運営でhtmlやcssとかよくわからないけどタグ変更しないといけない・・
無料のエディタにはプレビューが無くてうまく変更できたかわからない
などなどお悩みが多いと思います。
純粋に htmlやcss を勉強したいという方にはsublime text3 や Atomなどがおすすめですが、今回は初心者の方向けに是非とも使ってみてほしいエディタ「 Microsoft Expression Web 4 」のダウンロードとインストールの方法をご紹介します。
過去にMicrosoftが販売していましたが、2012年の開発終了後、無償で公開されているツールです。
8年前に開発終了していますが今でも十分使える エディタ ですよ!
タダなので一度試してみて下さい。
1.「Microsoft Expression Web 4 」のダウンロードする。
まずこちらからダウンロードします。
![](https://python-auto.com/wp-content/uploads/2020/03/DL1-1024x745.png)
オレンジ色の目立っている「Download」ボタンがありますがこれは英語版となっています。
日本語版も用意されているのでそちらをダウンロードしましょう。
![](https://python-auto.com/wp-content/uploads/2020/03/DL2-1024x745.png)
「Details」をクリックするといろいろなバージョンが出てくるので「Japanese」をクリックして「Web_Trial_ja.exe」をダウンロードします。
ダウンロードが完了したら次のインストールに移ります。
2.「Microsoft Expression Web 4 」のインストール
先ほどダウンロードした「Web_Trial_ja.exe」を右クリックで実行しインストールを開始すると、すぐに「Microsoft Expression Web 4 (Free Version) 」のセットアップウィザードが開始されます。
![](https://python-auto.com/wp-content/uploads/2020/03/インストール1.png)
使用許諾契約書が出るので内容の確認をして「同意する」をクリックして進めます。
![](https://python-auto.com/wp-content/uploads/2020/03/インストール2.png)
「カスタマーエクスペリエンス向上プログラムへ参加します」が表示されたらどちらでも良いので選んで進めます。
ここでは「いいえ」を選択して進めます。
![](https://python-auto.com/wp-content/uploads/2020/03/インストール3.png)
「インストール」が表示されたら、そのまま「インストール」をクリックします。
インストール先に指定がある場合はオプションから指定します。
![](https://python-auto.com/wp-content/uploads/2020/03/インストール4.png)
これでインストールが完了しました。
3.Microsoft Expression Web 4を使ってみる。
簡単な使い方だけ解説しておきます。
WindowsのスタートメニューからMicrosoft Expression Web 4を起動させます。
![](https://python-auto.com/wp-content/uploads/2020/03/起動加工1-1024x785.png)
このような画面になります。
左下のタブがデザインになっているとプレビューが表示されています。
![](https://python-auto.com/wp-content/uploads/2020/03/起動加工2-1024x785.png)
真ん中の分割にすると下部プレビューを見ながら上部のスペースから編集することが出来ます。
基本的にここにしておけばどちらも見れるので便利です。
![](https://python-auto.com/wp-content/uploads/2020/03/起動加工3-1024x785.png)
コードではhtmlのみが表示されるようになります。
元有料ソフトだけあってツールボックスなどなど、機能がかなり充実しています。
便利なエディタを探されていたら是非お試し下さいね。
![](https://www15.a8.net/0.gif?a8mat=3B75QY+48EZN6+4B5K+5ZMCH)
最高の6ヶ月!超実践型プログラミングスクール【.pro】
![](https://www19.a8.net/0.gif?a8mat=3B75QY+48EZN6+4B5K+5YJRM)