掲示板/総合質問板/過去ログ/一覧/ テンプレートのことで教えて頂きたいです★

0 名前：鈴音： 2006/12/31（日） 18:58 ID:/sydBQOt: 個人のHPを作りたいと思って今勉強中です。
私は中03の女です。
いろいろと検索して探しみたりしてるんですが、なかなか良く分かりません。
でも、初心者の質問に答えてくださるところがあまり見つからず、やっとここを見つけました。
テンプレートをダウンロードしてからの使い方がよく分かりません。
ダウンロードしてから保存して、その次からどうしたらぃぃのか分からないんです。
もしよかったら教えてください。
待ってます★

1 名前：モノ ◆7YMtX/NYmu ： 2006/12/31（日） 18:58 ID:3mXSSG1S: ・ダウンロードしたところのURL
・そのURLのどこをどう見れば、あなたがダウンロードしたテンプレートにたどり着けるか
・あなたが使うであろうサーバの名前(ブログならそのブログの名前)

(XPだと意識しないかもしれないけど)
圧縮されたファイルの解凍方法はわかりますか？

2 名前：鈴音： 2006/12/31（日） 18:58 ID:/sydBQOt: レスありがとうございます。

・http://dimanche.biz/のTEMPLATEの[typyA]でダウンロードしました。
YAHOOで作ろうと思っています。

フャイルをダブルクリックで解凍じゃないですか？？

3 名前：モノ ◆7YMtX/NYmu ： 2006/12/31（日） 18:58 ID:3mXSSG1S

では、解凍したら、
テンプレートのそれぞれのページ(htmlファイル)を開き、
テンプレートに書かれている内容を
適宜自分のサイトの内容に書き換えて、
ファイルを転送すればOKです。

たとえば、index.htmlを適当なソフト(メモ帳とかでもOK)で開いて

<h1 id="TOP"><!-- あなたのサイトタイトルをここに。 --><a href="./">SITE TITLE</a></h1>

となっている部分を

<h1 id="TOP"><!-- あなたのサイトタイトルをここに。 --><a href="./">鈴音のサイト</a></h1>

といったように。

転送の方法はジオシティーズのヘルプなどを見るとよいでしょう。
それでもわからないなら、どこまでやってどこでつまづいたかを
具体的に書いて質問しましょう。

4 名前：鈴音： 2006/12/31（日） 18:58 ID:/sydBQOt: ありがとうございます。
やってみます。
また分からなかったら教えて頂けますか？？
あと、HPを作るのにホームページビルダーなどのソフトは必要ですか？？

5 名前： S´ｍｆ ： 2006/12/31（日） 18:58 ID:dV.dJKxS: 必要ないですょ？？
俺は全部手打ちでやってます
まぁあっても便利だとは思いますが

6 名前：鈴音： 2006/12/31（日） 18:58 ID:/sydBQOt: そうですかぁ。
じゃぁ、なしで頑張ってみます★

今いろいろしてて分からない事があるんですけど。。。
テンプレートをダウンロードして、その中にあるメモ帳にいろいろ書いてあるんですけど
それはどうゆう時に、どういう風に使うんですか？？
あとダウンロードした中に入ってあるものはどう使ったらいいんでしょうか？？

7 名前： とおりすがり ： 2006/12/31（日） 18:58 ID:UWsZexeD: > その中にあるメモ帳にいろいろ書いてあるんですけど
なぜ読まないんですか？
メモ帳は1枚しか入っていないのですか？
「読んだけど分からない」のであれば、なんと書いてあるのかを
ここに書き出してくれなければ、第三者にはアドバイスできませんよ？

8 名前： カヅサツ ： 2006/12/31（日） 18:58 ［URL］ ID:lY9L7AMa: とりあえず、テンプレートを扱うには、最低限の HTML が出来ないと難しいと思います。
九九を覚えずに電卓に頼ろうとすれば、後々とても困ったことになるでしょう。

http://www.kanzaki.com/docs/htminfo.html
http://members.jcom.home.ne.jp/jintrick/Personal/markup.html
http://www.asahi-net.or.jp/~sd5a-ucd/www/
http://members.jcom.home.ne.jp/pctips/www/

9 名前：鈴音： 2006/12/31（日） 18:58 ID:/sydBQOt: やっぱりそうですよね。
サイト教えてくださってありがとうございます。
頑張って勉強します。

早くいいHP作りたいです★

10 名前：鈴音： 2006/12/31（日） 18:58 ID:/sydBQOt: メモ帳みたいなのには
@charset "Shift_Jis";

/* わかりやすいように説明,改行をいれてます */

/* 全称セレクタと全体 */
*{ margin:0;
padding:0;
font:normal normal normal 100%/1.6 Verdana,"ＭＳＰゴシック",Osaka,sans-serif;
border:none;
}
body{ background:#f8e0d8 url("img/page.gif") repeat;
font-size:80%; /* フォントサイズ */
text-align:center; }

/* リンク関係の設定 */
a{text-decoration:none;}
a:link ,a:visited ,a:active{color:#ff0033;}
a:hover{color:#ff9966;}

/* 見出し全般 */
h1,h2,h3{ font-weight:bold; }

/* タイトル設定 */
h1{ padding:0px 20px 10px 23px;
text-align:left;
font-size:1.5em; }

h1 a{ font-weight:bold; }

h1 a:link ,h1 a:visited ,h1 a:active{ color:#000; }

/* 見出し */
h2{ width:100%;
color:#333333;
background:#ffcccc;
margin:10px 0 0 0;
text-align:center; }

/* 小見出し */
h3{ color:#666666;
font-weight:bold;
padding:0px 0 0 30px; margin:10px 0 5px 13px;
background: url("img/h3.gif") no-repeat 0% 37%; }

/* 適当な見出し指定･･･ */
h4,h5,h6{ padding:0 0.5em;font-weight:bold; color:#ccc;}

/* 全体構成 */
div#WRAPPER{ width:550px;
text-align:left;
background:#ffffff url("img/back.jpg") no-repeat 0% 0%;
margin:0 auto;
border:1px solid #ffcccc;
border-width:0px 5px 5px 5px;
padding-bottom:20px; }

div#HEAD{ text-align:left; }

p.skip{display: none;}

などなど長々といろいろなことが書かれています。
HTMLを勉強するしかないですよね。

11 名前： MoE Japan ： 2006/12/31（日） 18:58 ID:of/M3tmb: >>10
それは、
外部スタイルシート http://www.tagindex.com/stylesheet/basic/pattern1.html
ですね。

12 名前： ＳＯＲＡ ： 2006/12/31（日） 18:58 ID:sx.K3QVf: 鈴音さんへ

中3なのに受験勉強しなくていいのか、ちょっと心配です。それとも推薦？

さて、Webサイト製作についてヒントをお教えします。基本的にネットでサイト製作を勉強するよりも、書物を買った方がいいと思います。これは、人によって意見は様々でしょうが、やはりプロが書いた本は質が違うと僕は思います。

オススメは「できるホームページHTML」です。「できる」シリーズは初心者をターゲットとしているだけあって、基本的なことをしっかり書いてくれてます。僕もこの本を読んで勉強しました。1500円くらい。

本を読んで、後はひたすらパソコンに入力。そして出来上がりを確認。その繰り返しです。一通り読みきったら、その本を頼りに、一度自分でサイトを作ってみましょう。別に下手でも構いませんよ。初めは皆そうですから。

完成したら名前を伏せて（コレ、ポイント）、ネットで公開しましょう。無料のサーバを借りるも良し、ロリポップのような激安サーバを借りるも良しです。

しばらくはそのダサダサホームページのまま、記事をどんどん追加していって下さい。数ヶ月もしない内に、次の2つのパターンのうちの、どちらかに当てはまるようになります。

一つは「飽きる」。
・文章力がない
・ネタがない
・更新が面倒
など、理由は様々でしょうが、とりあえず続けるのが苦痛になり止める。

おそらく、大半の人がそうなるでしょう。実際に、更新されないブログなんて腐るほどありますから。もし鈴音さんがそうなったら、自分には才能がなかったと諦めるしかないでしょう。

もう一つは「目覚める」。
とにかくサイトを作るのが楽しくて楽しくてしょうがない、というパターンです。

コチラだった場合は、サイトを更新していく中で色々気づくことがあると思います。
「同じ部分を何度も書くのが面倒だ。」
「みんなメニュー部分って、どうしてるんだろ？」
「おしゃれなサイトを作るのは画像が大事なんだな。」
などなど、自分に足りない物が沢山あるはずです。

そしたら、本格的にWebサイト製作について勉強してみては、どうですか？
例えば、
「同じ部分を何度も書くのが面倒だ。」→「CSSを勉強する（できるホームページスタイルシートがオススメ）」
「みんなメニュー部分って、どうしてるんだろ？」→「Perlを勉強する（includeってのを使うと楽だよ）」
「おしゃれなサイトを作るのは画像が大事なんだな。」→「PhotoshopやFlash（ソフト）を買う」

あとは、「もっと沢山の専門誌を買って勉強する」とかね。
もちろん、買わずに図書館で借りるのもアリ。あとはアマゾンとかで、中古で買ってもOK。

あと、絵を書くのが好きなら、画像処理ソフトを買って、どんどん書きまくって、公開しまくるのもいいかも。FlashかPhotoshopが猛烈にオススメです。ただ、書き味が2つとも全然違うから、良く検討すること。Photoshopは写真を扱うためのソフトで簡易版の学割で7000円、Flashは絵やアニメなんかを描くためのソフトで簡易版が2万ちょっとします。お試し版もAdobeって会社のサイトからダウンロードできます。

まぁ、何が言いたいのかと言うと、本を読みながらじっくり勉強しなさいって事です。もし、ただ単に記事をどんどん書きたいだけで、自分の理想のサイトを作りたいわけじゃない、と言うならブログにしなさいよ？と、思うわけです。

そうそう、サイト作るなら、やっぱりソフトはあった方がいいですよ。利便性が違います。オススメは「HTML Project2（http://www1.ttcn.ne.jp/~kaneto/hproj2/htmlproject2.html ）」です。なんせタダですから。使わない手はないでしょう。あと、買うならホームページビルダーより、お金を貯めて「Dreamweaver(ドリームウィーバー)」を買った方が断然使えます。

ま、いずれにせよ、まずは本を入手して勉強しましょ。話はそれからですよ。TAG INDEX（このサイトの名前ね）のようなサイトは便利だけど勉強には不向き。マスターした人が度忘れした時に、見て思い出すためのサイトですよ。

それじゃ、がんばってくださいね。

13 名前： S´ｍｆ ： 2006/12/31（日） 18:58 ID:dV.dJKxS: うーん本買ったほうが良いという意見は・・・
僕は中２ですがもうＨＴＭＬ、ＣＳＳくらいは大分覚えましたが
本は買ったことないです
ほとんど解説サイトなどを見て覚えましたね

ソフトもあまり使ったことないですが禿丸位はあってもいいと思います
まぁ最初はソフトを使った方が感覚が掴めるかもしれませんけど

鈴音さんはＨＰを作りたくなったけど分かんない事あったから聞いてますって感じなのか
本気でＨＴＭＬの勉強をしたいんで教えてください！！って感じなのかどっちですか？？
前者なら無料サーバーで適当な無料作成ソフトを使って金を使わないで仕上げる程度で良いと思います

中３なら１０００円２０００円出すのも抵抗あると思いますし無料で初めてもっと知りたいと思ったらそういった書籍を買ってみては？？

14 名前： Z ◆XTzyosZXcL ： 2006/12/31（日） 18:58 ID:SAZVxjjY: >>12-13
>>8でカヅサツさんがおっしゃっている「良質な講座」の存在”さえ”知ってしまえば、テキストエディタで十分基本的な構造は出来上がります。むしろ、「作成ソフト」に最初っから頼ってしまうことは「適切なHTML(XHTML)がかけなくなるおそれがある」ので私はお奨めしません（「省力化」のために存在すると考えたほうがよいかと）。

参考・>>8以外で参考になりそうな講座：
http://www.scollabo.com/banban/
http://pasokon-yugi.cool.ne.jp/website_kouza/

　もっとも、現在では「WebLOG（ブログ）の方が初心者向け」とおっしゃる>>12のご意見には賛同出来ますが・・・これもピンからキリまであるのですね(^^;。少なくともYahoo!ブログはベータ版とのことなのでそれ以外のところがよいと思います。

参考・ブログ比較サイト：
http://www.ma-mate.com/

15 名前：鈴音： 2006/12/31（日） 18:58 ID:/sydBQOt: みなさんたくさん返事ありがとうございます★
とても嬉しいです。

受験勉強の休憩でﾁｮｯﾄずつタグとかの勉強をしていこうかなって思ってます。
受験公立受かったらたら自分のパソコン買ってもらえるので、すぐにHPが作りたくって。。

図書館で本を借りたりもしてみようと思います。
昔、アミーゴというところで、とてもとてもｼｮﾎﾞｲHP作っていました。
その時は全然タグなどを使うという事すら知らなかったので・・
それで、やっぱり自個満でもいいからHPを作りたいと思いました。

みなさんのおかげで、いろいろ調べて頑張ろうと思いました。
ありがとうございます。