Dreamweaver CS3(金がないのでバージョンアップしてません)で
友人のお店のサイトをつくっています。
HTML等の技術的なことは基本的にド素人です。
(DWもAIやPSを使う必要性でCS買ったら付いてきていたので使えるようになりたいな…程度のきっかけで始めました)

Dreamweaverでのベーシックなデザインはいいとして、
ときどきあるキャンペーン等の更新情報を友人が自分でアップできるようにできないかな?と検索していたら、
「Dreamweaver CS3 拡張機能 for Movable Type 4.1 によるテンプレートカスタマイズについて」
という記事を発見。
http://www.adobe.com/jp/devnet/dreamweaver/artic …

読んでみると、たしかにこんな感じのことをやりたいのですが、肝心のダウンロードリンクが切れておりました。

で、ほかのダウンロードサイトはないかな?と検索していると、WordPressでもできそうな感じのヒットがありました。

WordPressのほうが、知人が使っているなど、ごくわずかだけ親近感がありますが、
単純な更新情報を扱う程度の場合、どちらのほうが扱いやすいんでしょうか。

そもそも、WordPressはDreamweaver(それもCS3)に埋め込めるのでしょうか。

…質問の内容がトンチンカンかもしれませんが、お察しいただき、ド素人にわかりやすくご説明いただけると本当に助かります。

ちなみに作業環境はMac OS10.5.8です。

よろしくお願いいたします。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

>そもそも、WordPressはDreamweaver(それもCS3)に埋め込めるのでしょうか。


MTテンプレートファイルも、WPテーマファイルも編集することは可能ですが、「埋め込む」という概念そのものが存在しません。
概念が存在しないものを実行することは出来ません。
    • good
    • 0

このQ&Aと関連する良く見られている質問

QDreamweaverでよく使うツール

初心者です。

Windows 7で、Dreamweaver CS6ですが、よく使うコマンド?をショートカットキーか、
パネルに配置できないのでしょうか。

例えば、ツールの挿入→HTML→テキストオブジェクト→フォント
例えば、HTMLで、すでに文字を入力し、変更したい文字をドラッグで反転させ、フォントサイズ、フォントの色を変更。

簡単に言いますと、変更したい文字の、フォントサイズ(+1や、+3)と、色(青や、赤)を変更したいのですが、
今まで、ツールから選択してて、手間になりました・・・。
(ほとんど同じサイズ、色を使うので、どこかであらかじめセット、作成し、ショートカットなどで呼び出す・・・)

できましたら、ショートカットキーか、パネルに1発表示はできないのでしょうか・・・。


初心者ですいません。無知な私にアドバイスいただければうれしいです。

よろしくお願いします。

Aベストアンサー

 オーサリングツールとHTML/CSSの関係
 どのようなオーサリングツールを使うにしても、HTML/CSSの知識は必須ですよ。DMのような高度なツールを使用すると、それらの知識が不要と思わないでください。それどころか、テキストエディタで作成する人以上にHTML/CSSの知識は必要になります。加えてツールの使用方法も理解しなければなりません。ここを根本的に間違えてらっしゃる。
 DWでテンプレート作成のことだとして、まず出版したい文書をそれを構成する要素(Element)に分解します。--これは著者でないと不可能です。なぜならどんなオーサリングツールでも不文書の内容を読み取って、何が主題で何がそうでないかは著者以外分からないからです。

 例えば、ここまでの文章をマークアップするとすると・・

<div class="section">
_<h2>オーサリングツールと<abbr title="Hyper Text Mrkup Lnguage">HTML>/abbr>/<abbr title="Cscding Style Sheet">CSS</bbr>の関係</h2>
_<p>
__どのようなオーサリングツールを使うにしても、<strong>HTML/CSSの知識は必須</strong>ですよ。<abbr title="Dream Weaver">DM</abbr>のような高度なツールを使用すると、それらの知識が不要と思わないでください。それどころか、テキストエディタで作成する人以上にHTML/CSSの知識は必要になります。加えてツールの使用方法も理解しなければなりません。ここを根本的に間違えてらっしゃる。
_</p>
_<p>
__DWでテンプレート作成のことだとして、まず出版したい文書をそれを構成する要素(Element)に分解します。--これは著者でないと不可能です。<strong>なぜならどんなオーサリングツールでも不文書の内容を読み取って、何が主題で何がそうでないかは著者以外分からないからです。</strong>
_</p>
</div>

 の様にマークアップされるでしょう。
ABBR/STRONGは、http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/text.html#edef-ABBR
H2、Pは、
 ⇒7.5.5 見出し: H1、H2、H3、H4、H5、H6要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#edef-H2 )
 ⇒9.3.1 段落: P要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/text.html#edef-P )

>変更したい文字の、フォントサイズ(+1や、+3)と、色(青や、赤)を変更したいのですが、
★そしたら、スタイルシートパネルを開いて、鉛筆マーク(スタイルの編集)で
strongなら、色やフォントサイズを選択して指定すればよい。

 一度HTML/CSSをきちんと身につけられてからのほうが良いです。でないと使いこなせないですよ。
上記だと
div.section p{
font-size:0.95em;
text-indent:1em;
margin:0;
line-height:1.6em;
color:blue;
}
とすると、本文(section)内の段落は階層ごとに少しずつ小さなフォントになり、段落の変わり目で1文字インデントされ、上下左右のマージンはなくなり、行の高さは1.6文字になり色は青になる。
 いちいち反転させてあれこれする必要すらまったくないのですよ。



 

 オーサリングツールとHTML/CSSの関係
 どのようなオーサリングツールを使うにしても、HTML/CSSの知識は必須ですよ。DMのような高度なツールを使用すると、それらの知識が不要と思わないでください。それどころか、テキストエディタで作成する人以上にHTML/CSSの知識は必要になります。加えてツールの使用方法も理解しなければなりません。ここを根本的に間違えてらっしゃる。
 DWでテンプレート作成のことだとして、まず出版したい文書をそれを構成する要素(Element)に分解します。--これは著者でないと不可能...続きを読む

QHTML,CSSのみでDIVブロック

IEで図のようなDIVブロックを表示させたいと考えています

DIVでなく他のHTML要素でもいいです

jQueryなどライブラリを使わないで

HTMLとCSSのみで図のような表示のサンプルプログラムが見れる

サイトを教えてください

また、グーグルなどで、これらを検索する際

適当なワードを教えてください

よろしく、お願いします

Aベストアンサー

?

Qcss li に入れ子で適用する範囲

HTML の li にcssを適用する場合ですが
下のように入れ子の場合
A行に  #aaaaa {background-color:yellow;}
B行に  #bbbbb {background-color:pink;}

B行の部分だけはピンクになりますが
A行の入れ子部分は黄色です
このような入れ子状態で、A行一行のみ黄色にすることはできますか

A行の下の <ul>に対して、別の cssを適用するなど
なにか方法があれば教えてください

よろしく、お願いします

<ul>
  <li>1st item</li>
  <li>2nd item
    <ul>
      <li>2 - 1</li>
      <li id="aaaaa">2 - 2    ...A行
        <ul>
          <li id="bbbbb">2 - 2 - 1</li>  ...B行
          <li>2 - 2 - 2</li>
          <li>2 - 2 - 3</li>
        </ul>
      </li>
      <li>2 - 3</li>
    </ul>
  </li>
  <li>3rd item</li>
</ul>

HTML の li にcssを適用する場合ですが
下のように入れ子の場合
A行に  #aaaaa {background-color:yellow;}
B行に  #bbbbb {background-color:pink;}

B行の部分だけはピンクになりますが
A行の入れ子部分は黄色です
このような入れ子状態で、A行一行のみ黄色にすることはできますか

A行の下の <ul>に対して、別の cssを適用するなど
なにか方法があれば教えてください

よろしく、お願いします

<ul>
  <li>1st item</li>
  <li>2nd item
    <ul>
      <li>2 - 1</li>
      <li i...続きを読む

Aベストアンサー

<ul>
  <li>1st item</li>
  <li>2nd item
    <ul>
      <li>2 - 1</li>
      <li>2 - 2
        <ul>
          <li>2 - 2 - 1</li>
          <li>2 - 2 - 2</li>
          <li>2 - 2 - 3</li>
        </ul>
      </li>
      <li>2 - 3</li>
    </ul>
  </li>
  <li>3rd item</li>
</ul>

★デザインのためにidやclass名を付けるのではありません。
 あくまで、文書構造を示すためにタグを使い、それだけでは明確でないときの補助

 上の場合
ul li+li{background-color:yellow;}
ul li+li+li{background-color:transparent;}/* pinkはない */
ul li ul,
ul li ul li{background-color:fuchsia;}
ul li ul li+li{background-color:transparent;}

あるいは、
ul>li+li{background-color:yellow;}
ul>li+li+li{background-color:transparent;}
ul>li>ul>li:first-child{background-color:fuchsia;]

CSS3でしたら
ul>li:nth-child(2){background-color:yellow;}
ul>li:nth-child(2)>ul>li:first-child{background-color:fuchsia;}

とか、もちろん他のul要素に効かせたくないでしょうから、それがheaderDIVにあるものだけでしたら
div.header ul>li+li{background-color:yellow;}
div.header ul>li+li+li{background-color:transparent;}
div.header ul>li>ul>li:first-child{background-color:fuchsia;]

 もちろん、
      <li><a href="./2_2.html">2 - 2</a>
        <ul>
          <li>2 - 2 - 1</li>
          <li>2 - 2 - 2</li>
          <li>2 - 2 - 3</li>
        </ul>
      </li>
てじたら、
li{position:relative;}
li a{width:100%;height:100%;}
li a[href="./2_2.html"]{background-color:yellow;}
li a[href="./2_2.html"] ul li:first-child a{background-color:fuchsia;}
もありうるわけで

★HTMLは文書構造だけをマークアップすること
★セレクタはその文書構造に基づいて書くこと

 CSS(カスケーディングスタイルシート)のカスケードの仕組みを理解していないと、複雑怪奇でメンテナンスができなくなるHTML、CSSを書くことになります。
 そのため、CSSの命といえるカスケード
5 セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/selector.html )
6 プロパティ値とカスケーディング、継承の割り当て( http://momdo.s35.xrea.com/web-html-test/spec/CSS21/cascade.html )
 をまず身につけましょう。仕様書でもプロパティより前に説明がある。

<ul>
  <li>1st item</li>
  <li>2nd item
    <ul>
      <li>2 - 1</li>
      <li>2 - 2
        <ul>
          <li>2 - 2 - 1</li>
          <li>2 - 2 - 2</li>
          <li>2 - 2 - 3</li>
        </ul>
      </li>
      <li>2 - 3</li>
    </ul>
  </li>
  <li>3rd item</li>
</ul>

★デザインのためにidやclass名を付けるのではありません。
 あくまで、文書構造を示すためにタグを使い、それだけでは明...続きを読む

Qcss の float:left; を li 適用

css の float:left; を li に適用すると

<ul>
  <li>AAA</li>
  <li>BBB</li>
  <li>CCC</li>
</ul>

●AAA●BBB●CCC
のような横並びにできます


<ul>
  <li>AAA</li>
  <li>BBB
    <ul>
      <li>aaa</li>
      <li>bbb</li>
    </ul>
  </li>
  <li>CCC</li>
</ul>

このように入れ子の場合
●AAA●BBB     ●CCC
     □aaa□bbb

のように表示されます

これを
●AAA●BBB●CCC
     □aaa□bbb


のように、一段目に間を空けないで表示する
CSS の設定を教えてください

よろしく、お願いします

Aベストアンサー

>わかりにくかったと思いますが、aaa、bbbも
>横に表示したいと思います
 いえ、それも想定して書いてありますよ。
div#contentTable ul li ul li{display:block;}/* 縦に!!横にすると次のulと重なるよ */
 この行を消せばよいだけ。ulの幅が狭いのでliが縦に並ぶので最終的には

div#contentTable{line-height:2em;text-align:center;}
div#contentTable ul{margin:0;padding:0;position:relative;list-style:none;}
div#contentTable ul li{display:inline-block;width:5em;position:relative;z-index:10;}
/* 二階層目のulの位置を指定 */
div#contentTable ul li ul{width:100%;position:absolute;top:2em;left:0;} /* ★ */
div#contentTable ul li ul li{display:block;}/* ★縦に!!横にすると次のulと重なるよ */
/* ★プルダウンにするなら */
/* div#contentTable ul li ul{display:none;}
div#contentTable ul li:hover ul{display:block;}
*/
/* 分かりやすいよう着色 */
div#contentTable ul li ul li{background-color:silver;}
div#contentTable ul li{background-color:lime;}
div#contentTable ul li:hover{background-color:yellow;}



div#contentTable{line-height:2em;text-align:center;}
div#contentTable ul{margin:0;padding:0;position:relative;list-style:none;}
div#contentTable ul li{display:inline-block;width:5em;position:relative;z-index:10;}
/* 二階層目のulの位置を指定 */
div#contentTable ul li ul{width:400%;position:absolute;top:2em;left:0;}

/* プルダウンにするなら */
div#contentTable ul li ul{display:none;}
div#contentTable ul li:hover ul{display:block;}


/* 分かりやすいよう着色 */
div#contentTable ul li ul li{background-color:silver;}
div#contentTable ul li{background-color:lime;}
div#contentTable ul li:hover{background-color:yellow;}


となるだけ
[参考]
ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html )
 このページで、[表示]メニューから[スタイル(シート)]を選択して、色々なスタイルを選択してみる。
 ウィンドウ幅を変えたり、印刷プレビューも確認してみる。

 HTMLさえ率直にシンブルに書いておけばスタイルシートでどうにでもなる。

>わかりにくかったと思いますが、aaa、bbbも
>横に表示したいと思います
 いえ、それも想定して書いてありますよ。
div#contentTable ul li ul li{display:block;}/* 縦に!!横にすると次のulと重なるよ */
 この行を消せばよいだけ。ulの幅が狭いのでliが縦に並ぶので最終的には

div#contentTable{line-height:2em;text-align:center;}
div#contentTable ul{margin:0;padding:0;position:relative;list-style:none;}
div#contentTable ul li{display:inline-block;width:5em;position:relative;z-index:10;}
...続きを読む

Qホームページビルダー17のフルCSSテンプレートのリスト操作に関する質問

素人です<(_ _)>よろしくお願いします。
これまでホームページビルダー17を使ってホームページを掲載していましたが、
リストを増やす必要に迫られて困っています。
添付画像の赤い矢印部分にリストを追加したいのですがうまくいかないのです。

「リストを右クリック」→「リスト項目の複製」→「idを新しく設定する(OK)」→「idが重複していますがよろしいですか?(はい)」
といった操作をしましたがプレビューを見てみると何も増えていない。
idを何とかしないといけないのだろうというのはなんとなくわかるんですが…。

○idって・・なに?勝手に決めていいの?
○ページを先に作らないといけないのかな?
○結局素人には無理っていう話なの?

ヒントらしい(↓)質問をググって読んでみたんですがさっぱりわかりません( ノД`)シクシク
https://oshiete.goo.ne.jp/qa/7554458.html

どなたかわかりやすい説明ができる方、まことにお手数ですがよろしくお願いします。

Aベストアンサー

ここを参考にしてください。
http://support.justsystems.com/faq/1032/app/servlet/qadoc?QID=050887

[IDを新しく設定する]:追加する項目に新しいid 属性を設定します。[ID]に新しい名前を入力します。
【新しい名前を入力】となっています。

同じIDを設定する]:選択した項目と同じid 属性を付けて追加します。
※id 属性は、要素に対して固有の名前(識別子)を付けるための属性です。同じHTML ファイル内で、同じid 属性を重複して使用できません。[同じIDを設定する]を選択した場合は、HTML ソース画面であとから変更してください。
【同じid属性を重複して使用できません】となっています。

○idって・・なに?勝手に決めていいの?
idは、個々の項目を識別する名前です。
自由に付けることが出来ますが、名前を付けるのには理由があります。
つまり、その名前で関連付けされているものがあると言うことです。
その相手がCSSです。
例えば、参考にしたヒントのページでは、
<div id="contentTable">
と、「contentTable」という名前を付けています。
その上の方に、
#contentTable ol,
#contentTable ol li,
とありますが、この「#contentTable」とで関連付けされています。

○ページを先に作らないといけないのかな?
クリックした際にジャンプするページですね。後でも良いです。

○結局素人には無理っていう話なの?
知識があれば、ここで質問はしていないでしょう。
知識の有無が出来る・出来ないの違いなので「知識がない=素人」とすれば無理って事ですね。
勉強する気持ちがあるのでしたら、
http://www.tohoho-web.com/www.htm
ここのサイトで、HTMLやCSSの勉強が出来ます。

ここを参考にしてください。
http://support.justsystems.com/faq/1032/app/servlet/qadoc?QID=050887

[IDを新しく設定する]:追加する項目に新しいid 属性を設定します。[ID]に新しい名前を入力します。
【新しい名前を入力】となっています。

同じIDを設定する]:選択した項目と同じid 属性を付けて追加します。
※id 属性は、要素に対して固有の名前(識別子)を付けるための属性です。同じHTML ファイル内で、同じid 属性を重複して使用できません。[同じIDを設定する]を選択した場合は、HTML ソース...続きを読む

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報