<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	>

<channel>
	<title>ホームページ作成講座</title>
	<atom:link href="http://www.adlabdesign.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.adlabdesign.com</link>
	<description>初心者向けホームページ作成講座</description>
	<pubDate>Fri, 27 Aug 2010 12:39:58 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>ja</language>
			<item>
		<title>情報量に応じた文書配置</title>
		<link>http://www.adlabdesign.com/pagaes/21</link>
		<comments>http://www.adlabdesign.com/pagaes/21#comments</comments>
		<pubDate>Fri, 27 Aug 2010 12:39:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/pagaes/21</guid>
		<description><![CDATA[各段落の文字数が少ない場合と、多い場合、量に応じて文章の配置を決めていきましょう。
・少ない場合
１ページの中で、大見出し、中見出し、小見出しに分け、その中に文章を入れ込みます。
■大見出しタイトル
「大まかな内容を入れる」
●中見出しタイトル
「内容を入れる」
・小見出しタイトル
「詳しい文章を入れる」
・小見出しタイトル
「詳しい文章を入れる」
●中見出しタイトル
「内容を入れる」
・小見出しタイトル
「詳しい文章を入れる」
・小見出しタイトル
「詳しい文章を入れる」
・多い場合は、量に応じて１ページごと使っていきます。
文字だけではおさまりが悪いので、画像を入れ込んだり、イメージしやすいイラストやコラムなどを入れましょう。
「小見出し」となる文章の数が多ければ、「中見出し」のところで目次を作ってしまいます。
そのときには「小見出し」ページをテキストリンクにします。
そうすればそのページにダイレクトに飛ぶようになります。
]]></description>
			<content:encoded><![CDATA[<p>各段落の文字数が少ない場合と、多い場合、量に応じて文章の配置を決めていきましょう。</p>
<p>・少ない場合<br />
１ページの中で、大見出し、中見出し、小見出しに分け、その中に文章を入れ込みます。</p>
<p>■大見出しタイトル<br />
「大まかな内容を入れる」<br />
●中見出しタイトル<br />
「内容を入れる」<br />
・小見出しタイトル<br />
「詳しい文章を入れる」<br />
・小見出しタイトル<br />
「詳しい文章を入れる」<br />
●中見出しタイトル<br />
「内容を入れる」<br />
・小見出しタイトル<br />
「詳しい文章を入れる」<br />
・小見出しタイトル<br />
「詳しい文章を入れる」</p>
<p>・多い場合は、量に応じて１ページごと使っていきます。<br />
文字だけではおさまりが悪いので、画像を入れ込んだり、イメージしやすいイラストやコラムなどを入れましょう。<br />
「小見出し」となる文章の数が多ければ、「中見出し」のところで目次を作ってしまいます。<br />
そのときには「小見出し」ページをテキストリンクにします。<br />
そうすればそのページにダイレクトに飛ぶようになります。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/21/feed</wfw:commentRss>
		</item>
		<item>
		<title>メニュー・カテゴリ・タグ</title>
		<link>http://www.adlabdesign.com/pagaes/20</link>
		<comments>http://www.adlabdesign.com/pagaes/20#comments</comments>
		<pubDate>Thu, 22 Jul 2010 10:15:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成準備]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/pagaes/20</guid>
		<description><![CDATA[初心者だと、「メニュー・カテゴリ・タグ」の違いに戸惑うようです。
サイドバーやヘッター（上）、フッター（下）にあるものをメニューと呼びます。
大きく分けられているものがメニューです。
ホームページなら、会社情報、配送方法、取扱商品、よくある質問といったものが配置されます。
カテゴリは、アイテム別に分けるといった意味で使います。
メニューで分けれた商品などが、ここで更に分類されます。
タグは、使われる言葉で分類したりします。
「カテゴリ分けはできないけれど、ダイエットに関するもので分類する」といった感じです。
どちらも、ユーザビリティーの視点に立って使われます。
]]></description>
			<content:encoded><![CDATA[<p>初心者だと、「メニュー・カテゴリ・タグ」の違いに戸惑うようです。</p>
<p>サイドバーやヘッター（上）、フッター（下）にあるものをメニューと呼びます。<br />
大きく分けられているものがメニューです。<br />
ホームページなら、会社情報、配送方法、取扱商品、よくある質問といったものが配置されます。</p>
<p>カテゴリは、アイテム別に分けるといった意味で使います。<br />
メニューで分けれた商品などが、ここで更に分類されます。</p>
<p>タグは、使われる言葉で分類したりします。<br />
「カテゴリ分けはできないけれど、ダイエットに関するもので分類する」といった感じです。</p>
<p>どちらも、ユーザビリティーの視点に立って使われます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/20/feed</wfw:commentRss>
		</item>
		<item>
		<title>下準備を</title>
		<link>http://www.adlabdesign.com/pagaes/19</link>
		<comments>http://www.adlabdesign.com/pagaes/19#comments</comments>
		<pubDate>Mon, 21 Jun 2010 09:37:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成準備]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/pagaes/19</guid>
		<description><![CDATA[ホームページを作る前にラフデザインをします。
その後、準備をしたいのが、
・HTMLカラーコード
・HP素材集
などです。
カラーコードでは、色を出すためのコードと色が表になっています。
素材集には、メニューボタン、壁紙、アイコン、文字、その他があります。
書いてあることを読むだけではピンとこないでしょうから、
まずは「HTMLカラーコード」「HP素材集」を検索してみましょう。
本で勉強することもいいですが、インターネットならコピー＆ペーストで使うことが可能です。
]]></description>
			<content:encoded><![CDATA[<p>ホームページを作る前にラフデザインをします。<br />
その後、準備をしたいのが、<br />
・HTMLカラーコード<br />
・HP素材集<br />
などです。</p>
<p>カラーコードでは、色を出すためのコードと色が表になっています。<br />
素材集には、メニューボタン、壁紙、アイコン、文字、その他があります。</p>
<p>書いてあることを読むだけではピンとこないでしょうから、<br />
まずは「HTMLカラーコード」「HP素材集」を検索してみましょう。</p>
<p>本で勉強することもいいですが、インターネットならコピー＆ペーストで使うことが可能です。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/19/feed</wfw:commentRss>
		</item>
		<item>
		<title>最初は基本で</title>
		<link>http://www.adlabdesign.com/pagaes/18</link>
		<comments>http://www.adlabdesign.com/pagaes/18#comments</comments>
		<pubDate>Mon, 31 May 2010 16:01:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/pagaes/18</guid>
		<description><![CDATA[ラフデザインの通りにいかない場合、
思い切って基本のシンプルなものから作ってみましょう。
基本となる色を決め、濃淡の色をいくつか選んでおきます。
基本色を入れたら、色に合わせた画像を入れてみます。
その後、濃淡の色をグラデーション、あるいはアクセントのように配置します。
シンプルなもので自信が付いたら、デザイン性のあるものにチャレンジしましょう。
]]></description>
			<content:encoded><![CDATA[<p>ラフデザインの通りにいかない場合、<br />
思い切って基本のシンプルなものから作ってみましょう。</p>
<p>基本となる色を決め、濃淡の色をいくつか選んでおきます。</p>
<p>基本色を入れたら、色に合わせた画像を入れてみます。<br />
その後、濃淡の色をグラデーション、あるいはアクセントのように配置します。</p>
<p>シンプルなもので自信が付いたら、デザイン性のあるものにチャレンジしましょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/18/feed</wfw:commentRss>
		</item>
		<item>
		<title>文字色</title>
		<link>http://www.adlabdesign.com/pagaes/17</link>
		<comments>http://www.adlabdesign.com/pagaes/17#comments</comments>
		<pubDate>Wed, 21 Apr 2010 04:33:53 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/pagaes/17</guid>
		<description><![CDATA[ホームページでは文字色の統一も大切です。
ウェブでは、沢山のカラーを使うことが出来、いろんな色を試すことが出来ます。
しかし、新聞紙面、雑誌でも読みやすいものは全て、文字色が統一されています。
文字の大きさも見出しや、本文などで統一しましょう。
]]></description>
			<content:encoded><![CDATA[<p>ホームページでは文字色の統一も大切です。<br />
ウェブでは、沢山のカラーを使うことが出来、いろんな色を試すことが出来ます。</p>
<p>しかし、新聞紙面、雑誌でも読みやすいものは全て、文字色が統一されています。<br />
文字の大きさも見出しや、本文などで統一しましょう。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/17/feed</wfw:commentRss>
		</item>
		<item>
		<title>デザインは設計である</title>
		<link>http://www.adlabdesign.com/pagaes/16</link>
		<comments>http://www.adlabdesign.com/pagaes/16#comments</comments>
		<pubDate>Sun, 11 Apr 2010 03:00:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/?p=16</guid>
		<description><![CDATA[デザインとは設計と言い換えることができます。
配色やイメージ画像は手段でしかありませんから、
伝えたい事をどのように伝えていくかを
明確に設計する必要があります。
高級感のあるイメージを伝えたくてホームページを作ったとします。
訪問者がホームページを見て、
高級感のある印象を受けてくれれば
それは良いホームページデザインである、という事ができます。
]]></description>
			<content:encoded><![CDATA[<p>デザインとは設計と言い換えることができます。<br />
配色やイメージ画像は手段でしかありませんから、<br />
伝えたい事をどのように伝えていくかを<br />
明確に設計する必要があります。</p>
<p>高級感のあるイメージを伝えたくてホームページを作ったとします。</p>
<p>訪問者がホームページを見て、<br />
高級感のある印象を受けてくれれば<br />
それは良いホームページデザインである、という事ができます。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/16/feed</wfw:commentRss>
		</item>
		<item>
		<title>テーマカラーを決める</title>
		<link>http://www.adlabdesign.com/pagaes/15</link>
		<comments>http://www.adlabdesign.com/pagaes/15#comments</comments>
		<pubDate>Thu, 11 Mar 2010 03:00:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/?p=15</guid>
		<description><![CDATA[サイトが散漫な印象になってしまう原因には
色の使いすぎである場合があります。
サイトイメージを打ち出したいが為に、
様々な色を使いたくなるものですが、
かえって使う色は少なめな方が強い印象を与える事が出来ます。
テーマカラーを１色決めて、その色を繰り返し使う事で
イメージを伝える事が出来るという訳です。
]]></description>
			<content:encoded><![CDATA[<p>サイトが散漫な印象になってしまう原因には<br />
色の使いすぎである場合があります。</p>
<p>サイトイメージを打ち出したいが為に、<br />
様々な色を使いたくなるものですが、<br />
かえって使う色は少なめな方が強い印象を与える事が出来ます。</p>
<p>テーマカラーを１色決めて、その色を繰り返し使う事で<br />
イメージを伝える事が出来るという訳です。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/15/feed</wfw:commentRss>
		</item>
		<item>
		<title>統一感</title>
		<link>http://www.adlabdesign.com/pagaes/14</link>
		<comments>http://www.adlabdesign.com/pagaes/14#comments</comments>
		<pubDate>Thu, 11 Feb 2010 03:00:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/?p=14</guid>
		<description><![CDATA[ページを作成する際に、
統一感を持たせるために同じ色ばかりを使う方法は
時にインパクトに欠けるページになってしまう事があります。
全く同じ色を多用するのではなく、
時に濃淡を付けたり、また、彩度が統一されていれば
多色であってもまとまりのあるページにする事が出来ます。
なんにしても、ページのベースカラーを１色決めて
他の色はアクセントとして使うようにしたいものです。
]]></description>
			<content:encoded><![CDATA[<p>ページを作成する際に、<br />
統一感を持たせるために同じ色ばかりを使う方法は<br />
時にインパクトに欠けるページになってしまう事があります。</p>
<p>全く同じ色を多用するのではなく、<br />
時に濃淡を付けたり、また、彩度が統一されていれば<br />
多色であってもまとまりのあるページにする事が出来ます。</p>
<p>なんにしても、ページのベースカラーを１色決めて<br />
他の色はアクセントとして使うようにしたいものです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/14/feed</wfw:commentRss>
		</item>
		<item>
		<title>情報のグループ化</title>
		<link>http://www.adlabdesign.com/pagaes/13</link>
		<comments>http://www.adlabdesign.com/pagaes/13#comments</comments>
		<pubDate>Mon, 11 Jan 2010 02:59:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/?p=13</guid>
		<description><![CDATA[ｗｅｂページを作成する際には、情報のグループ化を行いましょう。
これは、載せる情報をカテゴリ分けし、
それぞれのコンテンツの優先度を付けて、
それらをユーザーの視点に立ってまとめるという作業になります。
ページに載せる要素の整理整頓がしっかりと出来ていないと、
視点がまばらになり、焦点の合わないサイトになりかねません。
]]></description>
			<content:encoded><![CDATA[<p>ｗｅｂページを作成する際には、情報のグループ化を行いましょう。</p>
<p>これは、載せる情報をカテゴリ分けし、<br />
それぞれのコンテンツの優先度を付けて、<br />
それらをユーザーの視点に立ってまとめるという作業になります。</p>
<p>ページに載せる要素の整理整頓がしっかりと出来ていないと、<br />
視点がまばらになり、焦点の合わないサイトになりかねません。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/13/feed</wfw:commentRss>
		</item>
		<item>
		<title>ユーザーインターフェース</title>
		<link>http://www.adlabdesign.com/pagaes/12</link>
		<comments>http://www.adlabdesign.com/pagaes/12#comments</comments>
		<pubDate>Fri, 11 Dec 2009 02:59:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[ホームページ作成手順]]></category>

		<guid isPermaLink="false">http://www.adlabdesign.com/?p=12</guid>
		<description><![CDATA[商品一覧ページなどは、商品写真や説明文、セール情報などを
すっきりと並べて見せる必要があります。
このようなページは、美しいグラフィックデザインも大切ですが
ユーザーインターフェースとして適切に機能しなければ
ユーザーにとって使いづらいサイト、という烙印を押されてしまいます。
お買い得商品などは、他の商品に埋もれてしまわないように
大きくトップに表示するなどの工夫をしながら
品の良いページに仕上げるようにしたいものです。
]]></description>
			<content:encoded><![CDATA[<p>商品一覧ページなどは、商品写真や説明文、セール情報などを<br />
すっきりと並べて見せる必要があります。</p>
<p>このようなページは、美しいグラフィックデザインも大切ですが<br />
ユーザーインターフェースとして適切に機能しなければ<br />
ユーザーにとって使いづらいサイト、という烙印を押されてしまいます。</p>
<p>お買い得商品などは、他の商品に埋もれてしまわないように<br />
大きくトップに表示するなどの工夫をしながら<br />
品の良いページに仕上げるようにしたいものです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.adlabdesign.com/pagaes/12/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
