Flips（フリップス）は初心者でもできる簡単ホームページ作成ツール（ホームページ作成ソフト）。無料～

見出し

見出しを選択すると、コンテンツの見出しに使うパーツが挿入されます。見出しは「見出し大」「見出し小」の2種類を選択でき、見出しの文字の色も自由に設定できます。

見出しは、選択したデザイン毎にページに合うようにデザインされています。

見出し大は、<div class="module"><h3 class="heading">○○○○○○</h3></div>で追加され、見出し小は、<div class="module"><h4 class="heading">○○○○○○</h4></div>で追加されますので、該当するCSSを設定することで、自由にデザインを変更することが可能です。

文章

文章を選択すると、1つのモジュールで1000文字までのテキストを入力することができます。また、文字単位で、文字のサイズや色、リンクなどを変更できます。変更する場合は、文章の編集画面を開き、変更したい部分をマウスをドラッグして選択し、つけたい効果のボタンをクリックしてください。

文章は、<div class="module"><div class="text">○○○○○○○○○○</div></div>で追加されますので、該当するCSSを設定することで、自由にデザインを変更することが可能です。

画像

画像は、お手持ちの画像を自由に配置することができます。位置、大きさなども設定できるので、事前に画像のサイズ変更などをする必要もなく、簡単に配置が可能です。

画像は、<div class="module"><div class="image"><img src="画像のファイル名></div></div>で追加されるので、該当するCSSを設定することで、自由にデザインを変更することが可能です。

文章＋画像

画像と、その画像に文章が回り込んだ形で挿入することが可能です。画像、文章の設定内容はそれぞれの画像、文章と同じです。

HTMLでは、<div class="module"><img class="article" src="画像のパス" align="right"><div class="article">○○○○○○○○○○</div></div>という形で追加されますので、CSSを設定することで、自由にデザインが可能です。

表

表を選択すると、「見出し」「内容」で構成される2列の表が簡単に作成できます。

HTMLでは、<div class="module"><table class="table"><tr><th>○○○○</th><td>○○○○</td></tr></table></div>の形で挿入されますので、CSSを設定することで、自由にデザインが可能です。

3列以上の表を作成したい場合は、この後述するHTMLをご利用ください。

罫線

コンテンツを区切る罫線が簡単に挿入できます。

次は、ホームページのメタ情報を修正するです。