*

サイト作成ソフトと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

関連記事

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

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

記事を読む

スマホ人口の増加

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

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

記事を読む

スマホの画面

スマホサイトに画像やメニューを表示させない設定

スマホの画面は表示範囲が狭いので、縦長のサイトになります。 縦スクロールは操作がしやすいとはい

記事を読む

画像を回り込ませる方法

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

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

記事を読む

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

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

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

記事を読む

トップバナー

トップのイメージ画像を入れ替える

サイトのイメージ画像とロゴを入れ替えましょう。 あらかじめテンプレートにはサンプル画像が入って

記事を読む

電話番号にリンクを設定する

スマホサイトによくある、タップをすると電話がかけられるリンクを設定します。 スマホ画面では電話

記事を読む

メニュー部分をドラッグ

DreamWeaverの便利な「ライブラリ機能」

webサイト作成にはコピーとペースト(貼付け)作業をよく使います。 メニューやヘッダー(タイト

記事を読む

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

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

記事を読む

TeraPad

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

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

記事を読む

ad

Message

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

ad

フェンダー アンプ
機能満載アンプ「Fender Mustang GT40」が届いた

数年ぶりのアンプ購入。Fender Mustang GT40が届きまし

JUJU 東京
JUJUが泣いたMV これは泣けた…

今日、3月1日は娘の卒業式。幸い春の嵐は昨日がピークだったようで、無事

YOUNG GUITER
今さらながらのギターと理論

2月4日立春。暦のうえでは春の始まりらしいですが、しばらく極寒の日が続

メンテナンス完了のギター
FUJIGEN OS-10TT ストラトのメンテナンス

フジゲンカスタムショップ製のストラトキャスターOS-10TTです。

Sick As Overdrive MKⅡ
「Sick As Overdrive」ケンタウロス系のエフェクターを使ってみた

雑誌ギター・マガジンで某ギタリストの評価が高かったエフェクターを買って

→もっと見る

PAGE TOP ↑