• ベストアンサー

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

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

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

  • ベストアンサー
回答No.1

「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/ また辞書的に利用するサイトとしては↓のサイトの「とほほのWWW入門」が良いのではないかと思います。 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/ (スタイルシートを本格的に知るにはお勧めだとおもいます) 以上長文失礼しました。

badokiti
質問者

お礼

大変遅くなり申し訳ありませんでした。 とても丁寧な説明をありがとうございました。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • テンプレート(html)の作り方を教えてください。

    HP用のテンプレートを作りたいのですが、やり方が全くわからなく困っています。 ホームページ雛型というのでしょうか?サイトデザインや構成が出来上がっているものを作りたいと思います。 http://www.iriko34.com/こちらのサイト様のdesign htmlにあるようなテンプレートを作りたいと思っています。 今、使っているソフトはPhotpshop Elements2.0とHPビルダー8です。この二つのソフトで出来ますか? 画像を作ってから、どのように「link....Top...」などの文章を入れていけば良いのかや、htmlはまだ知識が無く、今勉強していますが、知識がないと出来ないでしょうか? どなたかよろしくお願いします。 テンプレートの作り方や参考になるサイトや本などがありましたらお願いします。

    • ベストアンサー
    • CSS
  • ウェブのテンプレートが崩れる(ホームページ)

    ホームページ作成の初心者です。 無料で配布されているHPのテンプレートをダウンロードし、ZIPのフォルダになっているので解凍し、そのウェブページを表示させると、とてつもなく崩れています。 まず、画像(GIF)を、読み取れていないようで、バツマークになっています。 そして、テキストもずれて、大きくなったり小さくなったりで、まるで違うページになっております。 まだはっきりとは検証できていないのですが、ZIPを解凍するフリーソフト(何を使ったかは忘れました)が、それをアンインストールしてから、先程保存済みのウェブページをもう一度クリックすると、きちんと標準どおりにページが表示されました。 ZIPを解凍するソフトが何か影響しているのでしょうか。 抽象的、というか、ぼんやりしていて申し訳ありません。同じく、HPのテンプレートが表示されない、というトラブルを経験されたことのある方、もしくは何かしら原因のわかる方はどうぞ教えてください。 自分でいろいろ調べましたが(IEのツール、インターネットオプションからいろいろ変更もこころみてみた)が、その辺が原因ではなさそうなのです。

  • XHTML+CSSのテンプレートについて(Web標準)

    今までHomepage Builderを使ってHPを作っていたのですがWeb標準で作っていこうと思い色々と調べてみたのですがXHTMLとCSSを組合せて作るという事は解ったのですが、どのような学び方が正しいWeb標準なのでしょうか?勉強出来るサイトや書籍がありましたらアドバイスお願いします。また、ネット上に「XHTML+CSSのテンプレート」とありますが無料のと有料の物に違いがあるのでしょうか?有料でも構いませんのでSEO対策向けの「XHTML+CSSのテンプレート」の良品がありましたらアドバイス下さい。下記のサイトの物などは、どうでしょうか? http://activestyle.biz http://www.templatemonster.jp/ http://www.sixapart.jp

  • FC2ブログのテンプレート設定CSSが分りません

    http://mysticdiary.blog99.fc2.com/blog-entry-373.html この方の配布されているテンプレートをどうしても使わせて頂きたいのですが うまくできません。 ホームページビルダーなどでホームページを作ったり、HTMLは多少分かる程度なのですが CSSは全くわかりません。 勉強しなければ駄目ということも分かっておりますが、これを設定するのに どういった勉強をしたら良いでしょうか。 参考になるようなアドバイス、サイトや書籍などを教えて下さい。

  • CSSのテンプレート

    HPを作ろうと思い、無料で配布されているCSSを使ったHPテンプレートを使いたいと思っています。しかし、全く正常に表示されずに困っています。 手順もファイルをダウンロードして解凍し、HTMLファイル(index.htmlなど)をブラウザで開いて、HTMLソースを表示し、それをそのままコピーペーストしています。しかし、HPに表示されるのは白の背景に文字だけで構成されたものになり、全くデザインされていないHPに仕上がります…。色々なサイトで配布されているCSSのテンプレートを同じ方法でトライしてみましたが結果は同じでした。 CSSのことで色々と調べてみましたが納得の行く回答を見つけることができずに困っています…。どうしたらきちんと表示されるようになるのでしょうか?どなたか教えてください。よろしくお願いします。

  • エクセルで使えるテンプレート

    エクセルで文書を作成しています。 タイトル等をオートシェイプで括ってデザインをしているのですが、イマイチかっこよくありません。 WEB用のテンプレートのようなイメージで エクセルで使えるテンプレート集(枠など)を 無料配布しているHP等ありましたら、教えてください。

  • 自作テンプレートについて。

    自分は40歳の主婦で仕事&子育てをしながらHP、ブログを公開しています。 目標は自分でテンプレートを自由自在に作れるようになることです。 HPはビルダーで作っているのですが思うように出来ずに歯がゆい思いをしています。 最近になってようやくダグの勉強をしないと進めない事を思い知らされました。 そこでお聞きしたいのですが皆さんはどのようにしてダグ等の勉強をしてきましたか?独学?講習等? ちなみに近所にあるPC教室(小規模)では『ここはほんとに初心者対称なのであなたに教えられる事はない』と断られてしまいました。 ダグの勉強をするには専門学校のようなところでないと教えてもらう事は出来ないのでしょうか? 目があまり良くはないので(片目が弱視)出来れば本やPC上のサイト等は最後の手段というか、、。 目だけではなく耳からも情報を知る事が理想です。 でも自分の夢にわがままはいっていられませんから、なんでも結構です!! アドバイスよろしくお願いします!!

  • fc2BLOGのテンプレートを自作して配布したい

    FC2BLOGのテンプレートを作って配布したいのですが、参考に他作者さんのテンプレートをダウンロードしてタグ等を見てみたところ、CSSもサッパリで自分には出来そうにありません。 なので、カスタマイズ再配布可の共有テンプレートを使わせて頂こうと思って探したのですが、どこも再配布×ばかりでした。 何か良い解説サイト等はありませんか?

  • Dreamweaverでテンプレートを利用するにはどうすればいいのかわからず困っています!

    Dreamweaverを利用してネットショップのホームページを作成を使用と思っています。 そこで先日Dreamweaver CS3を購入しました。参考本などを見て一通りの基本操作は勉強しました。 何もかも一から作るとなると効率が悪いので、既に用意されたテンプレートを利用しようと思っていまして、先日色々なテンプレートを見ていたところ自分の希望に沿ったテンプレートを見つけました。 さてここからが問題です。 参考本を見たのですが、テンプレートの使い方という項目がありませんでした。 使用するテンプレートを決めた後、どういう操作でDreamweaverとリンクさせて作成していけばいいのでしょうか? 素人丸出しの質問で恐縮ですが、何をどうすればいいのかわからず固まってしまっています>< どうかご指導よろしくお願いいたします。

  • Webデザインテンプレート 使い方

    自分のHPを持とうと思い、趣味で作成されてあるWebデザインテンプレートを無料で配布してあるサイト様にお世話になろうと思っていて、ソフトをダウンロードし解凍して使える準備は出来ているのですが、ファイルの中にCSS“カスケートスタイルシート”というアイコンがありクリックするとDWcs4ソフトで開きます。DWcs4ソフトはあまり使ったことが無いため、できればテキストソースでタグを打ち込んで行きたいのですが、HTMLとSCC、2つファイルにあります。両方とも必要ですよね けど、FFFTPでアップロードする時とかどうなるのか、いろいろ分かりません。 初心者でして詳しい方、良ければ丁寧に教えてもらえませんか? 宜しくお願いします。

    • ベストアンサー
    • CSS