DreamweaverCS4でホームページ入門 - 初めてDreamweaverを使う - [4] 画像のパス
DreamweaverCS4でホームページ入門 >> 初めてDreamweaverを使う >> [4] 画像のパス
DreamweaverCS4を使って、初めてホームページ制作をする方向けの動画講座です。 非推奨タグは使わず、できるだけ現在主流になっている方法を紹介し、初心者webデザイナーさんのためにもなる講座にしていきます。 Adobe® Dreamweaver® CS4 はAdobe社の登録商標です。

[4] 画像のパス
2分25秒
大きい解像度で見る

このページを Google Bookmarks に追加 Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク Share (facebook) Clip to Evernote
解説

HTMLの基礎の中で必ず出てくる「画像へのパス」「ファイルへのパス」という言葉。
パスって何・・・?初心者さんには聞き慣れない言葉ですよね。
パスとは、そのファイルから、対象ファイルまでの場所の指定のことで、
HTMLからみて、HTMLと同じ階層にあるimageフォルダの中に画像がある場合は
image/画像ファイル名 がパスになります。

初心者の時はよくこのパスのミスをして、リンク切れを起こし、画像が表示されない~(TдT)。。。。と、泣くことが多いんですが
Dreamweaverのファイルパネルを使わずに、エクスプローラー(パソコン上)でファイルを移動したり削除したり、ファイル名を変えたりすると、こういうことが置きやすいです。
でも、Dreamweaverのファイルパネルを使って、画像を移動したり、ファイル名を変えたりすると、その画像を含むHTMLも自動的に修正してくれるので、リンク切れのミスが起きにくいわけです。

モモンガの森

■ 制作者コメント
<a href="http://webnomori.net/howto/">webの森/ホームページ初心者講座</a>のモモンガです。webデザイナーの卵さ... 制作者プロフィールページへ


カテゴリー内最新記事
 
マニュアル エントリ一覧
[5] CS4のワークスペースとパネル...
[4] 画像のパス
[3] 画像の挿入
[2]XHTML1.0 Transit...
[1] サイトの定義とサーバーへアップ...
[5] スタイルの新規作成
[4] CSSパネルでの指定
[3] CSSプロパティでの指定
[2] <span>タグの指定方法
[1] <a>タグ(リンクタグ)の設定...
[6] 複数ボックスのフロート
[5] cssダイアログで編集する
[4] ブロックをフロートさせる
[3] cssパネルで編集する
[2] クラスにスタイルをつける
[1] ブロック要素のマークアップ
[12] グローバルナビのマークアップ
[11] #headerと#foote...
[10] body背景に色をつける
[9] 全体レイアウトのマークアップ
[8] フロートの解除
[7] CSSをコードで書く
[18]位置などの微調整
[17]フッターをつくる
[16]リストにスタイルをつける
[15]横並びメニュー
[14]スタイルの追加
[13] ボックスを中央配置する
[6] QRコードの作成
[5] 携帯の絵文字と電話をかけるリン...
[4] 携帯サイトの文字色と背景色
[3] 携帯用HTMLのテキスト中央揃...
[2] 携帯サイトにテキストと画像を入...
[1] XHTMLモバイルファイルの新...
[6]背景画像を使ったグローバルナビ
[5]ヘッダーのスタイル調整
[4]ヘッダーのマークアップ
[3]ボックスのサイズ調整
[2]スニペットの利用
[1]ファイルの新規作成
[9]フロートの解除-続き
[8]フロートの解除
[7]メイン部分に画像の挿入


(c) Webdemo Inc All rights reserved.