HP制作

HP制作②

先月に引き続き、架空のカフェのHPを作っていきます。前回はHTMLを書いて終わっていましたが、今回はCSSを用いて全体のデザインを整えました。 shika16.hatenablog.com TOPページ 前回からの変更点としては、全ページに共通することとしては ・Illustratorを…

HP制作①

今月から、HP制作に取り掛かります。先日記事にて作ったワイヤーフレームを元に、架空のカフェのホームページを作っていきます。今月は、HTMLを用いて制作を行います。 shika16.hatenablog.com まずはこちらがTOPページのコード。キービジュアルの下に「NEWS…

Illustrator③ HPワイヤーフレーム作成

今月は、Illustratorを用いてHPのワイヤーフレームを作成した。架空のカフェのホームページ制作を予定している。 まず初めに、Illustratorを開いてグリッド表示の設定を行う。 目盛の表示設定も終えたところで、グリッドに沿って背景やタイトル画像、メニュ…