*

サイト作成ソフトと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で文字の右や左に画像を回り込ませる方法。ホームページ制作によく使いますね。

記事を読む

メニュー部分をドラッグ

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

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

記事を読む

スマホ人口の増加

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

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

記事を読む

TeraPad

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

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

記事を読む

エックスサーバー

レンタルサーバーを選ぶ

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

記事を読む

php工房

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

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

記事を読む

スマホの画面

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

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

記事を読む

ad

Message

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

ad

サゴシ
神社参拝と釣り場の探索

気持ちがいい秋晴れ。この季節は日差しが強くても、風がひんやりしているの

アジ
アジングを始めて二週間で気づいたこと

アジングをやりだして約二週間。台風の影響はあったものの、連休もあり、朝

釣れたアジ
アジングは楽しい!常夜灯で入れ食い

最近はまっているアジング。仕事帰りに車で約40分の波止場へ寄りました。

釣ったアジ
朝マズメのアジングに行ってきた

今回は朝マズメのアジ釣りに行ってきました。早朝も夕方と同じように魚が釣

ガイドスルーを使っているところ
アジングにおすすめ「TICT ガイドスルー」

釣りのゴールデンタイム、夕マズメのアジングに行ってきました。

→もっと見る

PAGE TOP ↑