- ベストアンサー
ホームページを作成したいと思っています。
ホームページを作成したいと思っていますが、超初心者です。 スキルは、過去に1回だけホームページビルダーを使ってサイトを作成した事がある程度です。 このテンプレートを使用してサイトを作成したいと思っています。 http://nikukyu-punch.com/ このテンプレートを自由にカスタマイズ出来るレベルになりたいのですが、 (バナーの挿入 画像の変更 画像の挿入など) 必要な知識、参考になる本、サイトなど教えてください。 よろしくお願いします。
- ryoukun1124
- お礼率100% (9/9)
- ホームページ作成ソフト
- 回答数6
- ありがとう数6
- みんなの回答 (6)
- 専門家の回答
質問者が選んだベストアンサー
テンプレートを使用するときは最低限 ⇒Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) などでチェックしておきましょう。最低でも80点以上のものを・・ デザインが気にいった場合、テンプレートを使用せず、自身でマークアップしたHTMLをそのデザインを参考に自分でスタイルシートを書くほうが良いです。そうすれば、HTMLにはまったく手を加えずに自由自在にデザインできるはずです。 ⇒ナビゲーションリストを様々にデザインしてみよう。( http://www.ichiya.com/WebService/Howto/sample/HTML/nav/navigation1.html ) まったくシンプルなHTMLでありながら、[表示]メニューの「スタイルシート」で選択することで様々に表示を変えられますし、印刷もそれらとは異なることが分かるでしょう。 私は仕事でビルダーで作成されたページを、ウェブ標準のものに直す作業をしますが、基本的にテキストデータと画像データ以外は使用しません。なぜなら・・ ⇒作成したウェブサイトの影響( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%93%E3%83%AB%E3%83%80%E3%83%BC#.E4.BD.9C.E6.88.90.E3.81.97.E3.81.9F.E3.82.A6.E3.82.A7.E3.83.96.E3.82.B5.E3.82.A4.E3.83.88.E3.81.AE.E5.BD.B1.E9.9F.BF ) ホームページビルダーのようなツールをWebオーサリングツールと呼びますが、オーサリングツールには決して不可能な作業が沢山あります。 そもそも、HTMLは文章の内容を読み解き理解して、その文書を構成する要素に分解してマークアップする言語なのですが、人工知能でないツールには文書を読み解くのうれょくはありませんから、それをするのは著者自身しか不可能なのです。ここは大事だから<strong></strong>でマークアップしよう。ここは引用文だから<blockquote></blockquote>で囲むなんてあなた自身でなきゃできませんね。 そのためには、HTMLの知識が必要です。 また、「本文中の引用文は」、灰色の点線で囲んで文字を小さくしようとしたらスタイルシートは div.section blockquote`border:dotted 1px gray;font-size:0.9em;} と書かなければなりませんが、ツールには「本文中の引用文は」なんて・・そんなことできません。 ⇒Webオーサリングツール - Wikipedia( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB ) の「HTMLエディタ」の項目を参照 たとえ、ツールを使用するにしても、HTMLやCSSの知識は絶対に必要ですし、それなしではちゃんとしたものは作ることができません。「HTMLやCSSの知識がなくても」というのは誇大広告以外の何者でもありません。少なくともちゃんとしたツールではそのようなことは一言も書かれていません。逆にHTMLやCSSの知識がないと使いこなせないと言っています。 まず、 ⇒はじめてのWebドキュメントづくり( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ) ⇒1と2の間辺りからはじめるホームページ講座( http://www6.plala.or.jp/go_west/beginner/ ) ⇒1と2の間辺りからはじめるCSS講座( http://www6.plala.or.jp/go_west/beginner/css/ ) などのサイトできちんとしたものを身につけてください。 そして、ブックマークに ⇒HTML 4.01 Specification (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html ) ⇒CSS2 邦訳( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cover.html ) を入れておいて、1度通しで読んだら必要なときにいつでも参照すること。
その他の回答 (5)
- kaisinjuku04
- ベストアンサー率46% (743/1584)
難しいことを考えたくないなら、画像を同じサイズの別のもの(自分で用意したもの)に差し替えればOKです。 テンプレートセットの中に、images などというフォルダがあるはずです。別の場所にimagesフォルダを作り、そこにそっくり同じファイル名で、縦横が同じサイズの画像を作ります。 出来上がれば、元のimagesフォルダを移動して、自作したものをテンプレートセットの中に置くだけです。 文字などは、Tera Pad でも使ってhtmlを書き換えればOKです。 注意するのは、文字コードです。UTF-8になっていなければ、変換してテンプレートを使用すること。 当然、htmlやcssの文字コードの宣言も変更します。 CSSのカスタマイズや自作JAVA Script 設置、PHP化などまでやるなら、Net Beans IDEを使って編集することをおすすめします。入力支援が強力ですので。 Net Beans IDE http://ja.netbeans.org/ 使い方 http://wiki.netbeans.org/NetBeansUserFAQJa HTML・CSSの参考サイト http://honttoni.blog74.fc2.com/ http://www.tagindex.com/html5/index.html http://yoppa.org/taumedia10/1695.html http://www.htmq.com/index.htm http://www.html5.jp/ 色見本 http://www.colordic.org/
お礼
ありがとうございました。頑張ってみます。
テンプレート使用の場合プラウザに於ける違いを考えていないし、 ソースを変更すると動作しなく成る時が多いです。 完璧に勉強するならテンプレートは使わない方が宜し。 見本 手書きです。インラインフレームを使用してリンクをフレーム内に表示 <html> <head> <title>インラインフレームを使用してリンクをフレーム内に表示</title> <script language="JavaScript"><!-- function changeIFrame(jumpURL) { myFrame.location.href = jumpURL; } // --></script> </head> <body> メニュー <a href="javaScript:changeIFrame('http://www.yahoo.co.jp/')">Yahoo</a> <a href="javaScript:changeIFrame('http://www.lycos.co.jp/')">Lycos</a> <br> <iframe src="dummy.html" name="myFrame" width="320" height="240"></iframe> </a> </html>
お礼
回答ありがとうございました。
- kame999
- ベストアンサー率21% (610/2821)
http://nikukyu-punch.com/file/howto2.html ホームページテンプレートの編集方法について サイトに書いてあるけど
お礼
回答ありがとうございました。
- Z31
- ベストアンサー率37% (735/1957)
http://www.wsb.jp/hpb/ このサイトが参考になると思います。
お礼
参考にさせて貰います。ありがとうございました。
関連するQ&A
- ホームページビルダー12 テンプレート
ホームページビルダー12 を使っています。 テンプレートをダウンロードしてビルダーで開くと崩れて開いてしまいます。ビルダーの設定変更もしましたが、どうもうまく開きません 何かやりかたなどはありますか? もしくは、お勧めのHPを作るソフトなどがあれば教えてください。 ちなみにダウンロードしたテンプレートはこちらから落としました http://nikukyu-punch.com/temp_shop.html 宜しくお願いします
- ベストアンサー
- ホームページ作成ソフト
- HPB・表の挿入の表示が…
ホームページビルダーで以下のテンプレートをダウンロードして編集中です。 http://nikukyu-punch.com/template/giin1_black/index.html http://nikukyu-punch.com/template/giin1_black/schedule.html ↑ ↑ ↑ こちらのダウンロードしたページの表が、作りたいサイズではなかったので、 外部CSSファイルからtlの付くタグをすべて削除し、 新しく表を挿入したのですが…いちおうできたものの 表作成のウインドウの表示が白でなく白黒の縞になって出るのが気になります。 普通は白だけでうすく罫線が出るだけだと思うのです。 なにか他にもCSSファイルから削除するタグがあるのでしょうか? それともテンプレートの色の構成上、このままでいいのでしょうか?
- ベストアンサー
- ホームページ作成ソフト
- FC2ホームページを利用して、ホームページを作っている最中です。
FC2ホームページを利用して、ホームページを作っている最中です。 テンプレートをダウンロードして編集しているんですが、<div> </div>という文字が保存するたびに増えてしまって困っています。 綺麗に閉じられるところが、それのせいでへんに空白ができて改行されてしまいます。 この問題の原因と解決策を教えていただきたく質問しました。 テンプレートをダウンロードしたサイトです。 http://nikukyu-punch.com/temp_kojin.html ここのシンプルテンプレート [simple14_orange] を使っています。 よろしくお願いします。
- ベストアンサー
- その他(インターネット・Webサービス)
- ホームぺージにフレームが付けられない
nikukyu-punch様でホームページテンプレートをダウンロードさせていただきまして、編集OKとのことでしたので、HPの左側の枠にフレームをつけようと思ったのですが、タグをつけても上手くいきませんでした。 どうしたらフレームがつけられるのでしょうか。 ご回答お願いいたします。 ちなみに使用しているテンプレートはHPの左のメニューの「ショップ・店舗向け」の中の「ケーキ屋イメージのホームページテンプレート [shop1_red]」というものです。 左の赤い背景のところにフレームを置きたいです。 テンプレート提供サイト・・・http://nikukyu-punch.com/ テンプレート・・・http://nikukyu-punch.com/template/shop1_red/index.html
- 締切済み
- その他(ソフトウェア)
- ホームページ作成テンプレート
ホームページ作成テンプレートで、ホームページ作成ソフト(ビルダーなど)の知識がなくても、画像の貼り付けや、文字の記入などで簡単に作れるタイプはあるでしょうか?有料でも無料でもかまいません。そんなに凝ったサイトじゃなくてもいいので、簡単につくれちゃうものを希望しています。
- 締切済み
- ホームページ作成ソフト
- ホームページの作成
ホームページビルダー10で作成中ですが画像を挿入するのに自分のパソコンにある画像が1620×1220の画像でそのまま挿入するとホームページいっぱいになってしまいます。この場合小さく縮小して表示するにはどうすればよろしいでしょうか?
- ベストアンサー
- その他(インターネット・Webサービス)
- ホームページがきれいに反映されないです。
ホームページ初心者です。行き詰って困っています。 お詳しい方何卒お教えください。。。 Homepage Manager ver1.43でテンプレートを使用しています。 http://nikukyu-punch.com/template/simple2_01_black/index.html アップロードはFFFPTを使用しています。 ブラウザ上のプレビューではキレイに表示されるので安心していたのですが、実際FC2無料サーバーにアップしてみると、画像は半分以上バツ印で消え、画像のサイズまで変わって変に反映されたりで大ショックです。 初心者なので、どこがどう悪いのかわからず、困っています。 http://soumeicalligraphy.web.fc2.com/ ちなみに、とりあえずTOP,ライトプランなど少ししかリンクは貼れていません。 素材は用意できているのですが、進まずに困っています。どうかお助けください。。。
- 締切済み
- インターネットビジネス
- ビルダーで作成したホームページのCSSの変更の件
ホームページビルダー16を使い、nikukyu-punchという無料テンプレートを配布しているサイトからテンプレートをダウンロートし、自分のホームページを作成し、サーバーをレンタルし、ドメインも取得して、今年の1月2日にサーバーに転送しホームページをアップロードしました。また、グーグルのアナリティクスでアクセス数を確認できるように設定した直後からアクセス数が1日に平均で約20人くらい来てくれるようになりました。ところが、今月初旬(3月3日)に、テンプレートの壁紙?と呼ぶのでしょうか、バッググランドの色を変え、再度サーバーに転送しました。ところが、その翌日から、全くアクセス数がなくなり、現在(3月21日)でもずっとゼロの状態が続いています。1月2日にアップしてから約2か月間順調にアクセス数が伸びていたので、全くなくなって不思議に思っています。原因は上記のことくらいしか考え付きません。CSSスタイルシートを変更したことによるものなのでしょうか?教えていただきたく存じます。
- 締切済み
- SEO
- ホームページ初心者です。
ホームページ作成をしたくて、ホームページビルダーを 購入しました。 このようなサイトを作成したいのですが HTML以外に必要なスキルは必要でしょうか? 動く画像は何か特別なものでしょうか? 初心者ですので、教えていただければ幸いです。 http://irisdesign.main.jp/residence.com/
- ベストアンサー
- その他(趣味・娯楽・エンターテイメント)
- バナーをホームページに貼り付けるには?
ホームページ・ビルダー10で、作成中のホームページにバナーを挿入したいのですが、ページをアップしても、バナーのHTMLが表示されてしまいます。どうすればバナーを表示できますか?
- ベストアンサー
- ホームページ作成ソフト
お礼
ありがとうございました。コツコツと頑張ってみます。