フォントファミリーについて

一番いい方法はこれらしい↓（2011/06/12 ）
"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif

参考サイト
http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.htm




↑の記事は古い（2007）ので、最近の新しい方法はこちら↓


CSSのfont-family指定はこれで決まり！（2013冬） - 遠近法ノート
http://d.hatena.ne.jp/n-yuji/20130225/p1

改行タグ １行空くのをやめる【Dreamweaver】

ショートカットで改行をいれたときに
改行タグ+改行されるのをやめる。


【環境設定】→【コードフォーマット】の高度なフォーマット：【タグライブラリ】→変更したいタグを選択→改行：改行なし

Dreamweaver コードの折り返し

【表示】→【コードビューオプション】→【ワードラップ】にチェック

クリックしたときにでる線消す。【ホットスポット】

1枚の画像から複数のリンクを設定できるホットスポットを使用したとき、

リンク先に飛ぶ前（マウスで押したとき）に一瞬、選択部分に線がでる。

それを消す。


▼Dreamweaverのプロパティの中にあるホットスポット（下にあるツール）


↓ここで解決！

http://blogs.yahoo.co.jp/k3_labs/2756417.html

CSSの自動インデントにイライラする。

【表示】→【コードビューオプション】の【自動インデント】のチェックをはずす。

JavaScript エラー Dreamweaver

■開くたびに、もしくは保存するたびにスクリプトエラーがでる。

解決方法
ファイルキャッシュの削除

ユーザ設定フォルダから削除する。

場所：
C:\Documents and Settings\ユーザー名\Application Data\Adobe\Dreamweaver バージョン\ja_JP\Configuration

ここから『WinFileCache-ｘｘｘｘｘ.dat』　※ｘｘｘｘｘ部分は使用環境により異なる
削除するとなおる場合がある。


Configurationの名前を変更(バックアップをとっておくため)すると、ユーザ設定フォルダが初期化される。

Dreamweaver プレビュー コピぺ 代替テキスト 消す

Dreamweaverのプレビュー画面で画像をコピペすると、イメージの説明がでてくるのを消す

【環境設定】→【アクセシビリティ】の挿入時に属性を表示：イメージのチェックボックスを消す。

ファイル比較

同じようなファイルの内容の違うところを見やすくしてくれる。

『WinMerge』というソフトをインストールしてくる。

WinMerge 【日本語版】→窓の社より

＜例＞
比較したいテキストデータファイルをドラックドロップさせればOK！
 勝手に違う部分に色がつく。


Dreamweaverをつかってる時にで比較したいなら、

比較したいファイル2つ選択して右クリック【ローカルファイルの比較】とすると
『WinMerge』が開く

※アプリケーションの設定が必要→WinMergeU.exe




詳しくは↓↓とっても親切サイト

・ファイルを比較するなら「WinMerge」 | バシャログ。
http://c-brains.jp/blog/wsg/10/07/15-105429.php

DreamweaverでCSSを改行すると、インデントされるのをなくす

【表示】→【コードビューオプション】→【自動インデント】のチェックを外す。

ぴったり左につく。

Dreamweaverアップグレード ショートカット移動 設定

Dreamweaverアップグレードしたときに、
前のバージョンで設定したショートカットをそのまま持ってくる方法。

※普通に設定しなくてもたぶんショートカットは同じ設定が追加されてる。





確認してみて、もし・・・できなかったら↓↓↓



PC：win XP

DreamweaverCS4からDreamweaver5.5へアップグレード

【マイコンピュータ】→【OS(C:)】→【Documents and Settings】→【ユーザー名】→【Application Data】→【Adobe】→【Dreamweaver CS4】→【ja_JP】→【Configuration】→【Menus】→【Custom Sets】※自分で作ったファイルがある(ｘｍｌ)

↑↑これを同じ手順で、【Dreamweaver CS5.5】にコピペ、環境設定で設定

win7の場合は、【Documents and Settings】がないので↓

【マイコンピューター】→【Users】→【ユーザー名】→【AppData】→【Roaming】→【Adobe】・・・・





xpとwin7の違いがわかりやすい表になってる↓↓

Windows Vista／7のユーザー・プロファイル・フォルダの場所は？ － ＠IT
http://www.atmarkit.co.jp/fwin2k/win2ktips/1207docset2usr/docset2usr.html

Dreamweaverアップグレード スニペット移動 設定

Dreamweaverアップグレードしたときに、
前のバージョンで設定したスニペットをそのまま持ってくる方法。

PC：win XP

DreamweaverCS4からDreamweaver5.5へアップグレード

【マイコンピュータ】→【OS(C:)】→【Documents and Settings】→【ユーザー名】→【Application Data】→【Adobe】→【Dreamweaver CS4】→【ja_JP】→【Configuration】→【Snippets】→【ユーザー設定(※自分で作ったフォルダ)】

↑↑これを同じ手順で、【Dreamweaver CS5.5】にコピペ


参考サイト↓↓
http://blog.prostaff1.com/website/dreamweaver/242/


win7の場合は、【Documents and Settings】がないので↓

【マイコンピューター】→【Users】→【ユーザー名】→【AppData】→【Roaming】→【Adobe】・・・・

『Snippets』のフォルダがない場合…Dreamweaver起動、スニペットに新しいフォルダを追加するとでてくる

特殊文字一覧

とっても親切サイト↓↓

・ハートなどの記号「♥♡♣♦♠」の入力方法 | コリス
http://e-words.jp/p/r-htmlentity.html


さらに詳しく・見やすく載ってる↓↓

・みんなの知識【ちょっと便利帳】 使いたいときの HTML特殊文字 & 機種依存文字 - 矢印 & 矢印に使える記号、使えそうな記号
http://www.benricho.org/symbol/tokusyu_02_arrow.html

Dreamweaver コピペとかすると、突然 全選択される。

ワークスペースのレイアウトをいじってるとなるらしい。

デフォルトに直すとおさまる？？

【ウィンドウ】→【ワークスペースのレイアウト】


-----------------参考サイト-----------

・Dreamweaver コピー・切り取りの一部選択が全選択になってしまうバグ
http://zennihonhumidaisyoukouunndoukyoukai.com/archives/20110512/115/

Dreamweaverプレビュー clearfixがきかない

★今までのやり方

・イラっとするので諦めて、下のdivにclearをかけとく。
＜div class="cl"＞

・空のボックスとおいとく、UP時に一括削除
＜div class="cl"＞＜/div＞＜！--//後で消す--＞


★最近発見したやりかた
プレビュー用にCSSに追加

CSSに↓
.clearfix{ overflow:hidden;}のみ
※ｃｓ5.5はいらないときもある。普通にみれる

UP時に消す。あっても特に問題ない。


※高さを指定しないと、消えます。(ｃｓ4)

Dreamweaver 文字化けについて

日本語が文字化けしてしまうのをなおす。
そもそも文字コードがいまいちわからない。

◆文字コードの種類

デフォルト：UTF-8(utf-8)
日本語EUC(euc-jp)
日本語シフトJIS(shift_jis)

★HTMLの＜meta＞タグの中に＜meta charset="●●"＞

◆文字コード違い

utf-8…よく使われ、多言語に対応
euc-jp…Unix系でつかわれる*
shift_jis…Windowsの標準

*Unix系って？
OS、OSの種類(Windows/mac/Unix)
プログラムで技術を開発するためのものらしい
詳しくはここ→回答者NO.19の人


一番わかりやすかった参考サイト：kus/ウェブリブログ
http://kus3.at.webry.info/201105/article_12.html

“utf-8"にしとけば、問題ない。

※裏側のプログラムがeucで書かれていて、　組み合せる場合、HTML側もeucでかくらしい。
※日本語の入ったプログラムをかくとき、eucを使っていた。　今は、utf-8でかくのが主流らしい。
※携帯サイトは、シフトJISのみ。(スマートフォンを除く)

※ｊｓファイルの日本語がｈｔｍｌで文字化けするときは、
テキストエディタなどで開いて、文字コードをUTF-8で再度読み込む。
書いてあった日本語は文字化けするので、バックをとっておいて、読み込んだ後にコピペ

◆文字化けしたページを開いてしまったときに直す方法

【修正】→【ページプロパティ】→【タイトル/エンコーディング】→【エンコーディング】を変更、リロード

◆CSS文字コードの指定

＠charset "ここに入れる";　※jsにはありません。

CSSファイルをコメントアウト内（/**/）に日本語で記述するとIEのみ効かない部分が出てくる。
バージョンは不明、”文字コード”を指定してあげると回避する？

＜li＞に＜img＞入れたときの間隔

●リストに画像のリンクを追加したときにできる、隙間をどーにかするCSS

＜li＞＜a＞＜img　alt＝”リスト”＞＜/a＞＜/li＞
＜li＞＜a＞＜img　alt＝”リスト”＞＜/a＞＜/li＞
＜li＞＜a＞＜img　alt＝”リスト”＞＜/a＞＜/li＞
＜li＞＜a＞＜img　alt＝”リスト”＞＜/a＞＜/li＞

＜li＞にline-height:0;
＜img＞にvertical-align:bottom;

※＜li＞をくつけなくてもIEでちゃんとみれる。
※＜img＞のborder：0；も忘れずに。。


その他のやり方メモ（前回）→

思いつく属性

◆属性名と属性値

★＜img ＞
＜src＝”画像のURL”width=”100”height=”100”class＝”クラス名”alt=”画像”＞
↓↓
＜img src＝”画像のURL”width=”100”height=”100”class＝”クラス名”alt=”画像”＞

Dreamweaver/検索時間の短縮

◆【クローク】検索するときに、範囲にいれない。

バックアップ用のデータなど、検索時に検索範囲にいれたくないとき

①ファイルもしくはフォルダの選択

②【右クリック】→【クローク】→【クロークの実行】




　

＜ｐ＞タグを一括してリストに変換

◆＜ｐ＞タグを一括してリストに変換

＜p＞ああ＜/p＞
＜p＞ああ＜/p＞
＜p＞ああ＜/p＞
＜p＞ああ＜/p＞
＜p＞ああ＜/p＞

　↓↓↓↓↓↓

リストにしたい＜ｐ＞タグ※をすべて選択。
プロパティの↓リストボタンを押すと一括で変換する。


＜ul＞
＜li＞ああ＜/li＞
＜li＞ああ＜/li＞
＜li＞ああ＜/li＞
＜li＞ああ＜/li＞
＜li＞ああ＜/li＞
＜/ul>

◆一括で、仮のリンクをいれることもできる。
・上のリスト＜li＞を選択してプロパティのリンク部分に『＃』などいれる

＜ul＞
＜li＞＜a href="＃"＞ああ＜/a＞＜/li＞
＜li＞＜a href="＃"＞ああ＜/a＞＜/li＞
＜li＞＜a href="＃"＞ああ＜/a＞＜/li＞
＜li＞＜a href="＃"＞ああ＜/a＞＜/li＞
＜li＞＜a href="＃"＞ああ＜/a＞＜/li＞
＜/ul＞



　

　

大量のテーブル（table）をコーディングする時

◆エクセルでデータを作成してコピペ

・ワードなどできた大量の項目をエクセルで表にする
※セルを指定したり文字を左詰めにそろえなくてもいい、ただ入れ込むだけ。

・そのまま、デザインビューにコピペ
微調整は必要だけど、一括して置き換え削除などする。