ホームページ作成
ホームページ作成補助ソフト
ホームページ作成に役立つソフトやツールなどをご紹介します。
記事一覧
SigilでウェブサイトをEPUB化して電子書籍にする方法
ガイド記事西村 文宏ウェブサイトを電子書籍化して配布したいAllAboutBooks書店昨今、電子書籍端末もたくさん発売され、スマートフォンやPC上で動作する電子書籍リーダーも多く公開されるようになりました。電子書籍販売サイトも続々と登場しています。AllAboutでも、「AllAboutBooks書店」で電子書籍の販...続きを読む
SyntaxHighlighterでソースを読みやすく掲載する方法
ガイド記事西村 文宏ウェブ上にソースを読みやすく&コピーしやすく表示してくれる「SyntaxHighlighter」ソースを見やすく綺麗に表示HTMLやCSS、JavaScript、PHPなど様々な言語のソースコードを、ウェブ上で読みやすく表示してくれる「SyntaxHighlighter」というツールがあります。Ja...続きを読む
無料のウェブ作成ソフトMicrosoft Expression Web 4
ガイド記事西村 文宏ホームページ作成ソフト「MicrosoftExpressionWeb4」が無料化MicrosoftExpressionWeb4が無料化。自由にダウンロード可能に!Microsoftがパッケージソフトとして販売していたホームページ作成ソフト「MicrosoftExpressionWeb4」が、開発終了...続きを読む
ウェブの構造把握に便利なFirefoxアドオン「Firebug」
ガイド記事西村 文宏ウェブページの構造把握やデザインの試行錯誤に便利なFirefoxアドオンFirefoxのアドオン「Firebug」を使うと、ウェブページの構造把握や、作成する上での試行錯誤、問題点の把握などが手軽にできます。普段、ブラウザとしてFirefoxを使っている方々はもちろん、そうでない方々でも、構造解析や...続きを読む
ウェブ制作に便利なFirefoxアドオン「Web Developer」
ガイド記事西村 文宏ウェブサイトの表示確認や構造把握に便利なFirefoxアドオンFirefoxのアドオン「WebDeveloper」を使うと、様々な状況下での表示確認や動作確認、ページ構造の把握などが手軽にできます。今回は、この「WebDeveloper」の各機能について、簡単にご紹介致します。ぜひ、活用してみて下さ...続きを読む
IE6~IE9を同時に表示確認できるMicrosoft純正ソフト
ガイド記事西村 文宏個別の専用環境を用意することなく、古いIEでの表示確認をしたいMicrosoft製のソフトウェア古いInternetExplorerでの表示確認をしたいとき、わざわざ古いIEがインストールされた環境を1つ1つ用意するのは非常に手間がかかります。そこで便利なのが、複数バージョンの古いIEで表示確認がで...続きを読む
タグを色分けできるテキストエディタを使う
ガイド記事西村 文宏▲ソースの「色分け表示」HTMLやスタイルシート(CSS)、JavaScriptなどはテキストエディタで編集できます。Windowsにはテキストエディタとして「メモ帳」が最初からインストールされていますが、必要最低限の機能しかないため、便利だとは言えません。HTMLやCSSなどを直接編集するなら、タ...続きを読む
複数の画像を一括して縮小・回転・名称変更
ガイド記事西村 文宏大量の画像ファイルの「形式」・「サイズ」・「向き」・「ファイル名」などを一括して変更デジカメで撮影した写真をウェブ上に掲載したい場合、画像を縮小したり、90度回転させたり、ファイル名を変更したりしたいことがあります。1つ1つ処理していくとずいぶんな手間がかかりますが、一括して自動処理できるソフトを使...続きを読む
HTML構造を把握しやすく整形表示するツール
ガイド記事西村 文宏HTMLの構造を把握しやすいように整えてソースを表示長いページや複雑なページの場合、HTMLソースを表示させただけでは、ページ内の構造を把握しにくいことがあります。また、短いページであっても、改行や字下げが適切に行われていないなど、HTMLソースが可読性を考えて記述されていない場合は、ページ内の構造...続きを読む
HTMLファイル右クリックで即編集
ガイド記事西村 文宏<!--div.samplep{margin-top:3px;margin-bottom:3px;}-->編集のためにHTMLを開く際、どうしていますか?少なくとも最近のOSでは、HTMLファイルは標準でブラウザに関連付けられているでしょう。ですから、HTMLファイルをダブルクリックするだけでブラウ...続きを読む