前の記事
← ← ←１カラムの簡単なページを作る８ ヘッダー部分のスタイル
次はメニューです。
このメニューは、ただ、横に文字を並べて、各々に、リンクの設定をしただけです。
横並びのメニューは、よくリストタグを使い、横に並べるのですが、
最初っからそれを作ると、多分イヤになると思います。
それで、今回は、原始的に、ただただ文字を横に並べました。
このページを作り終えたら、
各パーツごとに、もう一つ上の使い方ということで、
横並びのメニューの作りは、ご紹介しますね。
１カラムの簡単なページを作る ９ メニューを作る
１カラムの簡単なページを作る ７
前の記事
← ← ←１カラムの簡単なページを作る６ 「一番外側の箱を作る」
ページの作り方について
さて、ページの作り方ですが、
人によっても、掲載する物によっても、様々なパターンがあると思います。
- ある程度、中身（記事）を書いてから、配置を決めて、装飾を施す。
- 記事を収める箱の配置を決めて、箱を作ってから、記事を書く。
- 展示したいもの、写真などをでーんと置いてから考える。
色の設定【ユーザー設定】の仕方
スタイルシートマネージャ、「色と背景」から
色のユーザー設定の仕方です。
スタイルシートマネージャの操作
ホームページビルダーで、CSS（スタイルシート）の設定を行うには、
スタイルシートマネージャを使います。
今回は、その操作方法の簡単な説明です。
１カラムの簡単なページを作る６
一番外側の箱を作る
１カラムの簡単なページを作る５
背景の設定
前の記事
← ← ←１カラムの簡単なページを作る４ CSSのリセットをする
背景の設定
家で言えば、庭を作って、
次に、外側の骨組みを作る手順になります。
（普通、家を建てる時は、庭は最後なんですが……例えということで、勘弁してくださいね）
１カラムの簡単なページを作る４
CSSのリセットをする
前の記事
← ← ←１カラムの簡単なページを作る３ ページの構造
作成の手順
- 各ボックスのCSSを作成していきます。
↑↑↑このボックスのスタイルを先に作ります。 - 文章にHTMLタグを設定し、スタイルの指定をします。
１カラムの簡単なページを作る３
ページの構造
前の記事
← ← ←１カラムの簡単なページを作る２ ホームページビルダーの設定
１カラムとは？
下の画像は、いわゆる１カラムと呼ばれる構造です。
ここでいう、カラム（column）とは、縦方向に並ぶ列のことを表す単位。段組みのことです。
１カラムなので、一列（もちろん縦）の構造ってこと！
２カラムなら縦２列の構造になります。
まずは、1ページを作ることで、ホームページビルダーの操作や、HTMLタグ、スタイルシートなどに慣れてください。
１カラムの簡単なページを作る ２
ホームページビルダーの設定
最初にホームページビルダーの設定を行います。
最近のコメント
定義リスト<dl><dt><dd>を使いこなす！ に (K)「Q&A」ページはDLタグとCSSで作成するのがいいね(CSS覚え書き) | web(K)campus より