平成３０年のテキストに沿って、
DreamWeaverで操作する方法を平成３０年の参考書に沿って
ポイントで覚書。（自分用でごめんなさい）
Webクリエイター能力認定試験
〜結婚式場のサイトをDreamWeaver で制作する方法〜
・base.htmlを開き、コードビューで !とtabキーと入力すると、基本のhtmlコードが自動入力される。※en→jaに変更する。
＜問題１ー（１）テキストp299〜＞
設定２
ウィンドウ→CSSデザイナー→ソースの＋→既存のCSSファイルを添付→CSSフォルダー→style.css→”リンクさせる”のままでOK。※type属性は消す。
設定３−２
画像を入力すると、自動的に幅と高さが入力されるので、コードビューで消す。
設定４−２
リンクを設定するときは、コードビュー上でテキストを選択(カーソルをドラッグしてブルーになるように）し、挿入→Hyperlink→リンク先名を入力する。
設定８−３
コードビュー上で<dl>〜</dl>を選択し（カーソルをドラッグしてブルーになるように）、挿入→Hyperlink→リンク先名を入力する。
（２）
設定１
CSSデザイナーのソースのstyle.cssが青く選択されている状態で、ソースの＋を押し、既存のファイル→common.css→リンクさせるのままでOK
設定５−１
overflow:hiddenはCSSデザイナーを使用する場合はその他欄へ入力。コードビュー上に直接手入力してもOK
設定９
背景画像の２枚目についての設定は全てstyle.cssのコードビュー上に手入力する。（CSSデザイナーでは設定不可のため）
（３）
設定１
複製の方法：ファイル上にあるbase.htmlの上で右クリック→編集→複製。（ショートカットキーのCtrlCとCtrlVでも可）
ファイル名の変更：右クリック→編集→名前の変更（F２でも可）
（５）
CSSデザイナーを使用する場合は、-45は45を入力してから頭にマイナスをつける
＜問題２ー(２）テキストp306〜＞
設定２
HTMLの</footer>の下にカーソルを合わせ、上のツールバーから挿入→HTML→Script→jsフォルダから選択。※type属性は消す。
（３）
設定４
挿入パネルからはできないので、コードビュー上に直接手入力する。
（５）
HTMLの<head>内にある<link rel〜css>の次の行へカーソルを合わせ、CSSデザイナーの「すべてのソース」が青くなっている状態で、CSSデザイナーのソースの＋→既存のファイル→responsive.cssを選択。OKを押す前に、条件付き使用（オプション）をクリックし、条件内のmedia screenの右横の＋をクリック。maxwith と 480pxを設定して（media screenはそのまま）OKを押す。追加方法はリンクさせるのままでOK。※type属性は消す。
＜問題４（２）テキストp.311〜＞
設定２
<caption>はコードビュー上で手入力
＜問題５ー（２）p314〜＞
設定２、設定３figureとfigcaption手入力
＜問題６（２）p315〜＞
お問い合わせ関係は上のツールバーから挿入→フォームを使用すると早い。
（テキスト、電子メール、テキスト領域、ラジオボタン、送信ボタンを使用）
name、labelは手入力。必須はrequiredと手入力する。設定4からのvalueも手入力。