合格するまで面倒みます! 講習会サイト 2016.01.18

合格するまで面倒みます!
にて取り扱う各教科のWEBサイトをリニューアルしました。

  • WordPress
  • Responsive Web Design
  • HTML5
  • CSS3
  • Icon Font
  • jQuery


『合格するまで何度でも無料で再受講が可能!』をコンセプトにした短期講習会です。現在では、インプットとアウトプットをリズミカルに盛り込んだストーリー講習™プログラムが記憶に残りやすい講習としても注目を集めています。2010年10月にシリーズ累計合格者が10,000人を突破しました。臨場感のある講習会を、是非体感してください。

制作したサイトはこちら。

イメージはこちら( ジュラクリエイト | アイデアを”カタチ”に。カタチを”魅力”に。魅力を”最大限”に。 | クラウドソーシング「ランサーズ」 )の方に制作していただき、それをCSS3 / PHP / jQuery / Font Awesomeで再現させました。

トップページ

スライダーはCSS3でアニメーションさせています。
トップページに四つの大きなリンクを置くことで、メインメニューをシンプルにする事ができました。
otsu4.com.top

講習会一覧ページ

商品管理システムから出力される在庫情報は画像のみだったので、JSON形式で出力するCGIプログラムを書き加えました。
取得したJSONデータをPHPで解析させて、在庫数に応じた表示をテキストベースで出力するようにしました。

otsu4.com.articles

定義タグを使用しているので、ブラウザ幅767px以下の場合はこうなります。
otsu4.com.articles.small

Share this page

コメントは受け付けていません。