<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
   <title>webサイト構築　ナレッジ</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/" />
   <link rel="self" type="application/atom+xml" href="http://deeparms.jp/knowledge/atom.xml" />
   <id>tag:deeparms.jp,2007:/knowledge/4</id>
   <updated>2007-07-05T05:41:16Z</updated>
   <subtitle> webサイト構築に関する色々な事を共有するサイト。てか、覚え書きです。</subtitle>
   <generator uri="http://www.sixapart.com/movabletype/">Movable Type 3.34</generator>

<entry>
   <title>提供画像がどうしようもない時の応急処置。</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/css/post_23.html" />
   <id>tag:knowledge.deeparms.jp,2007://4.152</id>
   
   <published>2007-07-05T05:35:03Z</published>
   <updated>2007-07-05T05:41:16Z</updated>
   
   <summary>ドロップシャドウが汚かったり、画像クオリティが低い場合は強制的に画像を表示する位...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      ドロップシャドウが汚かったり、画像クオリティが低い場合は強制的に画像を表示する位置をブロック要素のなかで指定してしまう設定してしまう裏技。
簡単に言うと、CSSでトリミング。

.class {
height: 75px;
width: 75px;
overflow: hidden;
clip: rect(1px,5px,5px,1px);
}
      
   </content>
</entry>
<entry>
   <title>新ネタ</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/cat34/post_22.html" />
   <id>tag:knowledge.deeparms.jp,2007://4.151</id>
   
   <published>2007-06-14T05:14:46Z</published>
   <updated>2007-06-14T05:16:42Z</updated>
   
   <summary>alphafilter.js IE6でアルファPNGを利用可能にするJS lig...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="ネタ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      alphafilter.js
IE6でアルファPNGを利用可能にするJS

lightbox.js
スライドショーJS

swfobject.js
ブラウザ依存しないSWFを表示するJS
      
   </content>
</entry>
<entry>
   <title>カテゴリー毎に表示を変える方法</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/ec/ec_1/post_21.html" />
   <id>tag:knowledge.deeparms.jp,2007://4.146</id>
   
   <published>2007-03-12T07:52:37Z</published>
   <updated>2007-03-12T07:58:10Z</updated>
   
   <summary><![CDATA[ &lt;!--{if $tpl_page_category != "カテゴリー...]]></summary>
   <author>
      <name></name>
      
   </author>
         <category term="ECキューブ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      <![CDATA[<pre style="border:1px solid silver;padding:5px">
&lt;!--{if $tpl_page_category != "カテゴリーディレクトリ名"}-->
ここに指定したカテゴリーで表示させたい物を記述
&lt;!--{else}-->
それ以外のカテゴリーの時に表示させる物を記述
&lt;!--{/if}-->
</pre>
このように記述すると、任意のカテゴリで表示・非表示。またはCSSの制御をする事が出来る！]]>
      
   </content>
</entry>
<entry>
   <title>破綻しないデザインのために</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/cat22/post_1.html" />
   <id>tag:knowledge.deeparms.jp,2007://4.145</id>
   
   <published>2007-03-11T14:16:25Z</published>
   <updated>2007-03-11T14:31:19Z</updated>
   
   <summary>デザインを起こす場合、まずサイトの目的・方向性を理解する事が重要。 そしてデザイ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="デザイン関連" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      デザインを起こす場合、まずサイトの目的・方向性を理解する事が重要。
そしてデザインを決定する場合は「どこを何のために目立たせるのか？」という終点を考え、そこから逆算して考えることで「破綻しないデザイン」が完成させる必要がある。

要は、サイトの目的は何なのか？をはっきりさせ、目的に合わせて「それは必要か不必要か？抑えるべきか、強調すべきか」を判断。

クライアントの要望を満たす事も重要だが、クライアントのニーズが「目的に沿ってない場合」や「目的達成のための障害」という事は多々あるはず。
そういう場合は、その意見はサイトの目的から逸れてますと断る必要があるはずだとおもう。
ユーザーあってのサイトであり、ユーザーを主体とした考えでサイト設計・構築・デザインをするべきであると考える。
      
   </content>
</entry>
<entry>
   <title>ディレクションをする意味</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/direction/post.html" />
   <id>tag:knowledge.deeparms.jp,2007://4.143</id>
   
   <published>2007-02-08T08:40:50Z</published>
   <updated>2007-02-08T08:54:56Z</updated>
   
   <summary>webサイトを構築する時に、ディレクションをする必要について思う所があります。 ...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="サイトディレクション" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      webサイトを構築する時に、ディレクションをする必要について思う所があります。

とある、取引先でディレクションをせずにデザイン先行で進める所があったりするのですが、そこでディレクションの意味を考えさせられました。
アクセス解析をして、何が原因でユーザーの行動を現状からどの様に改善して行く事が出来るか。または、目標を達成する為には何をしたら良いか？
改善する為には、現在のレイアウトやコンテンツの在り方はどうなのか？
効率的にユーザーを思う所に導く事が出来ているのか？
ユーザーを導いたら、次の行動を起こさせる事が出来る仕組みや仕掛けになっているのか？

本当にそのサイトで利益や目標を達成する為には、ディレクションが必要だと思うしクライアントの意見や要望を吸い上げて、それを形にしてゆく事がディレクションのあるべき姿だと思う。
クライアントの要望を形にして、目標を達成するにはサイト設計・サイト戦略が必要なはず。
デザイン先行で、デザイナーのやってみたい事を優先して結果は出るのか？
クライアントの投資に対して、満足のゆく結果を出すのがweb制作の仕事だと思うのだが・・・・
      
   </content>
</entry>
<entry>
   <title>CSSデザイン格付けサイトいろいろ</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/cat22/css_2.html" />
   <id>tag:knowledge.deeparms.jp,2007://4.142</id>
   
   <published>2007-02-08T05:02:36Z</published>
   <updated>2007-02-08T05:07:53Z</updated>
   
   <summary>CSSデザイン格付けサイトというものがあるらしい。 新しいモノや、斬新なものを見...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="デザイン関連" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      CSSデザイン格付けサイトというものがあるらしい。
新しいモノや、斬新なものを見つけるには良いんじゃないかな。
色々なテイストでデザインする事はとても重要な事だし、常にデザインを起こす時は何か新しい要素を取り入れて行く事が重要だと思う。


http://www.csstux.com/

http://www.csselite.com/

http://www.webcreme.com/

http://www.cssremix.com/
      
   </content>
</entry>
<entry>
   <title>IE6とIE7を共存させる方法</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/html/ie6ie7.html" />
   <id>tag:knowledge.deeparms.jp,2007://4.139</id>
   
   <published>2007-01-29T09:51:55Z</published>
   <updated>2007-01-29T10:00:40Z</updated>
   
   <summary>web制作の仕事をしていると、表示確認と動作確認が必ず必要です。 今迄はIE7と...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      <![CDATA[web制作の仕事をしていると、表示確認と動作確認が必ず必要です。
今迄はIE7とIE6の表示確認を、いちいちアプリケーションの追加と削除をしながら手間をかけながら確認してましたf^ ^;
その作業が結構しんどくて、インストールとアンインストールに時間を取られるのが嫌だったんですが、見つけました。
両方のブラウザを共存させる方法が！

小粋空間さんと覚え書き@kazuhi.toさんのサイトを参考にさせてもらいました。
これを使うとかなり便利です。
小粋空間さん：<a href="http://www.koikikukan.com/archives/2006/11/08-005050.php">Internet Explorer 6 と Internet Explorer 7 を共存させる</a>
覚え書き@kazuhi.to：<a href="http://kidachi.kazuhi.to/blog/archives/001870.html">続・スタンドアローン版IE7</a>
]]>
      
   </content>
</entry>
<entry>
   <title>MTでのxml宣言文の記述方式</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/mtxml.html" />
   <id>tag:deeparms.jp,2007:/knowledge//4.137</id>
   
   <published>2007-01-23T15:25:28Z</published>
   <updated>2007-01-23T15:31:22Z</updated>
   
   <summary>MTでのxml宣言文の記述方式は通常通りに記述すると、 PHPのスクリプトと勘違...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      <![CDATA[MTでのxml宣言文の記述方式は通常通りに記述すると、 PHPのスクリプトと勘違いしてしまい画面がホワイトアウトしてしまいます。

今回ググって検索した所、小粋空間さんに書いてあったのでそれを参考にさせてもらいました〜
下記の様に記述すれば、解決。
もちろん、拡張子は .phpが前提で！

 &lt;? echo(' &lt;?xml version="1.0" encoding="<$MTPublishCharset$>"?&gt;') ?&gt;]]>
      
   </content>
</entry>
<entry>
   <title>テンプレートのルートディレクトリ以外のファイル指定</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/post_20.html" />
   <id>tag:deeparms.jp,2006:/knowledge//4.136</id>
   
   <published>2006-12-07T08:32:37Z</published>
   <updated>2007-01-22T05:25:21Z</updated>
   
   <summary>css/common.css /css/common.cssをしていたい場合は上...</summary>
   <author>
      <name></name>
      
   </author>
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      css/common.css

/css/common.cssをしていたい場合は上記の様に出力ファイル名に指定すれば、テンプレートで操作可能。
      
   </content>
</entry>
<entry>
   <title>パン屑リストのPHP化</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/movable_type/cat12/php.html" />
   <id>tag:deeparms.jp,2006:/knowledge//4.135</id>
   
   <published>2006-12-07T07:20:30Z</published>
   <updated>2007-01-22T05:25:21Z</updated>
   
   <summary>パン屑リストのPHP化で綺麗に表示する事が可能 以下のサイトを参考にさせてもらい...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="改造関連設定" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      <![CDATA[パン屑リストのPHP化で綺麗に表示する事が可能

以下のサイトを参考にさせてもらいました。
<a href="http://www.koikikukan.com/archives/2005/09/13-002553.php">小粋空間</a>

ファイルをphpで構築しないと動かないらしい。
かなり重宝します。]]>
      <![CDATA[<h3>エントリーカテゴリ</h3>
<pre>
< p class="breadCrumb">
< a href="<$MTBlogURL$>">Home</a>&nbsp;&gt;
< MTParentCategories glue="&nbsp;&gt;">
< MTIfNonZero tag="MTCategoryCount">
< a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a>&nbsp;&gt;
< MTElse><$MTCategoryLabel$>&nbsp;&gt;</MTElse>
< /MTIfNonZero>
< /MTParentCategories>
< $MTEntryTitle$>
< /p>
</pre>

<h3>カテゴリアーカイブ</h3>
<pre>
< p class="breadCrumb">
< a href="<$MTBlogURL$>">Home</a>&nbsp;&gt;
	< MTParentCategories glue="&nbsp;&gt;">
	< MTIfNonZero tag="MTCategoryCount">
	< ?php
	if ('<$MTCategoryLabel encode_php="q"$>' != '<$MTArchiveTitle encode_php="q"$>') {
	print '<a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel encode_php="q"$></a>';
	} else {
   	print '<$MTCategoryLabel encode_php="q"$>';
	}
	?>
	< MTElse><$MTCategoryLabel$></MTElse></MTIfNonZero>
	< /MTParentCategories>
< /p>
</pre>]]>
   </content>
</entry>
<entry>
   <title>プリント用CSSについて</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/css/css_1.html" />
   <id>tag:deeparms.jp,2006:/knowledge//4.134</id>
   
   <published>2006-07-21T07:03:12Z</published>
   <updated>2007-01-22T05:25:21Z</updated>
   
   <summary>プリントアウト用にCSSを指定した時に、floatを指定したままだとページ印刷が...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="CSS" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      プリントアウト用にCSSを指定した時に、floatを指定したままだとページ印刷が表示できません。
      <![CDATA[対応策としては、floatをとってあげるとページ全体が印刷されるようになります。
印刷用のCSSでは、ヘッダー・フッター・ナビゲーションは表示しないのがスタンダードかな。

float解除したら、必ずwidth:100%を入れる事。
元の幅のまま印刷されてしまうので、必須です。


記述方式
&lt;link REL="stylesheet" type="text/css" HREF="普通のスタイルシートアドレス" media="all"&gt;<br />
&lt;link REL="stylesheet" type="text/css" HREF="印刷用のスタイルシートアドレス" media="print"&gt;]]>
   </content>
</entry>
<entry>
   <title>MT3.3でのエントリー投稿画面の設定</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/movable_type/cat11/mt33.html" />
   <id>tag:deeparms.jp,2006:/knowledge//4.133</id>
   
   <published>2006-07-12T08:10:48Z</published>
   <updated>2007-01-22T05:25:21Z</updated>
   
   <summary>Ver3.3から、管理画面からエントリーする際のエントリー画面の設定をする事が可...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="基本的な設定" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      Ver3.3から、管理画面からエントリーする際のエントリー画面の設定をする事が可能になりました。
      左メニューの「設定」をクリックして、詳細モードに切り替えをクリック。設定項目の右上部分に新規投稿という項目があります。
詳細設定項目を押して、新規投稿のタブがあるのでそのタブをクリックします。

エントリーの初期値やエントリー投稿画面の初期設定等を自由に設定する事が出来ます。
エントリー投稿画面の初期設定のエディター・フィールドは基本になっています。
   </content>
</entry>
<entry>
   <title>フォーム関連のデザイン設定について</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/nucleus/cat25/post_19.html" />
   <id>tag:deeparms.jp,2006:/knowledge//4.132</id>
   
   <published>2006-07-07T01:02:22Z</published>
   <updated>2007-01-22T05:25:20Z</updated>
   
   <summary>サイト内検索やコメント投稿フォームのデザイン設定はテンプレートの設定から編集する...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="カスタマイズ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      サイト内検索やコメント投稿フォームのデザイン設定はテンプレートの設定から編集する事が出来ません。
      編集する際は、/nucleus/forms/内にあるファイルを編集する事になります。
   </content>
</entry>
<entry>
   <title>キャッシュクリアするタグ</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/html/post_18.html" />
   <id>tag:deeparms.jp,2006:/knowledge//4.131</id>
   
   <published>2006-07-04T06:01:03Z</published>
   <updated>2007-01-22T05:25:20Z</updated>
   
   <summary>IEはキャッシュがしつこく残る特性があり、ページを更新したのに情報が更新されない...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="HTML" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      IEはキャッシュがしつこく残る特性があり、ページを更新したのに情報が更新されないという事が、度々あります。
キャッシュをコントロールタグが存在します。
      <![CDATA[以下のタグをhead内の一番最初に記述します。

<pre>
  < meta http-equiv="Pragma" content="no-cache" / >
  < meta http-equiv="Cache-Control" content="no-cache, must-revalidate" / >
  < meta http-equiv="Expires" content="-1" / >
</pre>]]>
   </content>
</entry>
<entry>
   <title>プラグインのインストール方法</title>
   <link rel="alternate" type="text/html" href="http://deeparms.jp/knowledge/nucleus/cat25/post_17.html" />
   <id>tag:deeparms.jp,2006:/knowledge//4.130</id>
   
   <published>2006-06-30T01:10:39Z</published>
   <updated>2007-01-22T05:25:20Z</updated>
   
   <summary>Nucleusには色々なプラグインが出てて、それを使うと機能の充実したサイト構築...</summary>
   <author>
      <name></name>
      
   </author>
         <category term="カスタマイズ" scheme="http://www.sixapart.com/ns/types#category" />
   
   
   <content type="html" xml:lang="ja" xml:base="http://deeparms.jp/knowledge/">
      Nucleusには色々なプラグインが出てて、それを使うと機能の充実したサイト構築が可能です。
      <![CDATA[プラグインのインストール方法はいたって簡単です。
プラグインをダウンロードしたら、FTPで/nucleus/plugins/のディレクトリーにアップロード。
次に管理画面からプラグイン管理メニューをクリックして、インストールするプラグインを選択してOKボタンを押すだけでインストール完了。

プラグインのダウンロードはココから。
<a href="http://japan.nucleuscms.org/bb/viewforum.php?f=12">http://japan.nucleuscms.org/bb/viewforum.php?f=12</a>]]>
   </content>
</entry>

</feed>

