相対パスで記述されたURLのベース（基準）をhead内で指定すると画像やリンク先のパスがベース（基準）で指定されたURLを基準に表示されます。
今日初めて知りました。
<head> <base href="http://www.niwadesign.jp/"> </head>
下の図のような場合でも
■folder/index.html内の画像のパスの書き方
<img src="images/logo.gif" alt="ニワデザイン" />
このように記述すると階層がちがってもオッケーってことです。
なにかで使えるかも！？
Extensions.txtにthtmlとctpを追加する。（1行目）
■Extensions.txtの場所
/users/○○○（ユーザ名）/Library/Application_Support/Adobe/Dreamweaver_CS4/ja_JP/Configration/Extensions.txt
このままだとphpの部分が赤くなってくれないので次のファイルにもthtmlとctpを追加する。（７５行目）
■MMDocumentTypes.xmlの場所
/Applications/Adobe_Dreamweaver_CS4/configuration/DocumentTypes/MMDocumentTypes.xml
最後にDreamweaverを再起動して.ctpもしくは.thtmlを開いてみよう！
![[覚書]DreamweaverのFTPで依存ファイルをアップしない方法](http://www.niwadesign.jp/wp-content/uploads/2008/05/izonfile1.jpg)
1. [編集]-[環境設定] (Windows) または [Dreamweaver]-[環境設定] (Macintosh) を選択します。
2. [環境設定] ダイアログボックスで、左側の [カテゴリ] リストから [サイト] を選択します。
3. 依存ファイルのチェックを入れる。
4. 次回からファイルをPUT GETの際[依存ファイル] ダイアログボックスを表示されるのでその際にどうするか決める。
[依存ファイル] ダイアログボックスを表示させたい場合は、Alt キー (Windows) または Option キー (Macintosh) を押しながら [GET]、[PUT]、[チェックイン]、[チェックアウト] コマンドを選択します。
前回のウェブデザイナーのためのRuby on Railsが好評だったため更に追加！
submitボタンを画像にする方法です。
<%= image_submit_tag("/images/login.gif")%>
<div class="box_01"> <div class="box_02"> <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> </div> </div>
.box_01 {
background: url(images/box_01.gif) no-repeat top;
width: 261px;
padding: 5px 0 0 0;
}
.box_02 {
background: url(images/box_02.gif) no-repeat bottom;
padding: 10px;
}
角丸グラデーションを使ったボックスの作り方。
２枚の画像を使って作ります。
divを入子にしてbox_01に角丸上部分の画像を指定。box_02に背景部分から下の角丸部分の画像を指定します。
注意：box_02に指定している背景画像の高さ以上に中身がある場合は途中で画像が切れてしまいます。
当サインプルは高さを2000pxまで表示可能です。
今はjavascriptでやるのが主流？
とりあえず今回はCSSで対応しました。
div {
min-height: 100px;
height:auto !important;
height: 100px;
}
ブログに貼り付けたソースを見やすくしたいため色々調べてみるとsyntaxhighlighterがいろんなサイトで使われていたのでご紹介。
DL：http://code.google.com/p/syntaxhighlighter/
対応言語
C,C++,C#
CSS
Delphi
Java
JavaScript
PHP
Python
Ruby
SQL
VB
XML/HTM
使い方はとっても簡単。
<pre></pre>の間に表示したいコードを書きます。
<pre>のclassにhtmlやcssを書くだけ。
<pre name=“code” class=“html”>
ここにコードを書く。
</pre>
<link type=“text/css” rel=“stylesheet” href=“Styles/SyntaxHighlighter.css”></link>
<script language=“javascript” src=“Scripts/shCore.js”></script>
<script language=“javascript” src=“Scripts/shBrushXml.js”></script>
<script language=“javascript” src=“Scripts/shBrushCss.js”></script>
<script language=“javascript”>
dp.SyntaxHighlighter.ClipboardSwf = ‘Scripts/clipboard.swf’;
dp.SyntaxHighlighter.HighlightAll(‘code’);
</script>
<a href="http://www.niwadesign.jp/">ニワデザイン</a>
※Word Pressなどで使う場合はjavascript部分はfooter.phpに書いときましょう。
CSSにて背景画像（画像置換）をしてリンクを付けている場合、Firefoxで閲覧するとはみ出てアウトラインが表示されてしまいます。
そこでこのアウトラインを表示させない方法のご紹介。
Photoshopを使っていて日本後入力ができなくなる事がたまにあります。
そこでショートカットをよく忘れるので覚え書き。
alt＋半角キー
