こんにちは。
現在、ホームページ作成を進めています。
・・・と言っても手探り状態なのですが・・・。
ですがその際にソザイ配布サイトなどで配布されている「テンプレート」使用するつもりなのですが、そのテンプレートの使い方が良く分かりません。
その他にも、背景の変え方など、良く分からない事だらけです。
ソース、というものも理解し切れていないところがあるのですが、独学で大まかには理解できました。
((・・・アレンジなどは全く出来ないですが・・・。))
全てを教えていただけたら、泣いて喜びますがそれはムリなお願いだと思いますので、せめて「テンプレート」の使い方だけでも教えて下さったら、と思います。
「こんなサイトが参考になる」というのでも全然構いませんので是非よろしくお願いいたします。
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
サイトを参考にするならYahooなどの大手と個人のホームページを比べてみてください。
大手ほど素材にはこだわっていないのがわかると思います(こだわってるところももちろんありますが)。 その分、いろいろと変更が利くようにできてもいます。人間が日にパソコンに向かってられる時間など限られてますから、素材に凝る人ほど中身がおろそかになってしまいがちです。ですから、初めての方ほど中身にこだわるようにしてください。
No.2
- 回答日時:
こんにちは。
そうですね、すべてを書いてたら本が出来るくらいですからね。
質問者さんがどのような方法で制作してるかにもよります。
何らかのHP制作ソフトやエディターをお使いでしょうか?
余裕があるならHP制作ソフトなど買っておくのもいいですよ、素材やテンプレ、画像編集からビデオ編集までセットになってるでしょうから。
あるいは一から勉強中で、手書きHTMLに挑戦されてるのでしょうか・・。
まず、個々の用語について簡単に解説しましょう。
『ソース』
通常は「その情報のソースはどこから?信憑性あるの?」などと、発生元、発信元、を指す使い方をします。これがHP制作においては、HTML構文のようなプログラム言語の状態のテキスト、つまり大元の文章・文書を指します。
例えば、ウィンドウズであればブラウザ画面で右クリックすると、そのメニューに「ソースの表示」というのがあります。これを開くとHTML構文が見れるわけですが、これがブラウザで変換して見ている元のプログラム言語な訳です。
ですから、HP制作で「ソースを見て」「ソースを書いて」とあった場合、ブラウザで見る前のHTMLやその他の構文を指していると思って下さい。
ーーーーー
『テンプレート』
日本語にすれば「定規」「定型」「枠組み」などといった意味合いになるかな。
これはいわば用意された「規格モノ」です。
HP制作でいうテンプレートとは、ページのデザインやレイアウト部分をあらかじめ統一してあるページを指します。
例えば、OKWebの今見ているページ、他の質問者のページ、ページが変わっても同じレイアウト、同じ配色、統一された書式、それらあらかじめ決められた「形」がある訳です。
で、素材屋さんのテンプレはおそらく
テーブルタグを使ったレイアウトや、CSS(スタイルシート)を使ったデザインなどかと思います。これらは、コピーして<body>~</body>タグの間に貼り付けたり、ヘッダーに貼り付ければ、統一したHPデザインを簡単に作り出せるというものでしょう。
また、凝ったテーブルタグなどは書くのが面倒なので、そうした素材屋さんが作ったものを置いているのです。それをもらってきたら、セルの中に文章なり画像なり置けばいい訳です。
ーーーーーーー
さてさて、HPの背景ですが
これも様々な方法があるので、現在の質問者さんにはどれがいいかが問題です。
制作ソフトなどならボタン一発なんですが・・。
手書きなら<body>タグの属性として指定します。
<bgcolor= >なら背景色、<background= >なら背景画像、<bgproperties= >を加えればスクロールされない位置固定など・・。書式はこんな感じ・・
<BODY bgcolor="カラーコード" background="画像ファイルアドレス">
参考→http://www.tohoho-web.com/html/body.htm
その他にもCSSで指定する方法もあります。
参考→http://www.tohoho-web.com/css/reference.htm#back …
ーーーーーー
あまり書くとわけわかめでしょうから、このくらいで。
ともかく、最初は「何が分からないかが分からない」と思います。
まずはやりたい事のテーマをしぼって、「何が分からないか=知りたいことは何か?」を整理されるといいでしょう。
また疑問がでたら質問下さいね。
有名どころですが、上記の参考で使ったサイトです。
『とほほのWWW入門』
http://www.tohoho-web.com/www.htm
No.1
- 回答日時:
こんばんわ!
HP作り、自分も初めて作ったときはなにがなんやら分からなくて
まさしく「手探り」でした~!
ちなみに、テンプレって基本的にコピー&ペーストでOKですよ。
タグ(ソース)を見ればサイズや色など変えられます。
(但し、テンプレを作った方が「アレンジOK」としてたらの話です。
大体のテンプレ素材屋さんはアレンジOKだったような気がしますが、
判断は「利用規約」を読んでするべきでしょう。写真素材などは割と規約が厳しいです。加工禁止!とか、二次配布禁止!とか。一生懸命お作りされているものなので当たり前といえば当たり前なのですが)
私がおすすめするテンプレサイトを貼っておきます。
使い方等も書かれているので覗いてみたらいいかもしれません♪
結構人気のあるところなのでご存知かもしれませんが 笑
参考URL:http://www.sys5jp.net/simplest/
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- SEO ホームページを作る際の質問です 1 2023/06/07 18:50
- ASP・SaaS イントラネットを構築したい 2 2022/04/24 11:08
- WordPress(ワードプレス) WordPressのテーマを自分で作成 1 2023/04/10 17:28
- Illustrator(イラストレーター) アイビスペイント、原稿作成について 1 2023/07/14 03:01
- HTML・CSS サイトをマルチデバイス対応にする為の準備や、CSSなどのおすすめサンプル集やアドバイスを頂きたいです 1 2022/07/13 22:15
- Excel(エクセル) ExcelのFSO(ファイルシステムオブジェクト)について学びたいのですが。。。 5 2022/12/15 18:06
- 事務・総務 帳票類やデータがありません。法人成り。 解体業の会社で現場作業員 兼 事務員として勤めているのですが 3 2023/06/02 13:27
- JavaScript カラーミーショップのsectionループ内で、[引数][戻り値]ありの関数的な処理を行いたいです。 1 2022/05/07 19:39
- Visual Basic(VBA) VBA アドインについて お詳しい方 ご教授をお願いします。 相談事項 現在以下の対応を実施した所、 1 2022/11/02 16:53
- スピーカー・コンポ・ステレオ 次世代家庭用ゲーム機(Xbox)に使うオーディオ用アンプを探しています 1 2022/03/24 21:28
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
同級生の顔を使ってエロ画像を...
-
マクロで画像挿入→エラー「リン...
-
iPhoneで写真を撮りました。 端...
-
「強調」の対義語は何ですか?
-
pixivの画像を保存しようとした...
-
tiffファイルの解像度変更の仕方
-
至急回答お願いします、彼氏に...
-
Word差し込み印刷 画像更新され...
-
可愛い子はプリクラが盛れない...
-
至急です!!答えてくださいお願...
-
撮影日時をそのままに残して画...
-
illustratorでのぼかし効果
-
googleストリートビューで不自...
-
カメラのRAW画像とビットマップ...
-
エクセル・ワードの表を画像化...
-
「湾岸の千葉君」での秀里毅の写真
-
受信した添付写真を大きくする
-
PCでPDFファイルを電子書籍のよ...
-
JPEGファイルに文字を入れたい
-
自分の顔写真が流出した場合、...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
同級生の顔を使ってエロ画像を...
-
iPhoneで写真を撮りました。 端...
-
至急回答お願いします、彼氏に...
-
JPEGファイルに文字を入れたい
-
マクロで画像挿入→エラー「リン...
-
可愛い子はプリクラが盛れない...
-
pixivの画像を保存しようとした...
-
「強調」の対義語は何ですか?
-
tiffファイルの解像度変更の仕方
-
受信した添付写真を大きくする
-
至急です!!答えてくださいお願...
-
撮影日時をそのままに残して画...
-
持っている写真の画質を上げる...
-
PCでPDFファイルを電子書籍のよ...
-
証明用写真の作り方をお教えく...
-
「湾岸の千葉君」での秀里毅の写真
-
整形外科などで、MRIやレントゲ...
-
写真の下に文字を入れるには?
-
エクセル・ワードの表を画像化...
-
VBAの内容の修正をお願いさせて...
おすすめ情報