デザインの設計はエクセルを使用します。このデザインを書いたとき、ページの目的で書いた「ターゲットは誰なのか」が抜けたまま設計をしていました。いざコンテンツを書こうと思うと、取っていた空間に対して書きたいことがはみ出してしまったり、ページの目的が分からなくなりやすいので、これを見た人は是非しっかり目標を立てて製作してみてください。

コーディングはSublime Text3を使用しました。最も時間がかかる部分ですが、共通部分を作ることを意識して作ることでコードを書く時間を削減しました。このページでは同じレイアウトで中身の要素を変えるだけで良いようにしてあります。私はGoogle Chromeを基準にコーディングを行い、各ブラウザ対応できるコードに書き直していきました。

ブラウザはGoogle Chrome:Internet Explorer:FireFox の三つとモバイル版にも対応する必要があります。初期段階のコードでは文字の上下余白や文字の折り返しができなかったり、画像が極端に大きくなる現象が発生しました。各ブラウザで対応しているコードと、元々の設定がバラバラなので時間をかけて直していきました。

発表では実際に製作したWebページを使って説明しました。このとき準備不足があり、発表時に緊張していたのも相まって想定していた発表順序が前後してしまったり、聞こうと思っていたことがあやふやになってしまいました。改めて発表のポイントをいくつか分けて、順序を立てることで改善を目指していきたいと思います。