株式会社ほにゃらら

Number.010 / 会社ホームページ向けテンプレート

背景素材

こちらのテンプレートには背景素材を使用しています。
サイト上に画像用の「image」フォルダを作成し、以下の画像を入れてお使いください。

右クリックの「画像を保存」にてダウンロードしてお使いください。

最後の「採用情報」のみ、左と右に白い線を入れてありますが、この「採用情報」もいらない場合はこちらの無地のもので代替してください。

これらのナビゲーションの部分で要らないものがあれば、その箇所のリストを削除してご使用ください。その際、各リストの<li>タグ間に改行を入れると隙間ができますのでご注意ください。

CSSのリピート素材

こちらはスタイルシートで設定しているリピート画像になりますが、こちらも「image」フォルダに入れてご使用ください。

ブランディング画像

こちらは当サイト運営者が自分で撮影したものですが、代わりに自分の会社や職場内などを写真撮影してお使いください。大きさは「600px × 215px」にて加工しています。

CSSでは「sample-bg.jpg」の箇所になりますが、自分で撮影した画像のファイル名を「sample-bg.jpg」として「image」フォルダにアップロードすれば、同じように表示されるはずです。

著作権法の第46条「公開の美術の著作物等の利用」にて、屋外の建築の著作物について規定されていますが、販売や敷地内などの例外を除き、一般的には建物の外観を写真撮影することは問題ないとされてはいます。とはいえ、できるだけ自分で職場内などを撮影して使用するとよいでしょう。


ファイル名を「index.html」、文字コードを「utf-8」として保存してください。

こちらはCSSになります。「index.css」として保存してください。
文字コードも「utf-8」で保存してください。

また、ナビゲーションの各リストのリンクは繋げていないため、それぞれの個別ページへリンクしてご使用ください。

スマホではこのように表示されますが、スペースの関係上、ナビゲーションの部分は1部カットしています。「class="sp"」で指定したリストをスマホの表示では省略しています。

利用するレンタルサーバーについては、簡単に「問い合わせフォーム」や「ウェブフォント」を使用できるエックスサーバーがおすすめです。このページのWEBフォントは「リュウミン B-KL」を設定しましたが、上記の「株式会社ほにゃらら」の箇所を自分の会社名に変更し、カッコイイWEBフォントを設定しておくとよいでしょう。

そのほか、会社ホームページを作成する際のポイントについてはこちらのページをご参照ください。
会社ホームページの作り方

HOME > 1コラム・シンプル