ホームページ作成補助ソフト

電子書籍のフォーマットとして広く利用されている「EPUB」ファイルを作成できるフリーソフト「Sigil」を使って、自身のウェブサイトをEPUB形式にまとめて電子書籍化する方法を解説。

HTML、CSS、JavaScript、PHPなど様々な言語のソースをウェブ上に掲載する際、綺麗に読みやすく表示してくれる「SyntaxHighlighter」の設置方法・使い方をご紹介。ソース部分だけを一括コピーしやすくする機能もあり、便利です。

Microsoft製のホームページ作成ソフト「Microsoft Expression Web 4」が開発終了に伴って無料公開されています。HTMLやCSSだけでなくJavaScriptやPHPも含めたソース補完機能、入力支援機能、文法チェック機能などを備えた、統合ホームページ作成フリーソフトです。この機会に使ってみてはいかがでしょうか。Windows10でも動作し、HTML5で記述することもできます。日本語版のインストール方法と各種機能をご紹介いたします。

ウェブサイトの構造把握やデザインの試行錯誤に便利なFirefoxアドオン「Firebug」をご紹介。「実際の描画」と「その部分を作っているソース」とを対にして表示したり、その場でソースを修正して表示結果を確認したり、ウェブ作成を強力に支援する機能が満載です。

様々な状況での表示確認や動作確認・構造の把握などが手軽にできる、便利なFirefoxアドオン「Web Developer」をご紹介。CSSや画像の有効・無効を簡単に切り替えたり、特定の要素を強調したり、ウェブ制作に便利な機能が豊富です。

複数バージョンのInternet Explorerで同時に表示確認ができるMicrosoft製ソフト「Expression Web SuperPreview」の使い方を解説。IE6・IE7・IE8・IE9での見え方を比較できる上、表示のずれ具合を数値で知ることもできるなど、高機能で便利なソフトウェアです。古いバージョンのIEでの表示確認にぜひ活用してみて下さい。

HTMLやCSS・JavaScriptなどのソースはテキストエディタで編集できます。しかし「メモ帳」では機能が少なすぎて不便です。タグやプロパティの色分け表示ができ、高度な編集機能のあるテキストエディタを使いましょう!

デジカメで撮影した写真をウェブ上に掲載したい場合、画像を縮小したり、90度回転させたり、ファイル名を変更したいことがあります。手動だと手間がかかりますが、一括して自動処理できるソフトを使えば楽々です。

長いページや複雑なページは、HTMLソースを表示させても構造が把握しにくい場合があります。改行や字下げが適切に行われていないソースも、読みにくいでしょう。HTMLの構造を整えて表示してくれるツールをご紹介。

素早くHTMLファイルをテキストエディタで編集するために。HTMLファイルを右クリックして出てくるメニュー(の第1階層)に、テキストエディタ起動専用メニュー項目を自由に追加する方法をご紹介。