Dreamweaver CC入門

同一サイト内のリンクを設定する

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
作成済みのWebページへリンクを指定する方法について学びます
講師:
03:14

字幕

このレッスンでは同じ Web サイト内にある作成済みの Web ページに移動できるようにテキストにリンクを設定する方法について解説します。今回はナビゲーション部分の「ホーム」に index.html「おすすめメニュー」に menu.hitml のリンクを設定します。まずは「おすすめメニュー」のリンクを設定します。デザインビューの「おすすめメニュー」の文字をドラッグし選択します。次にプロパティインスペクターのリンクテキストボックスの右側にある「ファイルの指定」ボタンをファイルパネルの menu.himl までドラッグし指を放します。最後にデザインビューの上をクリックして確定します。続いて「ホーム」です。デザインビューの「ホーム」の文字の上をドラッグし選択します。プロパティインスペクターのリンクテキストボックスの右側にあるファイルの指定ボタンをファイルパネルの中の index.html までドラッグし指を放します。デザインビューの何も無い所をクリックして確定します。まだ作っていないページにリンク設定をする場合も紹介します。今回は「お店情報」に shop.html と設定します。デザインビューの「お店情報」をドラッグして選択します。 プロパティインスペクターのリンクボックスをクリックしカーソルを表示させたら半角文字で shop.html と入力し今回はトップページと同じ階層に保存するのでEnter キーで確定します。そのままファイル名を入力しましたが別のフォルダー先へのリンクの場合は入力の設定が少し難しいのでまずは Web ページを先に作って保存してから「ホーム」や「おすすめメニュー」と同じようにリンク設定をする方が良いでしょう。作業は以上です。ファイルを上書き保存しておきます。最後にブラウザーでのリンク動作チェックをしてみましょう。Dreamweaver の右下にある地球ボタンをクリックし確認したいブラウザーを選択します。「おすすめメニュー」をクリックすると「おすすめメニュー」のページが表示されます。「ホーム」をクリックするとトップページが表示されます。「お店情報」はまだ作られていないのでnot found の状態が表示されます。ブラウザーの戻るボタンをクリックしておきます。動作確認は以上です。確認がとれたら、ブラウザーのバツ印をクリックしてブラウザーを閉じておいて下さい。このレッスンでは同じ Web サイト内にあるページへのリンクの設定について解説しました。

Dreamweaver CC入門

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

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

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

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

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