こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

Webサイト作成における「素材」とはどういうもので、どう使うのですか

XHTMLで、今住んでいる地方の温泉を紹介するというWebサイト作成を計画しています。(作るからには多くの方に有用なサイト、みてもらえるサイトを作りたいと願っています)
全くの初心者で、Webサイト作成に関して何も知らないため、FOM出版の「よくわかるXHTMLとCSSによるWebサイト作成」を読んでいるところです。

作成する上で、XHTMLとCSSの知識、技術だけ身につけておけば大丈夫なのかなと思っていたところ、どうやら「素材」というものが必要というか、使用しなければいけないらしいということがわかってきました。
その素材は、ネット上でフリー素材として入手可能なようですが、一体どういう時に、どういう感じで使うのでしょうか。(難しいですか??)XHTMLとCSSの知識だけでは、作成する上で十分ではないのですね?

自分のWebサイトで素材を使用する時、特別に知識・技術が知っていないと使えないようなものかどうか不安です。初心者でもいきなり、簡単に使えるようなものなのですか。

それから、フリー素材として、有用なサイトをご存知でしたら教えてください。

よろしくお願いします。

投稿日時 - 2007-01-18 01:00:34

QNo.2674853

すぐに回答ほしいです

質問者が選んだベストアンサー

>FOM出版の「よくわかるXHTMLとCSSによるWebサイト作成」を読んでいるところです。

この本は私も読んだことがあり、とても内容のしっかりした良い本だと思いますが、全くの初心者さんがいきなり取り組むには敷居が高いのではないかという気がします。

それで、ふと思ったのですが、質問者さんは個人として趣味のページをお作りになりたいのでしょうか、それとも自治体や団体の職員さんで、ある程度公共的な立場でサイトを構築なさりたいのでしょうか? それによって答えは変わってくると思います。

個人の趣味のページ作成であるならば、特にむずかしく考えることはありません。

>XHTMLとCSSの知識だけでは、作成する上で十分ではないのですね?

そんなことはありません。個人の趣味のページなら、XHTMLとCSSの知識があれば十分すぎるくらいです。写真以外の素材は全く無くたってページは立ち上げられますし、CSSだけでそこそこの見栄えに仕上げることは可能です。ネット上で入手できるフリーの素材は、少ない手間でさらに見栄えを良くするのに役に立つという性格のものですから、どんどん活用なさったら良いと思います。

>初心者でもいきなり、簡単に使えるようなものなのですか。

「いきなり」は難しいでしょうが、少しHTMLのタグがわかれば実に簡単に使えます。そんなに心配するほどのものじゃありません。

一方、自治体や団体の職員さんが公共的な立場でサイトを構築なさる場合でしたら、話は全然違ってきます。XHTMLとCSSだけでは十分とは言えません。CGIやサーバの管理に関する知識も必要になると思います。セキュリティーに関する知識も必要になるでしょう。

また、フリーの素材はなるべく使用を避けて、独自に作成するようにしたほうが無難でしょう。写真素材の利用に関しては、著作権・肖像権・パブリシティー権などに十分注意して取り扱うことが求められることになります。これらは個人のホームページでももちろん大切なことですが、公共的なサイトではより一層の認識が求められると考えます。

「地方の温泉を紹介するというWebサイト作成を計画しています。(作るからには多くの方に有用なサイト、みてもらえるサイトを作りたいと願っています)」と書かれていましたので、つい考えすぎてしまったかもしれません。もし私の勘違いでしたらご容赦下さい。 m(_ _)m

投稿日時 - 2007-02-03 04:26:31

お礼

随分、返事が遅くなってしまい申し訳ありません。

おお!同じ本を読まれた方が、回答してくださってありがたい限りです。僕は、まだ読めていませんが春休みに最後まで読みます。(今、大学生でして、もうすぐ春休みです)

>全くの初心者さんがいきなり取り組むには敷居が高い

XHTMLの入門書を検討したところ、アマゾンのレビューを参考にしました。これが自分にとって最適だと思いましたし、改めて買いなおすつもりは今のところありません。何とか頑張って読みます。

>質問者さんは個人として趣味のページをお作りになりたいのでしょうか

そうです。

>個人の趣味のページ作成であるならば、特にむずかしく考えることはありません。

そうなんですか!!なんだかむずかしそうだぞとかまえてしまっていました。素材等のことが、本の方に説明されていなかったので戸惑ったんです。

本当に丁寧な回答で、ためになりました。どうもありがとうございました。

投稿日時 - 2007-02-13 21:03:32

ANo.6

このQ&Aは役に立ちましたか?

1人が「このQ&Aが役に立った」と投票しています

回答(6)

ANo.5

えっと素材というのはホームページを飾るもの・・・でしょうか。
イラストとか、カウンター一つにしても丸いのやら可愛いもの、動物の形とかいろいろありますよね。
あれは「カウンター素材」というものです。

アイコンにしてもいろんなものがありますよね、あれは「アイコン素材」です。
それらをホームページを見た時に見えるようにするにはHTMLやCSSのタグを使います。

写真的なものからイラスト的なものまでそれはすごく種類があります。自分のイメージするホームページの内容に合わせて選んでみてください。

素材サイト集のURLです。ここからお好きなタイプをどうぞ。
http://www.sozainomori.com/
http://www.hisas.jp/
http://sozai-hp.com/

あとホームページ作成にお役に立てれば・・・余計なお世話かもしれませんが私もこれらサイトさんを見て本など買わずタダで作りました(笑)
http://siriasu.s10.xrea.com/
http://park16.wakwak.com/~html-css/index.html
http://www.hisas.net/

投稿日時 - 2007-01-18 19:34:02

お礼

随分、返事が遅くなり申し訳ありません。

ご紹介してくださったURL、ありがとうございます。

いろいろ試してみて、サイト作成を楽しんでみます!

ありがとうございました。

投稿日時 - 2007-02-13 20:52:16

ANo.4

もう既に回答が出ているようですが、初めから難しいところから入ったような気がします。

因みに素材屋さんのURL載せましたので参考に。
こちらからお好みのカテで捜して下さい。
http://www.sozainomori.com/index.shtml

投稿日時 - 2007-01-18 15:08:34

お礼

>初めから難しいところから入ったような気がします。

確かにそうかもしれませんが、それは承知の上です。

URLも紹介してくださりありがとうございました。

投稿日時 - 2007-02-13 20:47:47

ANo.3

えーっと、言語だけではなくて・・
HP制作ソフトは購入しないんですか?
たいていは・・というかまず制作ソフトに「素材集」が同梱されているはずです。
最初はそうしたものを使うのが無難かと思います。

さて、「素材」ですが
画像などからロゴ、テンプレ(テンプレート)、各種スクリプトなどまで含めて、HPの部品にあたるすべてを総称して「素材」よ呼びます。
例えばこのページ、「OKWaveのロゴ」「困り度の泣き虫顔アイコン」「今週妻が浮気しますのバナー」「質問・回答欄のテーブル構造」「回答するボタンのJavaScript」・・・
すべて素材と言えます。
HPとはプログラム言語だけではなく、これら画像やデザイン、配色や操作オブジェクトなどが組み合わさって構成されているのです。

そこで、ネット上ではこれらHPの部品をいろいろ取り揃え
みなさんに公開して使ってくださいね、っというサイトがあり
これを「素材屋」と呼びます。
例えば「HP 素材 無料」で検索かけると山ほど引っかかりますが、
自分の欲しいものを限定して「素材 猫 アイコン」で検索すれば、猫をデザインしたアイコンを配布しているサイトに行けます。

上記した通りこれら素材は画像に限らず・・
この回答欄を囲んで表示している「テーブル」などのデザインや
カラーチャート、便利スクリプト、フラッシュ素材、音・BGM、・・・そりゃもう星の数ほどある訳です。

無論、ネット上だけではありません。
パソコンショップに行けばさまざまな「素材集」が売っています。
動物の写真、壁紙用のデザイン、イラスト集、など等。

文字だけのサイトならHTMLで十分ですし、簡単な画像配置なども制作ソフトを使うほどでもないですが・・。
サイト全体のデザインや工夫したアイコンや、あなたのセンスで「素材」を駆使するサイトを望むなら、まず言語の勉強より「HP制作ソフト」を購入していろいろいじってみる事を先にすべきかなあ っと思います。
その過程でわからない事があったら、そこでスクリプトの勉強すればいいのです。
最近のソフトは賢いし、機能も細かいですから
HP制作に関しては「習うより慣れろ」の部分が大きいと思いますよ。

投稿日時 - 2007-01-18 05:22:38

お礼

>HP制作ソフトは購入しないんですか?

はい、購入しません。長い目で見ると最初からそれに頼るのは良くない気がしたんです。

>HPの部品にあたるすべてを総称して「素材」よ呼びます。

何だかプラモデルのようでワクワクします(笑)

自分の好みにあう「素材屋」を早く見つけてみます。

具体例がわかりやすい説明で、ありがとうございました。

投稿日時 - 2007-02-13 20:46:15

ANo.2

素材と言うのは、主に画像の事ですね。

例えば、バックグラウンドに表示する画像だったり、アイコンだったり。
HTMLやCSSをある程度理解出来るのであれば簡単に出来ますよ。

投稿日時 - 2007-01-18 01:14:51

お礼

随分、返事が遅くなってしまい申し訳ありません。

画像を効果的に使って視覚的にも楽しめるサイトにしたいものです。

もちろん、中身は充実させた上でですけれども、簡単に出来るとのお言葉にホッとしました。

ありがとうございました。

投稿日時 - 2007-02-13 20:40:13

ANo.1

素材というのは、背景画像やサイトのロゴ、ボタンの画像など、Webページを見せる為に必要な部品の事です。単純な画像だったり、flashのような動的内容を含むものもあります。XHTMLソースやCSSだけでは、作成出来ません。
素材サイトさんで、自由に使っていい気に入ったデザインの素材を見つけたら、利用規約をきちんと読んだ上で使わせてもらえばよろしいかと。
(一から作成してもいいのですが・・・・

>フリー素材として、有用なサイトをご存知でしたら教えてください。
何の用途(背景?ロゴ?ボタン?etc..に使うかも分かりませんし、お好みの素材がどんなものかも分かりませんので、アドバイスしようがありません。。。

投稿日時 - 2007-01-18 01:10:54

お礼

随分、返事が遅くなってしまい申し訳ありません。

素材の何たるかがよくわかりました。また、利用の仕方に関しても何となくわかりました。

おぼろげな理解ですが、これからは実際に使ううちにわかっていくんじゃないだろうか、と考えています。

本当にどうもありがとうございました。

投稿日時 - 2007-02-13 20:37:52

あなたにオススメの質問