2014年08月22日 HTML5・CSS3jQuery・javascriptphp

HTMLやCSSなどのソースコードを簡単に整形する方法です。
Dreamweaver以外でも出来るソフトがあるようですが、手元のDWを使うのが一番便利そうなので、今回はDWのやり方を紹介します。

ソースコード整形の手順

  1. ソースコードを整形したいファイルをDreamweaverで開く
  2. Dreamweaverの環境設定でコードフォーマットの設定
  3. メニュー>コマンド>ソースフォーマットの適用を選択

ソースコードを整形したいファイルをDreamweaverで開く

html,css,phpのコードにて、整形されることを確認しました。他の言語は不明ですが、Dreamweaverが認識出来る言語は全て対応しているのだと思います。

Dreamweaverの環境設定でコードフォーマットの設定

スクリーンショット 2014-08-22 0.26.00

インデントの数など、整形する際の体裁を設定します。

ソースフォーマットの適用を選択

スクリーンショット 2014-08-22 0.26.42

あとは、整形したいファイルを開いた状態で、「メニュー」>「コマンド」>「ソースフォーマットの適用」を実行するだけで、完了です。

この投稿へのコメント

コメントはまだありません。

コメントを残す

メールアドレスが公開されることはありません。

次のHTML タグと属性が使えます。
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

CAPTCHA


ピックアップ記事

Facebook APIを利用して、外部サイトから自分のウォールに投稿する

2012年03月19日 Facebookphp
ウォールへ投稿 外部サイトからFacebook上のウォールに投稿する方法です。 説明が不要なぐらい簡単でした。 [php]<?php $data = array( 'access_token' => $facebook->getAccessToken(), 'message' => 'API投稿テスト', ); $response = $facebook->…
「Facebook APIを利用して、外部サイトから自分のウォールに投稿する」をはてなブックマークに追加

javascriptでGETパラメータを取得する

2012年02月02日 jQuery・javascript
javascriptでGETパラメータを受信するには以下の関数を使うと簡単です。 関数を定義する 以下のコードをコピペしてください。 [php]function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?')…
「javascriptでGETパラメータを取得する」をはてなブックマークに追加

レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示

2014年11月15日 web関連HTML5・CSS3
レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示
レスポンシブ対応のサイトを作るときに画像メニューを設置して、ブラウザが縮小されても画像が改行されることなく、1列で固定で、画像の比率を保ったまま縮小表示させる方法です。 cssのdisplay:table-cellで解決 html [php]<ul id="nav"> <li><a href="#"><…
「レスポンシブ対応 画像メニューをブラウザ幅に合わせて縮小表示」をはてなブックマークに追加

WordPressでカテゴリ一覧やタグ一覧を取得・表示させる

2014年08月27日 WordPressphp
WordPressでカテゴリ一覧やタグ一覧を取得・表示させる
WordPressでカテゴリ一覧を表示させるには、wp_list_categoriesというテンプレートタグがありますが、出力結果が思い通りにならないことが多いので、get_termsを使って、カテゴリ一覧を表示させる方法です。 カテゴリ一覧を表示させる get_termsでカテゴリ情報を取得するには、最初の引数にcategoryを指定します。 [php]echo '<ul…
「WordPressでカテゴリ一覧やタグ一覧を取得・表示させる」をはてなブックマークに追加

PHP IE6かどうかユーザーエージェントを調べる

2011年06月17日 php
IE6のシェアが低くなってきているので、いまさら感はありますが、それでもIE6を完全無視出来ない場合があるので、メモしておきます。 PHPでユーザーエージェントを見分けて、IE6とそれ以外を切り分ける時に使えると思います。 …
「PHP IE6かどうかユーザーエージェントを調べる」をはてなブックマークに追加
© graffiti on the web . All rights reserved. WordPress Theme by comfy