美容室・ヘアサロン・ネイルやまつげのサロンなど、予約で動くお店のホームページを、HTML と CSS で早く仕上げるための型です。 同じ架空のお店を、1ページ・5ページ・8ページの3つの作りで用意しました。請けた仕事の大きさに合わせて選べます。 見本の画面（8ページ版）: https://staviaworks.com/demo/salon/ 写真が無くても形になるように組んであります。写真の枠は、やわらかい色の面になっていて、あとから写真を入れるだけで仕上がります。 ━━━━━━━━━━━━━━━ ■ 3つの版の違い ━━━━━━━━━━━━━━━ ・1ページ版（HTML 2枚） 　まず見つけてもらい、予約や電話につなげたいお店に。最初の画面に、営業時間・電話・ページの目次がそろいます。 　お店のこと／メニューと料金／スタイル／はじめての方へ／よくある質問／場所／ご予約とメールのフォーム ・5ページ版（HTML 6枚） 　メニューや考え方を読んで、納得してから来てほしいお店に。 　トップ／メニューと料金／お店とスタッフ／よくある質問／ご予約・お問い合わせ ・8ページ版（HTML 9枚） 　ほかのお店と比べられることが多いお店に。スタイル写真とお客様の声への入口を、最初の画面に置いています。スクロールに合わせた動きつき。 　トップ／メニューと料金／スタイル／スタッフ／はじめての方へ／お客様の声／お店・アクセス／ご予約・お問い合わせ （どの版にも、送信のあとのページが付きます） ━━━━━━━━━━━━━━━ ■ 入っているもの ━━━━━━━━━━━━━━━ ・HTML・CSS・JS のファイル一式（JS は約3KB。フォルダごとで動きます） ・作り手向けの手引き（PDF・8ページ） 　書き換える文字の一覧／色と書体の変え方（色の組み合わせの例つき）／写真と地図の入れ方／フォームの送り先の付け方／公開する前の確かめ／ページと節の足し方 ・ご利用の範囲 ━━━━━━━━━━━━━━━ ■ 作りについて ━━━━━━━━━━━━━━━ ・素の HTML と CSS です。WordPress・jQuery などの部品は使っていません ・色は CSS の1か所を書き換えると、全ページが変わります ・見出しの書体は Google Fonts から読んでいます（商用で使えるライセンスの書体です） ・スマホ（320px）から大きな画面（1920px）まで、横にはみ出さないことを確かめています ・画面の動きは控えめです。端末で「動きを減らす」を選んでいる方には、動かさずに表示します ・ボタン・リンクの場所が、見た人に分かる言葉で書いてあります（「ネットで予約する」「メニューと料金をすべて見る」など） ■ 無料版（0円） 1ページ版のトップの一部（最初の画面・お店のこと・メニューと料金・場所）です。まず形を見てみたい方に。 ━━━━━━━━━━━━━━━ ■ こんな方に ━━━━━━━━━━━━━━━ ・美容室やサロンのホームページを請けたが、一から組む時間がない ・写真がそろう前に、お客様に形を見せたい ・お客様の予算に合わせて、1ページから8ページまで出し分けたい ・WordPress を使わずに、軽いサイトで納めたい ━━━━━━━━━━━━━━━ ■ お約束できないこと ━━━━━━━━━━━━━━━ ・フォームの送る仕組みは入っていません。送り先（フォームのサービスや、サーバーのメールの機能）は、公開する場所に合わせて付けてください。付け方の例は手引きにあります ・写真は入っていません。お店の写真に差し替えてお使いください ・中のお店・料金・スタッフ・お客様の声は、すべて架空の見本です ・この型を使えば予約が増える、といった結果はお約束できません ・デジタルの商品のため、お買い上げのあとの返品・返金はお受けしていません ━━━━━━━━━━━━━━━ ■ ご利用の範囲 ━━━━━━━━━━━━━━━ ・ご自分のサイト・お客様のサイトに、何サイトでもお使いいただけます。お客様への納品、書き換え・作り変えもできます ・「この型を使った」などの表記は要りません ・型そのもの（書き換えたものも含みます）を、テンプレート・素材として販売・配布・無料公開すること、講座や教材の特典に入れることは禁止します。納品先のお客様にも、型として配らないようお伝えください ・使い方は、手引きの範囲でお答えします。個別のサイトの直し・作り込みはお受けしていません 誤字や、表示がおかしいなどの不具合があれば、BOOTH のメッセージからお知らせください。直した版を同じページに置きます。 Stavia Works