- ベストアンサー
HPテンプレートの使い方
- みんなの回答 (9)
- 専門家の回答
質問者が選んだベストアンサー
>テンプレートサイトでDL→ファイルを開く→そのファイルの中のどれを表示・編集すれば良いのかが分かりません。 htmlファイル全部になると思います。 フレームを使っているので分かりにくいのでしょうか? ・・・と勝手に判断(^_^;) index.htmlは他の3エリアから構成されています。 ■■■←menu1 □○○ □○○←main ↑ menu2 menu1■にはmenu1.htmlが表示されています。 例えば、boardをdiaryにしてブログへリンクするには、menu1.htmlをメモ帳で開き、 <a href="sample.html" target="main">Board</a>の部分を<a href="ブログのアドレス">diary</a>と変えます。target="main"を入れると上記の○の部分にブログが表示されます。 □menu2(左の、ブログならサイドバーに当たるところ)はmenu2.htmlが表示されています。 ただし、<a href="menu2.html#m1" target="menu2">Novels</a>とあるのはmenu2.htmlの中でもidがm1の部分だけ表示されています。詳しくはソースを見てください。 ○main(本文に当たるところは)main.htmlとsample.html また、見当はずれでしたらすみません。
その他の回答 (8)
- maho-maho
- ベストアンサー率44% (725/1639)
編集保存した後はFTPでアップするのみです。 がんばってサイトを作ってくださいね。
お礼
本当にありがとうございました。 maho-maho様にはひたすら感謝です。 また私のHPを見つけて下さいました時は宜しくお願いします。 HN譜面ライダー
- maho-maho
- ベストアンサー率44% (725/1639)
回答していながら、お聞きになりたいことはこれじゃないかも? と思っています。基本的な概念みたいなところが違うんじゃないだろうかと思うんですが、そこがどこだかが問題です。 >ファイル別に編集したものをどこで融合?くっつけて一つのHPにするのでしょうか? 融合、ひとつのHPの概念がよくわかりません。 編集しただけではうまく表示されないということですよね? どんな風にうまくいかないのかを具体的に書いていただくと答えやすいです。 >過去にDLしたファイルのソースをコピペして新規メモ帳に貼り付けたことがあり、それを保存してからブラウザで表示してみたのですが…タグを貼るファイルごとの順序が分からなく、結果背景画像の表示、テーブルの表示も無く出てきたのは更新履歴を打ち込むところだけでした。 DLしたファイルというのは配布されているテンプレートのことでしょうか? なぜ、ファイルのソースを新規メモ帳にコピペしたんでしょうか? タグを貼るファイルごとの順序、というのは? ひとつのhtmlファイルを新規メモ帳に貼り付けても同じものができるだけではないんでしょうか? 背景画像の表示、テーブルの表示も無く出てきた というのは? 背景表示のタグが貼られていれば背景は表示されるし、テーブルのタグがあればテーブルは表示されるんですが・・・。 タグを消してしまったのか、新規で作ったためhtmlで保存せず、txtで保存したのでしょうか? >ファイルの中のどれを表示・編集すれば良いのかが分かりません。 タグをご存知でなぜ分からないのかが分からなんです・・・。 編集したいものを編集するんですが・・・。 変更したい文字があればその文字が書かれているファイルを変更するし、背景画像を変えたければ、そのタグが書かれたファイルを編集します。 もし、変えたいところがなければ何も編集する必要はありません。多分お聞きになりたいことはそういうことではないんじゃないですか? ブログみたいに編集画面があると思ってらっしゃるということだったりしますか? >携帯HPでしたら更新ボタン1つでさくっと出来ちゃうのですが 何をしたときにその更新ボタンを押しますか? 新しいページが増えたとき? 携帯もPCもHPの作り方は同じなんですよ。 ただ、携帯でもHPを作りやすいようにブログみたいなシステムを導入しているところがあるので、そういうことだと思うんですが・・・。使ったことがないのでよくわかりません。
補足
表示・編集する、というのはこちらの誤解で、誤った考え方をしていました。すみません。タグは出来ます、大丈夫です。 こちらの説明不足で色々と理解しにくかったと思います。 簡単にまとめると、 ファイルを編集し終えたその後、です。FTPを使う前にしなければならないことがあるか、ないか。ということです。 これまでの説明により、ファイルを編集・保存することは分かりました。ありがとうございます。
- maho-maho
- ベストアンサー率44% (725/1639)
>融合 というのが良く分かりませんが、リンク(?)を貼るだけです。 htmlにここには○○jpgを読み込めという情報があるのでブラウザはそれを元にファイルを読み込んで表示してくれます。 例えば、menu.htmlのソースの中に background-image:url(bg.jpg); という情報が入っています。 背景の絵はbg.jpgというファイルですよというのが入っているのでブラウザが勝手に読み込んで表示してくれます。 例えば、index.htmlの場合。 <frame src="menu1.html" name="menu1" ・・・> でmenu1というエリアにはmeu1.htmlのファイルを表示しろとあるのでこれもブラウザが勝手に表示してくれます。index.htmlにmenu1.htmlの中身を貼り付けたりする必要はありません。 htmlファイルは全て修正しなければならないと書いたのは、例えば、sample.htmlには「サンプルです」と書いてあるのでそのままでは意味がないからです。 また、munu1.htmlにしてもnovelsというのはイラストサイトにはいらないでしょうし、menu2.htmlでもNo.1もNo.2も同じページ(sample.html)へリンクするようになっているようなのでそれぞれ新しくページをつくる必要もあるでしょう。 FTPはファイルをアップするだけのものです。フォルダの中身を全部アップしてください。html、css、png、jpg全てです。
- maho-maho
- ベストアンサー率44% (725/1639)
何を説明してほしいと思ってらっしゃるのかつかめていないので、ご存知のことだったらご容赦くださいね。 >メモ帳で打ち込んだ画像を表示させるタグをブラウザ上でちゃんと画像になっているか(ちゃんと貼れているか、)ということでしょうか? そうです。 >画像のアップをして とあったので画像をアップする方法がわからないのか、画像を貼り付けるタグがわからないのか、それとも表示がうまくいかないのか、何を説明すべきなのか分からなかったのでおうかがいしました。 >タグを貼るファイルごとの順序・・・? ダウンロードしたhtmlファイルがありますよね? 私の場合は、htmlファイルのアイコンを開いたメモ帳へドラッグアンドドロップをしてソースを表示しています。ソースを表示したらそのまま修正し、保存します。 もしくはhtmlファイルをブラウザで開いておいて表示→ソース、そこからそのまま修正という方法も使います。 ソースを表示ということはメモ帳で開かれており、そこからまたメモ帳に貼り付ける必要はありません。 ご質問とは関係ないかもしれませんが、最近のものはデザインの情報はCSSファイルで設定されていて、テーブルはあまり使いません。 だいたいhtmlファイルを修正する場合、テキストとブラウザで開いておいてテキストで修正、保存、ブラウザの更新ボタンをクリックで、保存した内容がブラウザでどのように見えるか確認します。またCSSファイルを修正したりもするのでそのファイルもテキストで開いておきます。
補足
説明していただきたいこと…はわわ、説明不足ですみません。 テンプレートサイトでDL→ファイルを開く→そのファイルの中のどれを表示・編集すれば良いのかが分かりません。 ファイルの中は、png画像やindex.他にmenu.等が入っております。 私は説明が下手なので、使いたいテンプレートのあるサイトURLを貼っておきます。 URL:http://www.diced.jp/~design/ ここのサイトの25番のテンプレートを使用したいのですが… CSS、少しづつではありますが勉強しています。簡単な編集なら出来るようになってきました。 いつもお答え有難う御座います。
- maho-maho
- ベストアンサー率44% (725/1639)
どこまで知っていて、どこが知らないのかというところが分かりにくいです。 >一度txtで編集してみます テキストでないと編集できないので「一度してみます」というのは・・・? もしかして、ブログはしたことはあるけど、ホームページ(ブログシステムを利用しないサイト)は初めて、ですか? >メモ帳での手打ち作業 テンプレートはメモ帳の手打ち作業の途中までできているファイルなので、それ以降のカスタマイズしたり、編集したりは全てメモ帳の手打ち作業になります。 なのでhtmlファイルをメモ帳などで開いてください。(拡張子はそのままでOK) 日本語のところは自分の言葉に入力しなおします。 >日記のところをブログにリンク <a href="ブログのアドレス">日記</a> でできます。 >画像のアップをして サーバーへのアップ方法はご存知ではないですか? 作ったhtmlファイルに表示させるのはできますか?(画像にリンクを貼ることができるということなので大丈夫だとは思いますが) 一応、サーバーへのアップ方法。 http://www.shinobi.jp/hp/manual_01.html
補足
ブログ、携帯用(雛形がすでにある)HPは作成経験があります。ただPC用となるとやったことはないです。 画像を貼るタグなら知っています。 ちなみに使用ブログはタグ全面禁止のCURURUとタグOKのFC2です。 携帯用HPはiHOT!とminxです。タグ使用は主にminxの方で使っておりました。 「作ったhtmlファイルに表示させる」…というのは、メモ帳で打ち込んだ画像を表示させるタグをブラウザ上でちゃんと画像になっているか(ちゃんと貼れているか、)ということでしょうか? お恥ずかしい話ですか、過去にDLしたファイルのソースをコピペして新規メモ帳に貼り付けたことがあり、それを保存してからブラウザで表示してみたのですが…タグを貼るファイルごとの順序が分からなく、結果背景画像の表示、テーブルの表示も無く出てきたのは更新履歴を打ち込むところだけでした。 感覚的には合っているのでしょうか?全然違うのでしょうか? 分からない事だらけで本当にすみません。感謝しております。
- maho-maho
- ベストアンサー率44% (725/1639)
テンプレートを使ったことあります。 よく分からない点というのはどういうところでしょうか。 何をしたいんでしょうか? それがわかるともう少し具体的なアドバイスがつくかもしれません。 >基本的なタグ知識 の中にCSSの知識は入ってますでしょうか? もしかすると、その辺かも? 例えば、h1のフォントの色を変えるときは、タグで宣言せずCSSファイルで宣言します。
お礼
回答有難う御座います。 よく分からない点、というのは…言ってしまえば全てなのですが具体的に言うと、 まず、トップの書き換えをして、日記のところをブログにリンクさせて、画像のアップをして、最終的にはイラストサイトに持っていきたいのですが… 基本的なタグ知識の中にCSSの知識は御座いません。勉強が必要であればしますが…?分からないことだらけですみません。
#1です。 試しにhttp://rosen.vivian.jp/ から01番のテンプレートを落としてみました。 見た感じは特に特別なことをしてる様子はないですね・・・ ただ、IEでindex.htmを開いてみると「アクティブコンテンツは表示されない~」 の注意表示が出ますがActiveXのほうの知識は乏しいのでどのタグが その症状を発生させてるかはわかりませんがそのまま使えると思います。 テンプレートを編集する時はtxt等に変更して編集してみてください。
お礼
特に特別な様子がある訳でもないですか… 一度txtで編集してみます。有難う御座いました。
メモ帳などで作った経験がおありと言うことはタグの知識はある程度は大丈夫ですよね? HPテンプレートと言うのがあるというのは初めて聞きましたが アップロードするサーバーに合うように自己流でタグを変更してやれば 良いだけだと思いますが・・・ 例えばどんな感じのものがあるのか参考サイトを幾つか教えていただけると詳しい回答できるかもしれません。
お礼
回答有難う御座います。基本的なタグ知識は持っています。画像URLを使ったリンク(画像にリンクを貼る)等ですが。 こんな感じのテンプレートです。URL : http://rosen.vivian.jp/ ※テンプレート頁ではなく、TOP頁へ飛びます。 因みに用意しているサーバーは忍者TOOLSです。 他のテンプレートサイトは、 URL: http://mo-na2.com です。
関連するQ&A
- Webサイトのデザインは手打ち派?テンプレート派?
Webサイトのデザインって皆さんどうしているのでしょうか? ・全て手打ちで作っていますか? ・CSSテンプレートなどを他のサイトからダウンロードして、一部をカスタマイズして作っていますか? どちらのパターンでしょうか? 私の場合、HTMLもCSSも全て手打ち。 絵心もないのにロゴマーク画像もGIMPなどで自作してしまったので、大失敗してしまいました。 個人Webサイトの運営者様で、自分はこうしているというご意見を訊かせてください。 参考にしたいのです。
- ベストアンサー
- CSS
- HPビルダーでの無料テンプレートの保存
似たような質問があったのですが私の疑問が解決しなかったので教えて下さい。 ホームページビルダー8でHPを作成しています。 この度無料テンプレートをダウンロードし、使う事にしました。 ダウンロードも解凍も滞りなく出来、編集もビルダーでしたのですが その後保存する時に「サイト外保存」になってしまいます。 保存先をサイトのフォルダに変えてみたりしてリンクを貼ってみましたがウェブ上で表示されませんでした。 サイトのフォルダはマイドキュメントの中にあります。 何がよくないのでしょうか? 教えて下さい。
- ベストアンサー
- ホームページ作成ソフト
- ウェブのテンプレートが崩れる(ホームページ)
ホームページ作成の初心者です。 無料で配布されているHPのテンプレートをダウンロードし、ZIPのフォルダになっているので解凍し、そのウェブページを表示させると、とてつもなく崩れています。 まず、画像(GIF)を、読み取れていないようで、バツマークになっています。 そして、テキストもずれて、大きくなったり小さくなったりで、まるで違うページになっております。 まだはっきりとは検証できていないのですが、ZIPを解凍するフリーソフト(何を使ったかは忘れました)が、それをアンインストールしてから、先程保存済みのウェブページをもう一度クリックすると、きちんと標準どおりにページが表示されました。 ZIPを解凍するソフトが何か影響しているのでしょうか。 抽象的、というか、ぼんやりしていて申し訳ありません。同じく、HPのテンプレートが表示されない、というトラブルを経験されたことのある方、もしくは何かしら原因のわかる方はどうぞ教えてください。 自分でいろいろ調べましたが(IEのツール、インターネットオプションからいろいろ変更もこころみてみた)が、その辺が原因ではなさそうなのです。
- ベストアンサー
- Windows XP
- お申し込みフォーム(カゴ機能なし)機能付の商用HPテンプレートを探しています。
ショッピングカート機能なし(カゴ機能なし)のお申し込みフォーム機能付のテンプレートを探しています。よいサイトがあれば教えてください。 言っていること理解していただけるでしょうか?私は個人事業として、学習塾のような教室を運営しています。よって、HPで募集するのは、通信の受講生と教材の販売です。それほど販売点数も多くはありませんし、教育関係なので「カゴ機能」などは必要ないと思うのです。 よって、住所・氏名・電話番号・注文商品名など必要な項目があればいいのです。もちろん、項目追加や内容変更ができるタイプがいいですが。 とにかく、カゴ機能なしの、このようなお申し込みフォーム機能付の商用HPテンプレートってないでしょうか? ご存知の方がいらっしゃいましたら是非教えてください。本当に困っているのでよろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- HP用無料テンプレートのダウンロードが出来ません
ホームページ用の無料テンプレートがダウンロード出来ずに困っています。 無料テンプレートサイトに掲載されている『Zip形式でダウンロードする』をクリックし、デスクトップに保存を試みているのですが、保存されてデスクトップに出て来るアイコンがホームページビルダーのアイコンになってしまい、データを開く事が出来ません。 以前は、圧縮ファイルのアイコンが出て来て、それをクリックして解凍すると、index imageファイルなど、ホームページ制作に必要なデータを見る事が出来たのですが。。。 本日最初にダウンロードをしたテンプレートは、zip形式でのダウンロードに成功しました。 ですが、それをホームページビルダーで開こうとしたら開かなかったので、ファイルの上で右クリックをし(windowsを使用しております)、『プログラムから開く』からホームページビルダーを選択してしまったのですが、それからおかしくなってしまいました。 『プログラムから開く』→『ホームページビルダー』の作業が原因と思われます。 通常通り、圧縮ファイルのままダウンロードをするには、どうすればよいのでしょうか? windows vista を使用しています。 どなたかお解りの方がいらっしゃいましたら、お手数ですがよろしくお願いいたします。
- ベストアンサー
- CSS
- HPのテンプレートの作り方
知り合い(パートのおばちゃん)に子供関連のHPのテンプレートを作りたいので、イラストを描いて欲しいと言われました。 おばちゃんが<ホームビジター9>でHPは作るそうで、楽天に出店するそうです。 私にHPを作るほうの知識はありませんが、私がイラストレーター9.0.2で描いたイラストや罫などを入れたものを簡単に入れられるものなのでしょうか? それとも、デジカメで画像にして入れるものなのでしょうか?
- ベストアンサー
- その他(アート・創作)
- HPテンプレートを編集するとプレビュー表示できなくなる理由は?
Webサイトを作ろうと、HPテンプレートをダウンロードし、編集しています。MacなのでNuvというフリーソフトで編集をしていたのですが、HTMLをひとつでも触るプレビュー表示できなくなります。(※ソースは表示できます。。) そもそもMacで編集というのがダメなのでしょうか…? 原因がわかる方教えてください。
- 締切済み
- Mac
- CSSのテンプレート
HPを作ろうと思い、無料で配布されているCSSを使ったHPテンプレートを使いたいと思っています。しかし、全く正常に表示されずに困っています。 手順もファイルをダウンロードして解凍し、HTMLファイル(index.htmlなど)をブラウザで開いて、HTMLソースを表示し、それをそのままコピーペーストしています。しかし、HPに表示されるのは白の背景に文字だけで構成されたものになり、全くデザインされていないHPに仕上がります…。色々なサイトで配布されているCSSのテンプレートを同じ方法でトライしてみましたが結果は同じでした。 CSSのことで色々と調べてみましたが納得の行く回答を見つけることができずに困っています…。どうしたらきちんと表示されるようになるのでしょうか?どなたか教えてください。よろしくお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
- Webデザインテンプレート 使い方
自分のHPを持とうと思い、趣味で作成されてあるWebデザインテンプレートを無料で配布してあるサイト様にお世話になろうと思っていて、ソフトをダウンロードし解凍して使える準備は出来ているのですが、ファイルの中にCSS“カスケートスタイルシート”というアイコンがありクリックするとDWcs4ソフトで開きます。DWcs4ソフトはあまり使ったことが無いため、できればテキストソースでタグを打ち込んで行きたいのですが、HTMLとSCC、2つファイルにあります。両方とも必要ですよね けど、FFFTPでアップロードする時とかどうなるのか、いろいろ分かりません。 初心者でして詳しい方、良ければ丁寧に教えてもらえませんか? 宜しくお願いします。
- ベストアンサー
- CSS
- WEBサイトデザインのテンプレート集を探しています。
SOHOでWEB制作業務を行っているものです。 どこかに商用利用(再販・アレンジ)可能なテンプレート集を配布しているサイトがありませんでしょうか。テンプレートを使用して制作したいと考えています。 自分でテンプレートを制作すればいいのですが、時間が足りなくて・・・。 フリーだと嬉しいのですが有料でも構いませんので、もしご存知の方がいらっしゃいましたら教えて下さい。 宜しくお願い致します(_ _)
- 締切済み
- その他([技術者向] コンピューター)
補足
有難う御座います。 HTMLファイル全てを書きかえるのですね。分かりました。 もう一つ分からないのは、ファイル別に編集したものをどこで融合?くっつけて一つのHPにするのでしょうか? FTPでそういうのは行うのでしょうか…? 携帯HPでしたら更新ボタン1つでさくっと出来ちゃうのですが…PCの場合、どうなのでしょう?