企業系サイト:トップページ

2カラムページ設計

f:id:web-0818:20170520224920p:plain

bodyの背景画像を設定する場合

f:id:web-0818:20170520223101p:plain

headerの背景画像を設定する場合

f:id:web-0818:20170520223658p:plain

定義

  • 全体は、.conatiner幅「980px」
  • ヘッダー情報とフッター情報の見栄えは、ブラウザ幅全体を利用する
  • 横幅「140px」ピクセルのナビゲーションボタンを7個作成
  • 高さは「50px」
  • 「トップページ TOPPAGE」「ソリューション SOLUTION」「実績紹介 ACHIEVEMENT」「パートナー PARTNERS」「カスタマー CUSTOMERS」「会社概要 COMPANY」「お問い合わせ CONTACT」
  • キャッチコピー「あなたにとって 最高のパートナー であるために。」
  • 色彩計画「基調色、強調色、アソートカラー」の3色は、事前に決定する
  • 大見出し、中見出しは画像にする
  • ページ遷移のための「矢印アイコン」は作成する
  • フッター部にもグローバルナビと同様のテキストリンクを作成する
  • テキストリンクは、すべて擬似クラスを設定する


サンプルスタイルシートカンパニー

    トップページ
    ソリューション
    実績紹介
    パートナー
    カスタマー
    会社概要
    お問い合わせ

あなたにとっての最高のパートナーであるために
弊社について
スタイルシートによるレイアウトで、表現力と機能性が共存したサイトを構築。

サンプルスタイルシートカンパニーでは、ウェブサイトの構築にスタイルシートによるレイアウトを採用しています。そのため、視覚的に美しい表現力だけでなく、ユーザーにとって使いやすい機能性とを合わせ持ったウェブサイトを提供することができます。

ソリューションへ
ウェブサイトを成功に導く、構造設計とインターフェース構築を武器に。

100件あまりのウェブサイト構築経験から培った企画・開発力をバックボーンにもつ、サンプルスタイルシートカンパニー。競争に勝ち抜くための構造設計と、インターフェース構築を武器に、お客様のウェブサイトを成功に導くお手伝いをします。

実績紹介へ
ニュースリリース

2017年12月1日
サンプルスタイルシートカンパニーのウェブサイトがリニューアルしました。
2017年12月1日
サンプルスタイルシートカンパニーのウェブサイトがリニューアルしました。
2017年12月1日
サンプルスタイルシートカンパニーのウェブサイトがリニューアルしました。
2017年12月1日
サンプルスタイルシートカンパニーのウェブサイトがリニューアルしました。
2017年12月1日
サンプルスタイルシートカンパニーのウェブサイトがリニューアルしました。

Copyright © Sample Stylesheet Company All Rights Reserved.