web用のテンプレートを作りたいのですが…

質問

一度も作った事が無いのですが、テンプレートを作って配布したいと思い、１から勉強しようと思います。なにか参考になるＨＰや本があれば教えてください。
また、「私テンプレート作ってます」という人で、アドバイスなどありましたらお願いします。

代金はできれば１万円内でお願いします。

回答No.1

sky_blue98930 · ベストアンサー

「web用のテンプレート」が一般的なwebサイト、いわゆる「ホームページ」のデザインのテンプレートなのか、それともブログなどのデザインのテンプレートなのか、
それとももっと違うものなのかがよくわからず、またそのテンプレートがスタイルシートのことなのか、それともただのwebサイトのデザインの事なのか、等の意味がが、いまひとつよくわからないため、正確に答えられる自信がないのですが、質問に合致すると考えられるいくつかの質問の可能性を考えてみました。
また、「代金」というのは、書籍、ソフト等に対するコストと判断します。

　＊ブログテンプレートの配布
　＊webのデザインの見た目のアイデアの配布
　＊スタイルシート(HTML・CSSテンプレート)の配布
　＊タグ系(HTMLテンプレート)素材の配布
　＊skinタイプ掲示板のデザインの配布、またはオリジナルデザインの掲示板などの配布

の5つのなかのどれかのことだと思うのですが、(それ以外思いつきませんでした。)これらの4つの方法を行う方法をさらに挙げてみます。

＊ブログテンプレートの配布
　ブログに関してはあまり私自身が未経験の為、自信に欠けますが、ブログのデザインのテンプレートはスタイルシート、ブログそのもののデザイン等はMovableType等のカスタマイズで作れるのではないかと思います。
　タグ(HTML)の知識にCSS(スタイルシート)とJavaScript(多分)の二つが必要になってくると思います。かなり難しいと思います。

　＊webのデザインの見た目のアイデアの配布
　タグ等の知識が無い場合は画像が一番手早く、確実だと思います。少々重たくなりそうなのが欠点ですが…。
　ホームページ製作ソフトを持っている場合は、テーブルを駆使すれば擬似的な再現もやりやすいのかもしれません。私自身はこの方法も未経験ですが…。
　上の5つの方法では一番簡単なのではないかと思います。

　＊スタイルシート(HTML・CSSテンプレート)の配布
　よくweb素材のサイトデザイン案を配布しているサイトなどで見るものです。
　HTMLを十分に習得してから、CSS(スタイルシート)を習得すれば作れると思います。
　お勧めの本は渡辺希久子著スタイルシートビジュアルサンプル辞典がお勧めだと思います。
　スタイルシートのみでデザインを作成する見本もあるので、スタイルシートの配布を考えてるのでしたら、使えるのではないかと思います。
　http://www.amazon.co.jp/gp/product/488166493X/249-7891107-6833943?v=glance&n=465392

　＊タグ系素材(HTMLテンプレート)の配布
　うまく説明できないのですが、時々webの素材屋等で見る「しゃれたデザインのテーブル」「かわいいスクロールボタン」「触ると色の変化するリンク部分」等の配布を行いたいと言う場合、先ほどと同様、タグ(HTML)とスタイルシート(CSS)の知識が必要になってきます。
　場合によってはJavaScriptも多少の理解が欲しいです。
　お勧めの本はHTML/CSSの辞書系の本があると便利だと思います。

　＊skinタイプ掲示板のデザインの配布、またはオリジナルデザインの掲示板などの配布
　前者のスキンで見た目を弄れる掲示板のデザインの配布である場合、3番目のスタイルシートの配布とほぼ同じです。HTMLとCSS(スタイルシート)
　後者の場合はの知識に加えてCGIの知識が必要になってきます。何も知識の無い状態からこれを目指すのは、お勧めできません。というか挫折すると思います。

結論としては2番目の方法以外はタグ(HTML)の習得と理解は必須です。
最低限HTMLを覚えれば、テーブルデザイン等のデザインで簡単なテンプレートも作れると思いますが、より配布するとき喜ばれるものをと思うのでしたら、HTML+CSSの知識が必須になってくると思います。

一度も作ったことが無く、1から勉強ということですので、まずはタグ(HTML)から覚えることです。
恐らく最初からスタイルシート(CSS)を同時進行で覚えようとしたらわからなくなってしまい、まず覚えられないと思います。
HTMLを理解できてHTMLによるサイト製作をある程度出来るようになったらCSSを覚え始めるのが一番無理の無い方法ではないかと思います。
　また、無理なく覚える方法としては、Word等を使う感覚でホームページを作れるソフトでタグを見ることの出来る機能のあるものを使用するのも良いのではないかと思います。
alphaEDIT(無料版と有料版有り。有料版は2000円。ソフトはwin用。)が比較的安価でソフトの操作が比較的わかりやすいので、このようなソフトを使いながら、徐々に必要に応じてタグの意味を覚えるのも一つの手段だと思います。
かつて私自身がホームページの作り方を覚えるのに、別のソフトでですが(FrontPageExpless)、この方法でタグを覚え、無理なくCSSの理解までいけたので、かなりお勧めの覚え方です。
alphaEDIT入手先は↓
　http://www.pololon.com/koby/
ホームページビルダーなどもタグが見られるそうですが、やや値段が張ります。(ヤフオクで7～8000円程するらしいです。)ただ、使ってる人はかなり多いので、書店でもビルダーの本はかなり見つけやすいです。

HTMLとCSSを簡単に理解するのには↓のサイトが良いのではないかと思います。
http://www.geocities.co.jp/SiliconValley/4466/

また辞書的に利用するサイトとしては↓のサイトの「とほほのＷＷＷ入門」が良いのではないかと思います。
http://www.tohoho-web.com/

HTMLの講座系サイトは星の数ほどあるので自分に合ったページを探すのが一番良いと思いますが、私見でいくつか良さそうなサイトを。
http://homepage2.nifty.com/tomoarai/　(初心者向きだと思います。)
http://beginners.atompro.net/　(ここのHTML講座も便利だと思います。)
http://siriasu.s10.xrea.com/71t/　（HTML等のTIPSが便利だと思います。）
http://www.est.hi-ho.ne.jp/gaia/hp/　(推奨されないタグについての記述があります。はじめのうちは推奨されないタグは意識しない方がいいと思います。CSSを覚え始める頃に便利そうな気がします。また、win/macでのHTMLを覚えるに当たって必要な事柄も書いてあります。)
http://allabout.co.jp/　のサイト内にあるホームページ作成講座もTIPS的に使えると思います。サイトが見づらいですが…。http://allabout.co.jp/internet/hpcreate/library/mlibrary8.htm
http://www.openspc2.org/reibun/css/　(スタイルシートのTIPSのサイト。動作ブラウザを意識し始める頃には参考になるかもしれません。)
http://www.asahi-net.or.jp/~jy3k-sm/css1/2003maki/　(スタイルシートを本格的に知るにはお勧めだとおもいます)

以上長文失礼しました。

お礼

大変遅くなり申し訳ありませんでした。

とても丁寧な説明をありがとうございました。