ホームページ作成に必要なテンプレートとは?

このQ&Aのポイント
  • 初心者でも使いやすいホームページビルダーを利用するためには、テンプレートの編集が必要です。ダウンロードしたテンプレートには、画像やHTMLファイル、PSDファイル、スタイルシートドキュメントが含まれています。
  • 専門ソフトを使わずにテンプレートを編集することも可能ですが、画像の編集にはPhotoshopなどのソフトウェアの知識が必要です。
  • ホームページビルダーで作成可能なテンプレートかどうかを判断するためには、ファイルの拡張子や内容を確認することが重要です。
回答を見る
  • ベストアンサー

ダウンロードしたテンプレートの編集

ホームページを作りたいと考えています。 Htmlやウェブについては、初心者です。 海外のサイトからテンプレートをダウンロードしてみたところ、 下記4つの項目がありました。 ・images ・index(HTML Document) ・PSD ファイル ・Style (カスケードスタイルシートドキュメント) PSDファイルはphotoshopで開けました。 Photoshopはある程度は使えるので、画像としての編集はできそうです。 ただ、ウェブにアップするには、dreamweaverが必要ですよね、そちらのソフトに関する知識がありません。 このファイルからホームページビルダーで作成することは、可能でしょうか? もし可能であれば、その具体的な方法を教えて下さい。 NGの場合、ホームページビルダーで作成可能なテンプレートである旨を、 どうやって判断したらよいのか教えて下さい。 アドバイスよろしくお願いいたします。

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

  • ベストアンサー
  • meimeisan
  • ベストアンサー率45% (385/854)
回答No.1

とりあえず、ビルダーで開いてみては? ビルダーがライト版でなければ、スタイルシートのファイルもHTMLファイルも開けると思います。 アップロードは、ビルダー付属のFTPで良いのでは。 ですが、HTMLやCSSについて初心者でいらっしゃるならば、テンプレートの使用はお勧めできません。ある程度分からないと難しいです。

espelika
質問者

お礼

アドバイスどうもありがとうございました。 そうですよね、ビルダーで開いてみればよかった。 頭で考えてばかりで、そんなことにも気付かず失礼しました。 ビルダーで開くことはできました。 ただ、プレビュー画面ではきちんと表示されているのですが、 編集画面では、ずれて部分的に重なったりしています・・

関連するQ&A

  • Webのテンプレート

    ホームページビルダー(IBM)であれば何とか取り扱えが可能で、その他は素人に近い者です。 添付のURLで気にいったテンプレートを、ホームページビルダーで作成してるWebページの最初 の(home page)ページにしたいと思うのですが、テンプレートを、インストールさえすれば、通常のファイルを取り扱うように何の問題もなくいホームページビルダーで作成したページ合体が可能なのか、それとも奥が深くhtml等に関しての知識が必要になるのか分かる方教えてください。 http://www.dreamtemplate.com/index.php?action=viewall ぶっちゃけた話、テンプレートをホームページビルダーに取り込むことは簡単ですか? が質問です。ホームページビルダーに取り込めば、英文を日本語に変換し、写真等を入れかえれるのは容易いであろうと考えています。

    • ベストアンサー
    • HTML
  • ホームページビルダーでダウンロードしたテンプレートを読み込む方法ってありますか?

    初心者の為説明が下手でしたらすいません。 ホームページビルダーを使ってHPを作ろうとしている所です。 デザインなども自信がなかったので、テンプレートをダウンロードしてきました。 ダウンロードしたファイルは基礎HTMLのファイルと、着せ替えCSS用のCSSファイルです。 このCSSをHTMLに読み込まなくてはならないと思うのですが、まずその過程をホームページビルダーで出来るかどうか、 また、初歩的ですが、そもそもの基礎HTMLをホームページビルダーホームページビルダーに取り込む…というか、読み込めるのかどうかがよく分りません。 ホームページビルダーでファイルを開くから、ダウンロードしたファイルを開こうとしましたが、indexなどのHTML形式のファイルしか、開けそうにありませんでした。 ですが、例えばこの方法だとindex、Menuとそれぞれ同じ様に改変していかないとならない気がします。 親子それぞれのページで同デザインで纏めたい時には、indexで表示されるタグをそれぞれのページにコピーするしかないのか、それとも何か他の方法があるのか…。 どのタイミングでCSSをHTMLに読み込んでいいかもよく分りません。 また、無事に読み込めた際に、それはindexのページだけにのみ反映となってしまわないのか、等疑問点が沢山です。 一度に沢山の質問で申し訳ないのですが、お分かりになる方、もしくは説明のあるサイトをご存じの方がいらっしゃいましたら、宜しくお願いします。 尚、ホームページビルダーのヴァージョンは10です。

  • [Dreamweaver8]テンプレートに外部CSSを適用→HTMLドキュメントにCSSが適用されないのは何故?

    Dreamweaver8初心者で、現在勉強中の者です。 Dreamweaverのテンプレート機能を使った、外部CSSの設定方法についてお尋ねします。 ディレクトリは現在、以下のような状態です。 [サイト -SampleWebSiteFolder-]    |―[Templates]    |   |―[style.css]    |    L―[template.dwt]    |     L[index.html] ※拡張子の無いものはフォルダを表します。 index.htmlファイルへCSSを適用させたいのですが、適用されないで困っています。 cssは、外部スタイルシートファイルを用意(style.css)し、テンプレート(template.dwt)に対して、CSSスタイルパネルの[スタイルシートを添付]ボタンより設定しています。 結果、テンプレート(template.dwt)に対してはCSSが適用されるのですが、HTMLドキュメント(index.html)にはCSSが適用されていない状態です。 テンプレートを用いて外部スタイルシートにてサイトを管理する場合、上記のケースにおける問題の原因は何でしょうか。 ちなみに、テンプレート[template.dwt]及び、HTMLドキュメント[index.html]の<head></head>内には、以下のソースが記述されています。 <link href="style.css" rel="stylesheet" type="text/css" />

  • HTMLテンプレートの販売について

    今回、会社のほうからホームページの作成を頼まれました。 以前、少し勉強をしていたことがあるので多少はHTMLについてはりかいしていますが、テンプレート販売のものを買って編集していこうかと考えています。 ネットでいろいろテンプレートを販売しているサイトを探してみたのですが、あまり販売サイトを見つけれませんでした。 ホームページ(html)のテンプレート販売をしているサイトをどんなサイトでもいいので教えていただきたいと思い質問させていただきます。 制作環境ですが、当社はホームページビルダーを使用しています。 XHTMLのテンプレートでよさそうなのはあったのですが、ビルダーでの編集することがあまりお勧めできないといわれ、少し困っております。Dreamweaverを使えば編集ができるそうですが、会社のほうでビルダーがあるからそれで制作をと言われております。 誰か、いいテンプレートサイト、または良い方法を教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • Webページからテンプレートをダウンロード

    ここでの質問適当か解りませんがお願いします勉強中なので詳しくお願いします Webページからテンプレートをダウンロードして自己解凍するとメールの添付ファイルを開いた様にExcel Wordで作成したままで開かれます.Excel Wordで作成したテンプレートをホームページにのせDLして自己解凍できる様にしたいのですがどんなソフトまたどんな勉強が必要になりますか.一応HTML GiFは勉強中ですけど解らないことが多くてお願いします

  • フリーのCSSテンプレートで編集したら全体が左に寄ってしまう。

    海外のサイトからフリーで利用できるCSSテンプレートをダウンロードしてきて ホームページビルダー(13)で開き、サイト内の文字を変更してプレビューすると デザイン全体が左に寄ってしまいます。 ほんの少し(1文字)の変更でもこの現象が起き、 HTMLソースの編集画面で文字を入れ替えても同様です。 また、同じサイトから5つほどCSSテンプレートをダウンロードしてきましたが やはり同じ現象が起きます。 CSSの知識があまりないので、なぜこのような現象が起こっているのか不思議でなりません。 せっかく公開しているのだから使えないものではないと思うのですが・・・ 参考になるか分かりませんが、解凍したフォルダには  imageフォルダ  index.html  style.css  license.txt があります。 そもそもホームページビルダーでは編集出来ないのでしょうか?

    • ベストアンサー
    • CSS
  • HP用無料テンプレートのダウンロードが出来ません

    ホームページ用の無料テンプレートがダウンロード出来ずに困っています。 無料テンプレートサイトに掲載されている『Zip形式でダウンロードする』をクリックし、デスクトップに保存を試みているのですが、保存されてデスクトップに出て来るアイコンがホームページビルダーのアイコンになってしまい、データを開く事が出来ません。 以前は、圧縮ファイルのアイコンが出て来て、それをクリックして解凍すると、index imageファイルなど、ホームページ制作に必要なデータを見る事が出来たのですが。。。 本日最初にダウンロードをしたテンプレートは、zip形式でのダウンロードに成功しました。 ですが、それをホームページビルダーで開こうとしたら開かなかったので、ファイルの上で右クリックをし(windowsを使用しております)、『プログラムから開く』からホームページビルダーを選択してしまったのですが、それからおかしくなってしまいました。 『プログラムから開く』→『ホームページビルダー』の作業が原因と思われます。 通常通り、圧縮ファイルのままダウンロードをするには、どうすればよいのでしょうか? windows vista を使用しています。 どなたかお解りの方がいらっしゃいましたら、お手数ですがよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • プロのWeb製作者さんよろしくお願いします。

    現在、個人ホームページをPhotoshopで制作しています。 制作物を作りWeb用に保存の機能を使いHTMLと画像を選ぶと Photoshopで制作したデザインが全てHTMLと画像になってし まいます。テキストはテキストとして保存されません。 これをテキストはテキストとして保存して、HTMLと画像、テ キストを別々に保存する事は出来ないのでしょうか? PSDファイルの保存でテキストをホームページ制作ソフトで 編集が出来るように保存したいと思っています。 よくあるホームページのテンプレート(PSD)を調べてみました が、サンプルとしてHTMLファイルがあり、同様の場所にテキス トとして表示されておりホームページ制作ソフトで編集も可能 なのですが、どうしてもPSDファイルからは、テキストを表示さ せるようにしてWeb用に保存を行う事が出来ません。 そこで、ホームページ制作ソフトで、PSDファイルからHTMLと画 像だけを保存しテキストをCSSで指定してみたのですが、デザイ ンが崩れ台無しでした。あげくに2度手間となります。 検索などで調べて見ましたがどうしても解決策が見つからず 投稿しています。 よろしければPhotoshopでHTMLと画像、テキストをうまく表示 しPSDファイルからのみでWebを制作する事は出来ないでしょ うか。 詳しく参考となる親切な方のみ希望しております。 プロのWeb製作者さんよろしくお願いします。

  • ホームページビルダーのテンプレート機能について

    ホームページビルダーのテンプレート機能についてお伺いします。 テンプレート機能といってもどこでも配置モードのことではなくて DreamWeaverのテンプレート機能のようなものは ホームページビルダーにはありますか? たとえば上部に常に出しておくボタンをテンプレートhtmlで保存しておいて それを呼び出して表示させるような…。 もしご存知でしたら教えてください。 私はDreamWeaverを普段使っているのですが 勤務先ではビルダーで作っていて それを社員の人に教えなくてはいけないので…。 上部のボタンをテンプレートとして保存して呼び出す方法を 早急に教えなくてはならないのでよろしくお願いします。

  • ホームページビルダー15 テンプレートの編集

    ホームページビルダー15で自社のホームページを作成しています。 8月下旬までに完成させろとの社長命令により CSSプロフェッショナルテンプレートを使用しております。 初心者の為、HTMLやCSSの入門編参考書を読みながらの作業で、 なんとか、おおまかな所までは完成させられそうなのですが、 どうしても乗り越えられない壁ができました。 それはメニューリストをプルダウン化させることです。 自分なりにいろいろ調べてはいるのですが、 いまいち理解できません。 例えば、某掲示板で私と同じ質問があり、 回答者の方が  http://html.datura.jp/2009/07/pulldown.html を参考にして、CSSをコピーしてメモ帳に貼り付け→名前を保存→menu.css menu.cssファイルをホームページフォルダ内に移動する スタイルシートマネージャを起動→外部スタイルシートの追加→menu.cssを指定 これでhtmlファイル内に <link href="menu.css" rel="stylesheet" type="text/css"> が追加され、 CSSファイルがリンクとして呼び込まれます。 と回答し、質問者の方が「助かりました!」と納得されております。 ところが、私も同じようにしてみたところ 何も変わりません。 私の勉強不足もあるのだと思いますが、 そこから何かを変えたりしなければならないのでしょうか? ちなみに私は、言われたままにしているのですが… なんとか、テンプレートのHTMLとCSSをいじって プルダウン化を実現させたいです。 少し時間もなく、焦って質問させていただきました。 できれば、手順を追って、細かく教えていただけますと助かります。 ご面倒かと思いますが、何卒よろしくお願い申し上げます。

専門家に質問してみよう