*

サイト作成ソフトとHPビルダーの設定

公開日: : 最終更新日:2017/10/15 Webサイト作成 , ,

サイト作成のソフトもいろいろありますが、代表的なものといえば「ホームページビルダー」と「Dreamweaver」ではないでしょうか。

Dreamweaverは「プロ用」というイメージが強く、一方ホームページビルダーは価格の手頃感から、個人や企業まで幅広く使われていると思います。

ちなみに昨年から「Dreamweaver cc」はダウンロードのみの購入となり、単品プランであれば月々2,180円で使用できます。(個人の場合)。

■Dreamweaver

下がDreamweaverでページを開いた状態ですが、分割にしてソースとHTMLを同時に表示させた方が作業しやすいです。

dreamweaver cc

 

■ホームページビルダー

ホームページビルダーのソースとタグの分割は上下になります。

ホームページビルダー

私のバージョンのようにHTML5の新しいタグが対応していないと、編集時に「不明なタグ」と警告がでます。

image8

これは次のような設定で解消しますが、タグの閉じ忘れなども警告しなくなります。

image9

自分でサイトを作る方は、ホームページビルダーが多いと思うので今回はそれで作っていきます。最新バージョンは19ですが、直接タグを編集するので古いバージョンでも問題ありません。しかし、初期設定のままでは使いにくいので、テンプレートにも対応するように変更しましょう。

ホームページビルダーの設定方法

まず、ツールの「オプション」を選択

image4
ファイルタブの赤枠部分のチェックをはずす。

image5
ソース編集タブを図のように変更。ソースタグに色がついた方がわかりやすい方はチェックを入れたままで。

image6
一般タブを編集。「エラー警告」を表示しない場合は上の設定にしてください。

image7

以上で完了。

googleアナリティクスを設置したらフリーズする場合

ホームページビルダーのバージョンによっては、アクセス解析の「google アナリティクス」のタグを入れるとプレビュー画面でフリーズ(固まる)状態が見られます。その場合は、プレビューを下の赤枠部分で操作してください。「IE、chrome、firefox」など利用中のブラウザーのアイコンをクリック。

image3

ゼロから始める方は、先々のことを考えるとDreamweaverがよいかもしれません。使用法の書籍も出ています。



ad

関連記事

php工房

問い合わせフォームを作る

ちょっと油断すると更新が遅れますね(笑 ところで、サイトに不可欠なのが問い合わせフォーム。

記事を読む

TeraPad

サイト作成に役立つツール

webサイト作成には、バナーやボタンなどが必要です。 ホームページビルダーには「ウェブアートデ

記事を読む

エックスサーバー

レンタルサーバーを選ぶ

webサイトの運営にはサーバー選びが重要。 中小企業、個人事業者なら、レンタルサーバーが一般的

記事を読む

ページのコピーと貼付けで注意すること

以前も書きましたが、ホームページ作成にはコピーと貼付け作業を頻繁に使います。 サイトの構成を考

記事を読む

スマホ人口の増加

スマホのユーザーが増加中!なのに…

企業のウェブサイト(ホームページ)でも、まだスマートフォン対応していないものが多いですね。

記事を読む

画像を回り込ませる方法

スタイルシート(CSS)で画像を回り込ませる

赤枠部分のような、CSSで文字の右や左に画像を回り込ませる方法。ホームページ制作によく使いますね。

記事を読む

ファイルを開く

テンプレートをダウンロードして準備

さて、いよいよサイトを作っていきます。 まず、今回使うテンプレートファイルをパソコンにダウンロ

記事を読む

無料テンプレート

webサイトのテンプレートはどれを選ぶ?

さて、サイトのテンプレート選びです。 googleで検索をかけると、たくさんでてきます。 い

記事を読む

バナー画像をJavaScriptで切り替える

前回スマホ用の画像の話をしましたが、jQueryのJavaScriptを使ってサブページのバナー画像

記事を読む

テンプレートの見出しタグ

タイトル(メタタグ)と見出しタグを編集する

テンプレートのソースタグ「<head>~</head>」の部分を編集します。

記事を読む

ad

Message

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

ad

相島での釣果
離島 相島へナイトアジングに行ってきた

福岡県北部の離島、相島へ知人と夜釣りに行ってきました。 新宮港発17

梱包された時計
グランドセイコーの電池交換完了

先月末メーカーへ電池交換に出していたSBGX065が戻ってきました。

プランクトン1.8
34のNewワーム「プランクトン1.8」でアジング

前から心待ちにしていた、34のワームが一般発売されました。 タイ

魚子メタル
魚子メタルでアジングをやってみた

寒さは大の苦手ですが、ほぼ毎週アジングに行ってます。 リグはワー

グランドセイコー SBGX065
グランドセイコーのクォーツを電池交換に出してみた

約3年前に購入したGrand Seiko SBGX065。 時計

→もっと見る

PAGE TOP ↑