ホームページ作成、作り方 |about |access |contact|
ホームページ作成、作り方
ホームページ作成 無料
 ■ ホームページとは?
 ■ 作成に必要なもの
 ■ 無料で作るには?
 ■ フリーソフト
 ■ ホームページ作成 初心者
 ■ ホームページ作成ソフト
 

ホームページ 作り方

 ■ ホームページ 作り方について
 ■ リンクの理解
 ■ WEBデザインの理解
 ■ WEBのレイアウトパターン
 ■ WEBの配色パターン
 ■ htmlとは?
 ■ CSSとは?
 ■ ユーザビリティ
 ■ SEO
 ■ アーキテクト
 ■ タグの種類
 ■ PHP
 
フリーソフト 使い方
 ■ ホームページ作成ソフト
 ■ 画像編集ソフト
 ■ FTPソフト
 
無料サーバー
 ■ お勧め 無料 サーバー
 ■ 無料 サーバーの問題
 ■ 無料 サーバー 比較
 ■ 携帯 無料 サーバー
 ■ cgi 無料 サーバー
 ■ php 無料 サーバー
 ■ 無料 掲示板
 
web デザイン
 ■ webデザイン 勉強
 ■ webデザイン 見本
 ■ webデザイン ランキング
 
web デザイン テンプレート
2カラム
 ■ webデザイン テンプレート01
 ■ webデザイン テンプレート02
 ■ webデザイン テンプレート04
 
3カラム
 ■ webデザイン テンプレート03
 ■ webデザイン テンプレート05
 
 ■ web デザイン 素材
 ■ web デザイン 学校
 ■ web デザイン リンク集
 ■ web デザイン 検定
 ■ web デザイン 求人
 ■ web デザイン 資格
 ■ webデザイン 独学
 ■ webデザイン 現場
 ■ webデザイナー 年収
 ■ フリー webデザイナー
 ■ webデザイナー 就職
 ■ soho webデザイナー 
 ■ webデザイナー 在宅
 ■ webデザイナー 残業
 
WEB コンテンツ 作り方
 ■ どんな内容にする?
 ■ ウェブライティング
 
リンク
 ■ ランディングページ
 ■ WEBマーケティング
 ■ 写真撮影テクニック
 
プライバシーポリシー
 
ホーム>ホームページの作り方2「デザインの理解」

デザインとは? ホームページを作るうえで、考えなければならないのが、各ページのデザインです。

ホームページのデザインで、必要になることは、ページ間のリンクを行うナビゲーションと、各ページに掲載される情報をどう表現するか?ということになります。
解りやすく言うと、リンクボタンの配置と、内容のレイアウト・配色です。
 
ナビゲーション このページで説明すると、ナビゲーションは、左の写真の下のリンクボタンが並んでいる部分を指します。このように、リンクボタンを整理して集めたものをナビゲーションと言います。

ナビゲーションの種類には、

グローバルナビゲーション
コンテンツナビゲーション


など、ページや構成にあわせてナビゲーションの呼び名が変わります。
 
コンテンツ

コンテンツは、このページで言うと、この文章が書かれている部分がコンテンツです。(内容です)
 
このサイトのコンテンツは、文字が中心になっているので、ナビゲーションと、コンテンツとしての文字をどのようにレイアウトするか?ということがデザインの出発点になります。
 
コンテンツの種類
 
もちろん、コンテンツには文字だけでなく、写真やムービー、音楽、通販の商品紹介、会社案内などホームページで見ることができる、ありとあらゆるものがコンテンツとなります。
 

改めてのデザイン ここで、改めてホームページのデザインですが、ホームページを作成する上で、ホームページを作るソフトでは、それぞれのコンテンツをどこにどのように配置するか?というレイアウトデザインと、ホームページの配色の二つが大きなデザインとなります。文字色、背景の色などと、写真のバランス、位置関係などがデザインの要素となります。
 
凝ったホームページも、それぞれの要素を分解すると、レイアウト配色に集約されます。

 
WEBサイトの企画・運営・コンサルティングはinsight