HP作ってみました | ネイリストMa-ko
![](https://stat.ameba.jp/user_images/20201209/09/mmmaaa---1981/56/73/j/o0563108014863760028.jpg?caw=800)
今までHPの作り方が分からず
難しそうだし別に無くてもいいかなぁ~
と思っていましたが
ともえ先生のセミナーで、
低コストで自分でも簡単に作れるとのことで
受けてみました
![キラキラ](https://stat100.ameba.jp/blog/ucs/img/char/char3/088.png)
何を載せるべきかを教えてもらって
何のHPを利用したら良いのか教えてもらい
私は、ひとまず一番簡単そうで、無料で利用できる
ペライチを利用する事にしました
![ひらめき電球](https://stat100.ameba.jp/blog/ucs/img/char/char2/089.gif)
![](https://stat.ameba.jp/user_images/20201209/09/mmmaaa---1981/ae/00/j/o0567108014863760029.jpg?caw=800)
以外にも自分でもHP作れるやん
![爆笑](https://stat100.ameba.jp/blog/ucs/img/char/char3/001.png)
ちゃんと項目ごとに振り分けて
クリックしたらそのページに
飛ばせれるようにもできたし
リンクを張り付けて、
blogや、Instagram、予約サイトにも
飛ばせれるようにできた
![照れ](https://stat100.ameba.jp/blog/ucs/img/char/char3/027.png)
![](https://stat.ameba.jp/user_images/20201209/09/mmmaaa---1981/9d/60/j/o0511108014863760031.jpg?caw=800)
パソコン表記はこんな感じ
![アップ](https://stat100.ameba.jp/blog/ucs/img/char/char2/173.gif)
まだ下の画面にも続きはあるよ
メニュー表や、自分の事や、Accessなども
載せてます
![ウインク](https://stat100.ameba.jp/blog/ucs/img/char/char3/028.png)
![](https://stat.ameba.jp/user_images/20201209/09/mmmaaa---1981/4c/2e/j/o0511108014863760034.jpg?caw=800)
そしてお客様へのお願い事項
上は、携帯から見た感じ
レイアウトは自分でフリー画像から拾ってきて
自分の好きな感じで
暖かみのあるピンクの花びらに
したのに
下のパソコンから見たのでは
あれ?
何でやろ?サンプルから選んだ画像のまんま
![えー?](https://stat100.ameba.jp/blog/ucs/img/char/char3/070.png)
![](https://stat.ameba.jp/user_images/20201209/09/mmmaaa---1981/df/c2/j/o0511108014863760036.jpg?caw=800)
何回も、変更しようとしたのですが
やり方が分からないので
![](https://ln.ameba.jp/v2/ra/zBymKrvv?qat=view&qv=1-66-0&qpi=article_blog-entry&qr=&entry_id=%2212642936545%22&blogger_ameba_id=%22mmmaaa---1981%22)
![](//sy.ameblo.jp/sync/?org=sy.ameblo.jp&initial=1)