絶対パスと相対パス（復習）

　SIRIUSの場合、画像などを表示させるときはボタンクリックだけで自動でコードを書いてくれてファイルの場所も指定してくれます。

でも自動でやってくれるのは非常にありがたいのですが、自分でHTMLを書いてファイルを指定してあげないといけない場面が出てきた時、うまく動かなかったり表示されなかったケースが結構あると思います。

そんな時、根本的にコードの書き間違えと言う場合もありますが、何度書きなおしてもうまくいかない時はファイルの指定が間違っているかもしれません。

今回は絶対パスと相対パスをおさらいしてみましょう。

絶対パスとは、http://　から始まり省略せずにファイルの場所を書いてあげることを言います。

ほかのサイトのリンクとか自分のサーバー上にないファイルの指定は、必ず絶対パスで指定しないといけません。

相対パスとは、自分のサーバーの中にあるファイルを指定するときに使える表記方法で、書き方のルールがありますがだいぶ省略して書くことが出来ます。

　書き方を覚えてしまえば、相対パスのほうが簡単ですが、間違って書いてしまう事が多いので覚えましょう。

同じ階層にあるファイルの場合		．／ファイル名　か　そのままファイル名でOK
下の階層にあるファイルの場合		．／フォルダ名／ファイル名
上の階層にあるファイルの場合		．．／ファイル名
１階層上のフォルダの中にある
ファイルの場合			．．／フォルダ名／ファイル名

２階層上にあるファイルの場合		．．／．．／ファイル名

要するに、上の階層だったら．．／（ドット　ドット　スラッシュ）同階層から下の階層は．／（ドット　スラッシュ）

例えばTopページのindex.htmlから、同じ場所にあるimgフォルダの画像ファイルを指定する場合は、下の階層にあるファイルになりますので

index.htmlと同じ場所にあるカテゴリーフォルダの中のエントリーページのhtmlからimgフォルダの画像を指定するときは、１階層上のフォルダにあるファイルになりますので

図で表すとこういうイメージです。

関連ページ

お問い合わせメールフォーム設置

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。今回は、MailformProを設置します。

無料メルマガシステム設置

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。今回はメルマガフォーム設置

（覚書）画像リンクを白くする

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。小技の覚書、画像リンクを白くします。

HTML/CSS　知識はあっても邪魔にならない。

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。HTMLとCSSに手を加えます。

CSS　クラス覚えた！

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。いろいろ調べていたらクラスを覚えました。

（覚書）画像をその場で拡大

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。画像をその場で拡大させます。

jQueryを使ってみる。下準備

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。今回はjquery

画像拡大をｊQueryでやってみる

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。ｊQueryで画像を拡大します。

プラグインでモーダルウィンドウ　ShadowBoxがかっこいい

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。プラグインでモーダルウィンドウを実現するShadowBoxがかっこいいです。

（覚書）画像リンクを凹ませる

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。前回、マウスオーバーした時に画像リンクを白くする作業をしましたが、更に凹ませてみます。

スライダー設置完了！

SIRIUSで作ったサイトに、いろいろな機能を追加していきます。今回はスライダーの設置にチャレンジしました。利用したプラグインは「BXslider」