Category Archives: ホームページビルダーでページ作成

2カラムのページを作ろう 9 今日で完成!


 

2カラム……

いよいよ、今日で、完成ですよ!

頑張っていきましょう!



Continue Reading

2カラムのページを作ろう 8 フッターの設定 floatの解除

今回のフッター部分作成で、スタイルの設定は、終了です。

Continue Reading

2カラムのページを作ろう 7 サイドバー メニューの設定【display : block】でボタンぽく

ページの構造概念図

いま作っているもののサンプルページは、こちらから

左サイドメニューの設定だよ~~~

Continue Reading

2カラムのページを作ろう 6 メイン記事設定【overflow : auto;】で小窓を作る

今回は、フロートさせた、メイン記事部分の設定です。

【overflow : auto;】というスタイルを使って
こんな小窓を作成します。
動かしてみてね~~
 
 
 
 
 
 
 
 

 
Continue Reading

2カラムのページを作ろう 5 float フロートの設定

いよいよ、2カラム(二段組み)のメインの部分。
スタイルで、フロート設定をしていきます。
float(フロート)については、
こちらにまとめてありますので、先に読んでね!

Continue Reading

2カラムのページを作ろう 4 外枠からヘッダーまでのHTMLを書く

今回は、外枠とヘッダー部分のHTMLを書きながら、
ホームページビルダーの操作方法、
HTMLタグの挿入や、タグにIDやクラスを設定する
いくつかの方法を紹介します。

Continue Reading

2カラムのページを作ろう 3 ヘッダー部分のスタイル設定

今日は猫の日 猫の画像

今日は、2月22日ニャンコの日です!
GIMPでやっつけで画像を切り抜きました……
ふちが、ざつだね……(>_< ) うちの子ではありませんよ。
さて、今日は、ヘッダー部分のスタイルの設定をしていきます。


Continue Reading

2カラムのページを作ろう 2 CSSリセットから外枠の設定

今日は、スタイルのリセットと、外枠の設定。

短くて、ごめんなさい(>_< )

お詫びに↓↓↓管理人が作ったヘタクソ・アイコン良かった持って帰ってね!
白背景で使ってね。
ハートのアイコン赤  ハートのアイコンピンク

Continue Reading

2カラムのページを作ろう 1 はじめに

2カラムはじめま~~す

2カラムサンプル画像

こんなのを作っていきます。
画像クリックで見本のページへ飛びますよ!

やっつけで、作ったでしょ!!?

そ、そ、そんなことは、ないですよ^^;

Continue Reading

1カラムの簡単なページを作る 補足1 外部スタイルシートのつくりかた

スタイルの設定の仕方の種類

1.HTMLタグに、直接書く

推奨されていませんが、ここだけ色を変えたい!って言う時便利です。
このブログ内では、よく使っている、これです!
いまのは、SPANといタグをにスタイルを設定したのですが、
今まで出てきたタグ(DIVとかPとかH1とか)に設定出来ます。

Continue Reading