Dreamweaver8入門・動画講座(ホームページの作り方) - Dreamweaverでのテーブルレイアウト - (6)メイン部分を作る
Dreamweaver8入門・動画講座(ホームページの作り方) >> Dreamweaverでのテーブルレイアウト >> (6)メイン部分を作る
ドリームウィーバー8の使い方を動画で紹介します。 できるだけ現在主流になっているタグが使えるように、また、きれいなソースが書けるように、初心者デザイナーさんに役立つ内容です。 ※Adobe® Dreamweaver® はAdobe社(アドビ システムズ社)の商標です。

(6)メイン部分を作る
3分27秒
大きい解像度で見る

このページを Google Bookmarks に追加 Yahoo!ブックマークに登録 このエントリーを含むはてなブックマーク Share (facebook) Clip to Evernote
解説

「Dreamweaverのテーブル機能を使ったサイトの作成方法」というシリーズで1〜6までアップしました。
初めてホームページを作る人は、下記はNGと思っておいたほうが、大きな回り道をしなくてすみます。
×ホームページビルダーでのどこでも配置モード
×フレームを使って作るホームページ
×レイヤーを使って作るホームページ

つまり、ボーダーなしのテーブルでレイアウトする方法が一番簡単で、見栄えが良いものができます。
(プロの方は、テーブルなしのCSSデザインで作るのが主流です。)

詳しい解説はブログの方にも書きましたので、興味ある方は見てください。

******
詳しい解説は、モモンガのブログにて書いています

ドリームウィーバーでのホームページの作り方


::::::
↓モモンガが作っている原りんご園さんのサイトはこちらから行けます(こちらはWordPressで作っているので、練習問題とは作り方が違います)
とっても美味しいりんごを注文できますよ!蜜入りサンフジがおすすめです。

美味しい果物の直販サイト・原りんご園

■ 制作者コメント
<a href="http://webnomori.net/howto/">webの森/ホームページ初心者講座</a>のモモンガです。webデザイナーの卵さん、社内web担当者さんなどに役立つ動画を作... 制作者プロフィールページへ


カテゴリー内最新記事
 
マニュアル エントリ一覧
(1)XHTML+CSS でページ作成...
(2)「サイト」の新規作成
(3)新規作成とドキュメントタイプの設...
(4)画像とテキストを挿入する
(1)挿入バーでテーブルを作る
(2)プロパティを使ってテーブル編集・...
(3)プロパティを使ってテーブル編集・...
(4)いろいろな方法でテーブルを編集す...
(5)挿入バーで、行と列を増やす
(6)行のコピー&ペーストと画像の差し...
(1)テーブルにスタイルを適用する
(2)コードでCSS編集
(3)コード画面でテーブルを作る
(1)テキストの検索と置換
(2)特定のタグの検索と置換
(3)複数ドキュメントの検索と置換
(4)コード編集の便利な機能
(1)ビジュアルエイドを使って、見やす...
(2)「キーワード」と「ディスクリプシ...
(3)タグをすばやく入力していく便利な...
(4)バリデート、ブラウザチェック、サ...
(1)ヘッダーを作る
(2) ヘッダーを作る 後編
(3)フッターを作る
(4)サイドナビを作る
(5)全体のスタイル設定
(6)メイン部分を作る
(5)オプション領域の使い方
(1) テンプレートを新規作成する方法
(2)テンプレートからドキュメントを作...
(3)新しくテンプレートからドキュメン...
(4)テンプレートの共通部分を変更して...
(1)サイトを開き、ドキュメントを開く
(2)フォルダを作りドキュメントを移動...
(3)パネルを展開・サイト全体のアップ...
(4)変更したファイルだけをアップする...
(5)同期したくないファイルが増えてき...
(1)ライブラリーの新規作成
(2)ライブラリーを挿入する
(3)ライブラリーの変更
(4)ライブラリーにリンクを追加する
(2)画像をFireworksで最適化...
(1)Fireworksで画像を縮小す...


(c) Webdemo Inc All rights reserved.