Category Archives: ホームページビルダーの操作

ホームページビルダーの操作
外部CSSの作り方とCSSエディッタの操作

CSSを書く場所は、3か所。

  • タグに直接スタイルを設定する
  • ページにCSSを書く
  • 外部にCSSを作成する

今回は、ホームページビルダーでの、外部スタイルシートの設置方法。
そして、ホームページビルダーの付属ツールCSSエディタの使い方を説明します。


Continue Reading

ホームページビルダーの操作
定義リスト<dl><dt><dd>タグの挿入方法


 
今回は――――
前回の記事
「HTMLタグについて 定義リスト<dl><dt><dd>を使いこなす!」
ホームページビルダーでの操作方法について書きます。



Continue Reading

ホームページビルダー・スタイルシートマネージャの操作 リストタグのCSS設定


 
今回は、初心にかえって(??)ホームページビルダーのスタイルシートマネージャの操作についてです。
よく使う「リスト」の項目ですが、ピクトグラムで表されているので、直感的にわかるはずなのに、意外と、アレ?と、思うこと方もいるかも……私がそうでした^^;


Continue Reading

ホームページビルダーの操作 タグに直接スタイルを設定する方法

・
 
ここだけ色を変えたい! と、思うことは結構ある。
でも、その為だけに、わざわざスタイルを作るまでもない。
って時に、使うのが、タグに直接スタイルを書く方法。
今回は、そのホームページビルダーの操作を仕方を紹介!


Continue Reading

ホームページビルダー HTMLを入力しながらCSSを設定するもう一つの方法

もう、寒くならないでーーーーー
春ですね(イメージ画像梅の花)

前回書いた、タグ一覧を使った入力は、なかなか便利だと思うのですが、
階層表示なので、慣れないと見づらいですよね。
また、文章も、ぱっと全文を見られないので戸惑ってしまいます。
やっぱり、ページ編集画面で操作をしたい! 
と、いうかた向けの方法を今回は、まとめてみました。

Continue Reading

5分で1ページを作成 ホームページビルダーでHTMLを入力しながらCSSも設定する方法

はじめに

タイトルで、ご来訪いただきました皆さま。
どうか、あらかじめご了承ください。
5分と申しましても、ページの内容によります。

また、当記事は、
ホームページビルダーの操作説明(タグとスタイルの入れ方説明)でございます。
色々な意味で、ひく~~い、クオリティには、
目を瞑っていただければ、幸いでございます(>_<)。
ごめんちゃいです

今回は、こちらの記事で書いたホームページビルダーの操作方法/HTMLタグの挿入方法に、同時にCSSを書く方法をまとめたものです。

この方法はにつきましては、
・ページの内容が、ほぼほぼ確定している
・ページのデザインも、ほぼほぼ描けている。
こんな方向き入力方法です。

Continue Reading

ソース画面に切り替え、HTMLの書き方を覚える

ホームページビルダーのツールバーにある、このタブを使ったことがありますか?

ホームページビルダー操作画面

プレビューならあるけど……?
他は、見なくてもホームページ作れるし、見ても、よく分かんないし。

ですよね~~~とは、言わないわよ!(ましてプレビュー入ってないし)
今日は、是非とも、このタブを活用して欲しいというお話。

ちょっと、まった!
タグ打ちしないで、ホームページを作るのが、このブログの趣旨じゃないの??

もちろん、そうです。
でも、『タグの手入力は、極力しないようにします。』
って言うだけで、それなりに、HTMLソースは、気にします。

ふ~ん……なんか、騙された気分……?
それって、それなりのメリットがあるんでしょうね??

Continue Reading

ホームページビルダー ツールバーをカスタマイズする

ツールバーにレイアウトコンテナのアイコンを作る!

ホームページビルダーで、レイアウトコンテナ(DIVタグ)を挿入するのって面倒ですよね。

ツールバーに、アイコン・ボタンがあれば……って思いませんか?

HPBツールバーのカスタマイズ

↑↑↑これは、私のツールバーに置いている、自分用のアイコンです。

今回はこれを作っていきます!

Continue Reading

『レイアウト』タブの操作の仕方

スタイルシートマネージャの
【レイアウトタブ】使い方です。

レイアウトタブでは、
・マージン
・ボーダー
・パッディング
の設定が行えます。

Continue Reading

色の設定【ユーザー設定】の仕方

スタイルシートマネージャ、「色と背景」から
色のユーザー設定の仕方です。

Continue Reading