WEBサイト①
介護施設あじさい園のサイトへ

  • 所要時間

    20日程度

  • 制作したきっかけ

    訓練校の卒業制作として作成したサイトです。

  • その他

    • 全11ページ

    • headerの画像はフォトショップで作成しましたが、主に文字と枠線をいれてるだけなので1つ数分でできています。

    • ホーム、介護の様子、入居案内、お問い合わせ、投資家向け広報(IR)、サイトマップのページでは文字サイズを変更するjQueryの技術を使用しています。

      • ホームではカルーセルの技術を使用しています。

      • お食事、施設案内のページではギャラリーの技術を使用しています。

      • 入居案内のページではツールチップの技術を使用しています。

      • 交通アクセス、道順のページではgoogleMapsを読み込む為のスクリプトを使用しています。

    • CSS3の技術としては❶rgba❷border-radius❸box-shadow❹transform等の技術を使用しています。

  • 使用jQuery技術一覧

    トップへボタン

    		ホーム 介護の様子 お食事 入居案内 施設案内
    文字サイズ変更 ○ ○ ○
    カルーセル ○
    ギャラリー ○ ○
    ツールチップ ○

    		交通アクセス 道順 お問い合わせ 投資家向け広報 サイトマップ
    文字サイズ変更 ○ ○ ○
    googleMaps ○ ○
WEBサイト②
ギターギャラリーm'sGuitarのサイトへ

  • 所要時間

    4日程度

  • 制作したきっかけ

    こちらも卒業制作として作成したサイトです。

  • その他

    • 全5ページ

    • コンセプトはギター画像の公開ギャラリーがメインで片手間に販売をやっているサイトです。

    • gallaryのページではjQueryのカルーセルの技術を使っております。

    • 素材画像の切り抜きにはPhotoShopを使用しております。

    • シンプルなサイトを作成したかった為、文字数を少なくしています。また、サイトに使っている言語を英語に統一しています。

    • 素材がなかなか集まらなかった事が一番、苦労しました。

    • 全体をHTML5での作成を目指し、Live&goodsのページをresponsiveWebDesignのページにしました。

  • ワイヤーフレーム&デザインカンプ(一部)

    ワイヤーフレームとデザインカンプ
inserted by FC2 system