素材サイトさんを利用する

インターネット上には、WEBデザインに使える素材を扱っているサイトさんも多く存在します。
　
無料で使えるものも結構ありますので「ネットで検索→そのサイトさんから素材をダウンロード→ダウンロードした素材をサイト制作に利用」すると良いでしょう。
　
ただし、サイトさんによっては「１８禁のコンテンツを扱うサイトでは利用できない」「商用利用不可」等の規制を設けているところもあります。
　
自分が作ろうとしているサイトの種類をよく考え、各素材サイトさんの利用規約をよく確認した上で利用しましょう。
　

素材集を利用する

世の中にはデジタルな画像素材をテーマごとにまとめた「素材集」という便利なものが存在します。
　
書店のPC・ネット関連あたりのコーナーに置いてあることも多いですし、ネット書店でも売っています。
　
お値段はそれなりにしますが、プロのデザイナーさんが作っているものですのでクオリティーは高いです。
　
ただし、これに関しても様々な利用規約がある場合があります。
　
できれば書店などで利用規約のページを確認した上での購入をオススメします。
　
ちなみに、自分がサイト制作に利用させていただいている素材集を、こちらに一覧でまとめてあります。
　　　　↓
「WEBデザインに使える素材集」
　
気になる方は是非ご覧になってみてください。
　

WEB素材を自作する

フォトショップなどの画像加工ソフトがあれば、自分で素材を自作することも可能です。
　
絵を描くセンスが無くても、たとえば文字キーボードの「＊（アスタリスク）」を加工してお花っぽくしてみたり…

　
黒い背景の上に大きめの黄色い円と小さめの黒い円を重ねて三日月を作ってみたり…

（「ぼかし」効果をプラスすると、さらに雰囲気が出ます。）
　
２色の正方形を２つずつ用意して互い違いに配置することで「市松模様」を作ったり…

（これはさらにフォトショのフィルタ効果でわざと色ムラをつけています。）
　
実際、自分もサイト開設初期の頃は自作素材だけでサイトを作っていました。
　
…まぁ、簡単なデザインしかできなかったり、美的センスが求められたりはしますので、難易度は高めですが…。

[0回]

各小説によってカスタマイズの内容は違いますが、ルビ（ふりがな）の有無や小説の雰囲気、装飾の有無や文章量などを、ある程度、読者様の好きに選んでいただけるという機能です。

具体的にはこんな感じで
　　↓


小説本文ページのメイン・ロゴとメニューバーの下の右下あたりにカスタマイズ・ボタンが付いており（赤丸で囲ってあるところです）、クリック（タップ）することでレベルの強弱やルビのＯＮ／ＯＦＦをいじれるわけです。


　　　↑
（メニューバーの「ビジュアルガイド（本文の見方）」から飛べるガイドページにも図入りで操作方法が書いてあります。）

（ちなみに「ファンタジーレベル」の強弱というのは物語中に出てくるファンタジーな知識のマニアック度（用語解説の内容や、「ウンディーネ」がただのカタカナだけか「波の下にいる者」と書いて「ウンディーネ」と読ませるか、「千夜一夜物語（＝アラビアンナイト）」のルビが「せんやいちやものがたり」か「アルフ・ライラ・ワ・ライラ」か…etc）が変化するだけです。本当はもっと変化をつけたかったのですが、パターンによってあまりに内容が変わってしまうのも不公平かと思い躊躇したので…。）
 　　

リンクとは、インターネットのサイトでよくある「文字やボタンをクリック（タップ）すると別のページや同じページ内の別の箇所へ移動する」機能のことです。

「言ノ葉ノ森」のカスタマイズ機能では、この「リンク」をカスタマイズ用のボタン（上の例で言うなら「ファンタジーレベル」の横の「強・弱」のボタンや「ルビ（ふりがな）」の横の「ＯＮ・ＯＦＦ」のボタン）に設定して、カスタマイズボタンをクリックすることで、パターンの違う別ページへ移動するようになっている…というだけの話なのです。

図にすると、下のような感じです。
　　↓


１つのページにつきパターン違いの２つのページへのリンクが設定されています。

どのパターンからどのパターンへリンクを繋ぐのか、というのがビミョウにややこしいのですが、難しければ予め図を描くなどしておけば多少はラクになる…かも知れません。

あと、この機能、リンクをミスすると「ルビをＯＮしたはずなのにルビが付いていない」とか「ファンタジーレベルをいじったはずなのに、ルビの方が変わってる」ということになりますので、アップロード後のセルフチェックが必須です。
　　

• 花咲く夜に君の名を呼ぶ…倭風描写←→普通描写（雰囲気）の切替（後付けでルビＯＮ／ＯＦＦも制作中）
• 夢見の島の眠れる女神…ファンタジーレベル強弱切替、ルビＯＮ／ＯＦＦ
• ブラックホール・プリンセス…ルビＯＮ／ＯＦＦ、文章量増減調節
• 魔法の操獣巫女エデン…デコレーションレベル切替（０～２）←ルビＯＮ／ＯＦＦもこれで調節します。

[0回]

[0回]

ブログ等とは違い、ホームページはサイトの構造も自分で考えていかなければいけません。

入口であるＴＯＰページがまず最初にあって、メイン・コンテンツ（小説サイトであれば小説本体）のページ、メール・フォームのページ…等々、どんなページを作り、どんな構造（どんな順番・レイアウト）でつなげていくのかを自分自身で考えなければならないのです。

なので、自分もホームページ「言ノ葉ノ森」を作る際、まず紙にざっとホームページの構造を図にして書き出して「どんなページを作ろうか」と考えることから始めました。

ちなみに「言ノ葉ノ森」をだいたい下記のようなページで構成されています。
　　↓

ＴＯＰページ

ホームページ全体の入口ページであり、「言ノ葉ノ森」では全体の「もくじ」にあたるページでもあります。

Ａｂｏｕｔ

そのホームページがどんなホームページなのかを案内する「総合案内」のページです。
いくつかのページに分かれており、サイトマップやサイトの見方、参考文献の他、注意事項や禁止事項などもここに載せてあります。

Ｐｒｏｆｉｌｅ

管理人の自己紹介ページです。ちょっとした仕掛けがあります。

Ｍａｉｌ

管理人と連絡を取るためのメール・フォームがあるページです。
メール・フォームは忍者ツールズさんのツールをお借りしています。

アンケート

小説の感想やホームページの利便性などをお聞きするアンケート・フォームのページです。

ＬＩＮＫ

素材サイトさんや小説検索サイトさんなど利用させていただいているサイトさんへのリンクを貼っているページです。「言ノ葉ノ森」のリンク・ポリシーやリンクの貼り方などもここに載せています。

小説もくじページ

各小説ごとのもくじページです。内容案内や各小説ごとの参考文献ページ、用語解説一覧へのリンクもここにあります。

小説本文ページ

小説本文です。一定のまとまりごとにページを分けています。ページ下部の「戻る」ボタンで前のページへ「もくじ」ボタンで小説もくじページへ「進む」ボタンで次のページへ、そして左サイドの小窓に表示できる「もくじ」で好きなページへジャンプできます。

ビジュアル・ガイド（ページの見方）

小説本文ページなどの機能を図解で案内しています。

ＡｂｏｕｔやＭａｉｌやＬＩＮＫなどのサイトの根幹となるような（？）ページは、学生時代、インターネットに初めて触れるようになった頃にめぐっていた様々なサイトさんのうろ覚えの記憶から「確かこんなページがあったなぁ」という感覚で作っています。

（もちろん、自分なりのアレンジは加えていますが。）

ぶっちゃけこういったメイン・コンテンツと関係ないページは、実際に見てくれているユーザー様がいるのかどうかも分からないですし、管理人にとってもメイン・コンテンツのページと違ってモチベーションの上がらないものだと思いますが、ユーザー様と管理人との連絡手段であったり、注意事項や禁止事項など、大切なことも多々ありますので、たとえ面倒でもきっちり作っておく必要があると思います。

ちなみに自分の場合は「モチベーションの上がらないものなら、モチベーションが上がるように工夫しよう！」という考えの元、ページに様々な「しかけ」を施しています。

（ナビゲーション・マスコットのフキダシ内セリフがカーソル位置により変わるなど。←動作確認はＰＣのみですので、タブレットやスマホで機能するかどうかは分かりません。）

興味をお持ちの方はぜひ一度遊びに来てみてください。

[0回]