2008年01月の記事一覧

月別アーカイブ:2008年01月

2008年01月の記事一覧。商用利用OK・加工OKのホームページ用フリー素材を無料で配布 ボタン・アイコン配布や、ネットショップ用素材もあります
no-image

WEBサイト作成
今日は「フレームを使わずにHTMLの修正を一括で前ページに反映させる」(長っ)についてお話したいと思います。えー何が言いたいかといいますと。昔、(今でもありますが)フレームという便利な技術がサイト作成にはかかせなかったのであります。この「フレーム」とやら、HTMLを部品化して使うことができたのです。よくサイトが左右にわかれてるやつ、ありますよね。左にメニューなんかがあって、メニューをクリックすると右側の内...

記事を読む

[WEBフリー素材]ボタン
なんだかレインボーなガラスボタンです。完全に遊びでつくったので、使いづらいかもしれませんね。。ガラスというか飴みたいなボタン素材ですね。私はどうやら水色とピンクをベースにした色づかいが好きなようです^ ^;    こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪★素材検索 sozai-R  ★素材ラブ検索...

記事を読む

[WEBフリー素材]ネットショップ用素材
付箋紙風タイトルバー素材です。ECサイトにいいのではないでしょうか!?「What's New!」…新商品・更新のお知らせに「Pick up!」…注目商品、キャンペーンに「Present!」…プレゼント企画に♪こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪★素材検索 sozai-R  ★素材ラブ検索...

記事を読む

[WEBフリー素材]アイコン
カラフルな吹き出しのアイコンです。ちょっとしたお知らせやワンポイントにどうぞ。字入れをしてほしいという方、いらっしゃいましたらお気軽にどうぞ♪ こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪★素材検索 sozai-R  ★素材ラブ検索...

記事を読む

[WEBフリー素材]ボタン
限りなく透明に近いアクアボタンを作ってみました。なんせ透明なので薄い色が背景だとうまく表示されません。濃い背景を推奨します。文字にうす~く影をつけるとより透明っぽくていい感じです。下のアクアボタン二つはサンプルです。単体でボタンとして使える素材と、ナビゲーションバーとして使える素材です。psdファイルのダウンロードが可能ですので、お好きなように加工してください。★PSD(Photoshop形式)ファイルのダウンロ...

記事を読む

[WEBフリー素材]アイコン
あけましておめでとうございます!今年ももそもそとブログ更新しますので宜しくお願いいたします♪さて新年一発目は吹き出しのNEWアイコンです。これ…文字なしバージョンを作るべきですよね。すみません…。白背景推奨のGIF画像です。素材を利用したい方は、保存したい画像の上で右クリック →「名前を付けて画像を保存」で ご自身のPCに保存してください。 こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪★...

記事を読む

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 カテゴリ
 タグ
None

フレームを使わずにHTMLを部品化する方法

今日は「フレームを使わずにHTMLの修正を一括で前ページに反映させる」(長っ)
についてお話したいと思います。

えー何が言いたいかといいますと。
昔、(今でもありますが)フレームという便利な技術がサイト作成には
かかせなかったのであります。
この「フレーム」とやら、HTMLを部品化して使うことができたのです。
よくサイトが左右にわかれてるやつ、ありますよね。
左にメニューなんかがあって、メニューをクリックすると右側の
内容が変化するようなやつ。

あれって、フレームで分けられたメニュー部分、コンテンツ部分を
個別に呼び出しているので、メニューのリンクを変えても、きちんと
前ページに反映されるのです。

が、近年フレームがWEBの世界ではあまり歓迎されなくなってしまいました。
理由は
1:SEO的によろしくない
  →なにせHTMLを呼び出しているので、ページの内容が
   HTMLに記述されていない。
2:ブックマークがうまくできない
  →フレームを使うと、ブラウザ上部のURLがあまり意味をなさなくなる。
   そのページの初期表示しか指定できない。
   (コンテンツフレーム内のリンクによって遷移してもその画面を
    ブックマークで指定できない)

特にSEO的に致命的、というのは最近の流れからして
かなりまずいと思われます。

だからといってサイトのページ全部に共通するような
コンテンツ(ヘッダーやメニュー)を修正するとき、全部に反映させるのって
結構大変です。
それが何十ページにもなる場合、、

しかしdreamweaverのライブラリ機能を使えばクリア!
「アセット」メニューで部品化したいHTMLを選択し
(たとえばなど)アセットメニューのところで
右クリック→「新規ライブラリ項目」でメニューのライブラリが
作成されます。

メニューを変更したいときは、該当ライブラリ→右クリック→編集で
修正します。保存時に「ライブラリ項目の更新」というウィンドウがでてくるので
反映したいファイルを選択します。
これでサイトの一括修正が可能になるのです。

これを知るまで手作業でやってたのがだいぶ楽になりました♪
スポンサーサイト
 カテゴリ
 タグ
None

淡いカラーのガラスボタン素材

なんだかレインボーなガラスボタンです。
完全に遊びでつくったので、使いづらいかもしれませんね。。

ガラスというか飴みたいなボタン素材ですね。

私はどうやら水色とピンクをベースにした色づかいが
好きなようです^ ^;

square.gif square.gif square.gif
square.gif square.gif square.gif
square.gif

こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪
★素材検索 sozai-R  ★素材ラブ検索

 タグ
None

ECサイト、ネットショップにぴったり?付箋風タイトルバー【WEBフリー素材】

付箋紙風タイトルバー素材です。
ECサイトにいいのではないでしょうか!?

What's New!」…新商品・更新のお知らせに
Pick up!」…注目商品、キャンペーンに
Present!」…プレゼント企画に♪

husen-new.gifhusen-pick.gifhusen-pre.gif

こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪
★素材検索 sozai-R  ★素材ラブ検索

ツヤのある吹き出しアイコン【WEBフリー素材】

カラフル吹き出しのアイコンです。

ちょっとしたお知らせやワンポイントにどうぞ。
字入れをしてほしいという方、いらっしゃいましたら
お気軽にどうぞ♪

吹き出しアイコン 吹き出しアイコン 吹き出しアイコン 吹き出しアイコン 吹き出しアイコン

こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪
★素材検索 sozai-R  ★素材ラブ検索

 タグ
None

透明すけすけアクアボタン【WEBフリー素材】

限りなく透明に近いアクアボタンを作ってみました。
なんせ透明なので薄い色が背景だとうまく表示されません。
濃い背景を推奨します。
文字にうす~く影をつけるとより透明っぽくていい感じです。

下のアクアボタン二つはサンプルです。
単体でボタンとして使える素材と、ナビゲーションバーとして
使える素材です。

toumei-button-sample2.jpg
toumei-button-sample1.jpg

psdファイルのダウンロードが可能ですので、
お好きなように加工してください。

PSD(Photoshop形式)ファイルのダウンロードはこちら

一応、、Photoshopユーザーではない方のために
pngファイルものっけておきますね。
背景はついていません。しろ~い薄いボタンです。

toumei_button2.png
toumei_button.png


こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪
★素材の森サーチ  ★素材検索 sozai-R  ★素材ラブ検索

 タグ
None

吹き出しNEWアイコン【WEBフリー素材】

あけましておめでとうございます!
今年ももそもそとブログ更新しますので宜しくお願いいたします♪


さて新年一発目は吹き出しのNEWアイコンです。
これ…文字なしバージョンを作るべきですよね。
すみません…。

白背景推奨のGIF画像です。
素材を利用したい方は、保存したい画像の上で右クリック
→「名前を付けて画像を保存」で ご自身のPCに保存してください。

NEW吹き出しアイコン NEW吹き出しアイコン NEW吹き出しアイコン NEW吹き出しアイコン NEW吹き出しアイコン

こちらは素材サイト様のランキングです。他に素材を探したい方はどうぞ♪
★素材の森サーチ  ★素材検索 sozai-R  ★素材ラブ検索

 タグ
None
Copyright © ホームページ用フリー素材 News&Days All Rights Reserved.

テキストや画像等すべての転載転用販売を固く禁じます

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。