モンスト中心、映画やアニメ、DIY…興味あることをその都度発信

224 views

1カラムの高級感あるデザインテンプテート

はじめに

今回は前回の2カラムとは違い、1カラムのホームページのレイアウトサンプルをご紹介いたします。
1カラムは比較的内容量の少ないサイトや、特設ページなどに向いていると思います。

前回までの記事はこちら
2カラム左ナビゲーションのテンプレート
2カラム左ナビゲーションの別バージョンサンプル

1カラムの高級感あるデザインテンプテート

全体の黒をベースに、フォントは明朝体を使い高級感のあるテンプレートを意識しています。
画像をメインにレイアウトしているのでそういう用途での製作に向いています。
1ページのデザインなので、ヘッダーを固定し、スクロールしてもナビゲーションメニューが付いてくるようにしています。
スクリーンショット_111114_020302_PM

サンプルURLはこちら(別窓で開きます)
https://babyhood303.main.jp/sample/02/index.html

特徴

メイントップ

スクリーンショット_111114_020302_PM

ヘッダー固定で透過

スクリーンショット_111114_020414_PM

見出しタグサンプル

スクリーンショット_111114_020454_PM

シンプルなフッター

スクリーンショット_111114_020518_PM

問い合わせ先

詳しくは札幌市格安ホームページ製作のbabyhoodまでお問い合わせ下さい。

お問い合わせはこちら
・TEL 011-598-1680
・MAIL info@babyhood303.com
・WEB https://babyhood303.com



  • このエントリーをはてなブックマークに追加
  • Pocket
  • 0 follow us in feedly

関連記事

コピペでできる!!サクサクっとwordpressオリジナルテーマの作成②~基本的な設定~

はじめに 「コピペでできる!!サクサクっとwordpressオリジナルテーマの作成」2回目ですが、

記事を読む

Benri500札幌~新しいSEO対策について

Benri500札幌のご紹介 google検索では「札幌 激安 10分 500円」と検索す

記事を読む

2カラム左ナビゲーションのテンプレート

はじめに 今回は、札幌市格安ホームページ製作のbabyhoodで使用しているテンプレートのご紹介を

記事を読む

美容室ロゴ・看板・名刺デザイン

美容室のロゴ・看板・名刺デザインをさせていただきました。 ロゴ 4つ提案させていただき、こち

記事を読む

2カラム左ナビゲーションの別バージョンサンプル

はじめに 前回に引き続き、今回もホームページのレイアウトサンプルをご紹介いたします。 前回の

記事を読む

XHTMLとCSSを使って、固定幅で崩れないトップページのレイアウトを作る

はじめに またホームページ関連の内容になりますが、まずは前回までのおさらい。 先日こちらのブログ

記事を読む

クライアント向けにwordpressサイトを作ったときに役立つプラグイン10選

はじめに 今回はwordpressでクライアント向けにホームページやブログ等を作ったときに入れると

記事を読む

GIMPで簡単!!よく使われている文字加工のやり方

はじめに 今回は、ホームページのロゴ部分や、見出し部分、画像の上に掲載する文字など、少し目立った感

記事を読む

最新版!!オススメFTPソフト「WinSCP」のダウンロードとインストール、使用方法まで

はじめに ファイル転送のFTPソフトを探していて、使いやすさの点などでこのWinSCPというフリー

記事を読む

コピペでできる!!サクサクっとwordpressオリジナルテーマの作成①~準備~

はじめに このブログでも姉妹ブログでも、私はwordpressを使っています。 wordpres

記事を読む




PAGE TOP ↑