Dreamweaver CC入門

他のHTMLファイルにもCSSファイルを関連付けしよう

全333コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
まだCSSファイルが関連付けされていないHTMLファイルにCSSファイルを関連付けする方法について学びます。
講師:
02:48

字幕

このレッスンではまだ関連付けされていないHTML ファイルに CSS ファイルを関連付ける方法について解説します。パネルグループの中から「ファイル」タブをクリックしファイルパネルをアクティブにしておきます。ファイルパネルの中から menu.html をダブルクリックして開きます。まずは現在の menu.html の表示をブラウザーで確認してみましょう。Dreamweaver の右下にある地球ボタンから確認したいブラウザーを選択します。現在はまだ CSS が設定されていない状態です。確認がとれましたら、ブラウザーのバツ印をクリックしてブラウザーを閉じておきます。この menu.html に既に保存されているscopp.css を関連付けします。パネルグループの中のCSS デザイナータブをクリックしCSS デザイナーパネルをアクティブにしておきます。CSS デザイナーパネルの中の+ボタンをクリックしプルダウンメニューから「既存の CSS ファイルを添付」をクリックします。「既存の CSS ファイルを添付」ダイアログボックスが出てきました。ダイアログボックスの中の「参照」ボタンをクリックします。 サイト設定をしているscopp.cafe フォルダーの中からscopp.css を選択し「開く」ボタンをクリックします。これで scopp.css を選択することができました。ダイアログボックスのOK ボタンをクリックして確定します。menu.html に scopp.css が関連付けられました。コードビューの6行目にもlink タグが追加されています。そして「名前」タブの下にも関連ファイルツールバーが表示されています。設定は以上です。ファイルを上書き保存しておきます。最後にブラウザーでの確認もしてみましょう。Dreamweaver の右下にある地球ボタンから確認したいブラウザーを選択します。scopp.css を反映した表示になっています。表示が確認できましたら、ブラウザーのバツ印をクリックしてブラウザーを閉じておきます。このレッスンではまだ関連付けされていないHTML ファイルに CSS ファイルを関連付けする方法について解説しました。

Dreamweaver CC入門

DreamweaverはWebサイトに関係するHTMLファイルやCSSファイルなどを効率よく作成できるアプリケーションです。このコースではDreamweaverを使ってみたい、使ってみたけれどよくわからないという方に向け、サイト設定やHTMLのマークアップなどの基本操作を紹介します。またWebサイトを制作するために必要な知識も一緒に解説します。

1時間41分 (42 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2016年08月01日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。