チラシを題材にしてホームページ制作。中華ダイニング2

今まで勉強として中華ダイニングのチラシを制作しましたが、これを元にしてホームページ制作したいと思います。ホームページ制作までの過程をブログ記事にしていきます。

これが勉強のために作成したチラシです。

このチラシを元にしてホームページ用にデザインを制作しました。20170323-1

今になって見返すと、なんでこんな風になったんだろう?と不思議に思います。「チラシのデザインと違いすぎるだろう」と思いました。まあ、チラシとホームページは違いますから、デザインが違っても良いですけど・・・。

完成です。ホームページ公開しました。

PC用
blog-dining-1

タブレット用とスマートフォン用
blog-dining-2  blog-dining-3

各端末(PC、タブレット、スマートフォン)で、最適に見えるように制作しています。上の画像のどれでも良いですが、クリックすると実際のホームページへ移動します

今回は、普通のHTMLファイルです。WordPressではありません。ブログ記事を使用しないと想定して作りました。その代わり、ツイッターで新着記事などを表示できるように作りました。

これで完成です。

facebook
twitter
line
hatena
pocket