スタイルシートを作成してみよう-DW

dreamweaver9

スタイルシートはホームページの基本でも学んでいきましたのでどちらかと言うとDreamweaverでのスタイルシートの操作の仕方を学んでいきます。(ファイル)-(新規)を選び(空白ページ)-(CSS)を選んで作成を押してスタイルシートのページを作成します。

スタイルシート1

スタイルシートのページが追加されその中の/* CSS Document */と言うコードは必要ないため削除しておきます。(ファイル)-(別名で保存)を選びファイル名をstyle.cssと保存します。
これでスタイルシートのページの準備はOKです。それではLesson1で作ったhtmlファイルに戻りコードを開いて下さい。適当な箇所で右クリックをして(cssスタイル)-(スタイルシートの添付)を選んでください。

スタイルシート2

外部スタイルシートの添付が開きますので、そこの参照ボタンから先ほど保存したstyle.cssを選んでください。するとファイル/URF(F)の所にstyle.cssが入力されていますのでOKボタンを押すと<link href=”style.css” rel=”stylesheet” type=”text/css” />タグが挿入されます。

スタイルシート3

スタイルシートリンク

これでスタイルシートの準備が出来ました。それでは各グループなどを装飾していきます。

最終更新日: 2012年12月7日

  • このエントリーをはてなブックマークに追加
  • にほんブログ村 IT技術ブログ WordPressへ
  • ameba
  • addthis
  • Clip to Evernote

スタイルシートを作成してみよう-DWの関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*