No.1ベストアンサー
- 回答日時:
まずは、制作方法、HTML,CSSを軽く勉強し、
DWの操作方法も覚えた方が良いでしょう。
折角のDWの価値が無くなりますよ・・・
-----------------------
初心者が勉強しないで、手っ取り早く作るには、
配布のテンプレートを使うか、
起動 → 新規作成 → 「詳細情報」をクリック
ページタイプ: HTML
レイアウト: 「2列を固定、右にサイドバー、(その他お好みで)」
ドキュメントタイプ: お好みで選択。
開くと、ページ内に説明が直接書いてあるので、
その説明箇所を見ながら、その文章自体を編集。
-----------------------
または、
以下のようなソースを「コード画面」で、変更・修正しながら埋めていく。
例えば、HTML4.01Transitionalなら(他でもOKですが)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<!-- title,meta,link等は省略しました。 -->
<style type="text/css"><!--
body,h1,h2,ul,li{ margin:0; padding:0;}
#wrapper{width:600px; margin:0 auto; background:#EEE;}
#header,#footer{ height:60px; background:yellow;}
#nav{ float:left; width:200px; height:400px; background:lime; list-style:none;}
#main{ float:left; width:400px;}
#footer{ clear:left;}
--></style>
</head>
<body>
<div id="wrapper">
<div id="header"><h1>ヘッダー</h1></div>
<div id="main"><h2>メイン</h2><p>内容</p></div>
<ul id="nav"><li><a>ナビ</a></li><li><a>リンク</a></li></ul>
<div id="footer">フッター</div>
</div>
</body>
</html>
まずは、.htmlで保存して、ファイルをクリックしてローカルで確認・表示。
(トップは、index.html)
リンクは、<a href="別名.html">別ページへ</a>
(この辺は、サイト登録とDWのツールを覚えれば簡単に出来ますが)
そのページを複製し、各「内容」の部分だけページ毎に変更、別名.htmlで保存。
あとは、テキスト追加し、HTMLでマークアップ,CSSでデザイン。
その他、詳しくは、
ウェブサイトの作り方やHTML,CSSなどの参考書や解説サイトなどで一回勉強した方が良いでしょう・・・ 制作方法は様々ありますから。
早速ご回答いただきありがとうございます。書籍は色々購入していますが、一番知りたいことが書いていません。もっと熟読すればどこかにヒントがあるのでしょうがそこまでいっていないようです。いつも思うのですが、何で簡易なソフトで作成したものとDWで作成したHPに違いを感じるんでしょうか?ショボイHPなんか作ったらゴミですので、そうならないようがんばります。
ps.何とかスパーリファレンスと書いてある書籍はスーパーではないことがわかりました。結局、毎日コミュニケーション社のHTML+CSSのちょっとした記事が役に立ちました。
お世話になりました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- JavaScript HTML&CSS Javascriptによる動的テーブル 1 2023/03/27 19:51
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- HTML・CSS Dreamweaver のテンプレートでの相対パスの設定について 2 2023/06/13 17:28
- HTML・CSS brにクラスをつけてcssでdisplay:none;としても改行されてしまいます 2 2022/06/22 14:45
- HTML・CSS HTMLとcssでページを作っています。右図のような形にしたいのですが、margin topで指定す 3 2023/06/08 23:39
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- WordPress(ワードプレス) WordPressのメニューについて 1 2022/10/22 01:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
htmlの文字が縦書きになる
-
<!DOCTYPE html>あってますか?↑
-
WEBページを強制的に横画面で見...
-
静止画画像をクリックすると音...
-
ワードプレスで太字が反映され...
-
リンクバナーのHTMLタグ。画像...
-
goo は、放置?
-
HPレイアウトが同じページのヘ...
-
テーブルの行を折りたたみたい...
-
パソコンのマイク機能
-
HTMLで表をつくったのですがウ...
-
HTMLタグのあるCSVファイルを利...
-
テーブルタグのセルの幅の一部...
-
Duolingo のソースコードの名前...
-
Webページのリンクの貼り方を教...
-
1つの「ホームページビルダー2...
-
テーブルのセルデータを自動改...
-
コードを書いて下さい( ; ; )...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlの文字が縦書きになる
-
テーブルのセルデータを自動改...
-
goo は、放置?
-
htmlソース文の 各行 改行位置...
-
1つの「ホームページビルダー2...
-
HPレイアウトが同じページのヘ...
-
CSS、Bootstrapについて contai...
-
CSSについて教えてください。 ...
-
静止画画像をクリックすると音...
-
、URL化させるにはどうしたらい...
-
テーブルの行を折りたたみたい...
-
css初心者 フレックスボックス...
-
WEBページを強制的に横画面で見...
-
Webページのリンクの貼り方を教...
-
Duolingo のソースコードの名前...
-
メモ帳の段落の揃え方
-
スマホ(android)のタッチパネ...
-
コードを書いて下さい( ; ; )...
-
HTMLで画像をポップアップで表...
-
角丸画像の背景色を透明にした...
おすすめ情報