• ベストアンサー

スキルがないけどホームページを作りたい

自分のホームページを作りたいと思っています。 綺麗さにこだわる方なのですが、作るのがなかなか難しくて出来ません。 前にホームページビルダー13のバリューパックを買って、 「できる」の本を見ながらとりあえずホームページビルダークイックを使って やろうとしたのですが、難しくて出来ませんでした。 なるべく綺麗な、充実したホームページを作りたいのですが、 どうすればよいでしょうか？あまり難しいのだとわかりません。 内容は、基本的ですが、プロフィール、活動内容、リンク、ブログなどで、 画像や動画（自分で撮ったもの）を貼ったりしたいです。

noname#213089
noname#213089

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

  • ベストアンサー
  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.6

＞最初は形にこだわらず、htmlにて簡単なサイトを作ることから始めてみようと思います。 　それが良いでしょう。でしたら、例を挙げておきます。 　はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )を一通り読破されてからの説明です。そうすると今からの説明がよくわかると思います。 (歴史) 　「はじめてのWebドキュメントづくり」はHTML4.01が勧告された当時のもので、その後ウェブ、HTMLの世界は様々なことがあり、いきつか当時から変化した部分があります。 　簡単に言うと、「HTML4.01がHTMLの最後の仕様で今後はすべてXHTMLになる予定」が、色々あって、HTML2.0の開発は中断され、今後はHTML4.01を元に、HTML5に向かうことに統一されました。 　以下の説明は、それを前提にしています。 (準備) 1) テキストエディタの「EmEditor Free ( http://jp.emeditor.com/modules/download2/rewrite/tc_5.html )」を手に入れてください。下のほうにfree版へのリンクがあります。 2) 次をブックマークに入れて置いてください。 ・Another HTML-lint gateway ( http://openlab.ring.gr.jp/k16/htmllint/htmllint.html ) ・HTML 4.01仕様書邦訳 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html ) 3) 下記のHTMLの：を半角の:に＿をタブに変換して、どこかに保存してください。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http：//www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="otsugiri"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- --> ＿</style> </head> <body> ＿<div class="header"> ＿<h1>サンプル</h1> ＿</div> ＿<div class="sectin"> ＿</div> ＿<div class="footer"> ＿</div> </body> </html> 　このHTMLは、すべての基本になります。Another HTML-lint gatewayでは、作者のメールアドレスが無いと忠告されますがそれは無視してください。 4) <body></body>内に三つの<div>があり、それぞれにclass名がつけられていますが、その根拠は仕様書の 『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』 と、HTML5で登場する新しい要素( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )です。 ★HTML4.01strict(厳密型)では、見栄えに関するほとんどすべての要素、属性が使えません。 　HTML4.0Transitional(移行型)では使えますが、 HTML5では存在もしないので、いずれ使えなくなるので、はなからstrictで学んでください。(ビルダーは基本はtransitionalです) 　覚えることも半分になりますしね。 　仕様書にも『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』と明記してあります。 5) 文章を追加するときは ナビゲーションなら <div class="nav"> ＿<ul> ＿＿<li><a href=""></a></li> ＿＿<li><a href=""></a></li> ＿＿<li><a href=""></a></li> ＿</ul> </div> です。どのようにclass名をつければよいかは、「HTML5で登場する新しい要素」を参考にすると良いでしょう。HTML4.01を作成する場合のとても良い参考になります。 　HTMLが、こうしてきちんと書かれていれば、後はスタイルシートで ・３つやのそれ以上の区画に分けて表示 ・ナビゲーションを背景画像付きの横並びにして、マウスが乗ったら背景画像を変えよう ・活動内容の写真と説明を、アルバム風に画面に合わせて並び替えられるようにしよう。 　---広い画面では４個、狭くなると３つ、さらには二つ、でも極端に広いときでも４つ以上増やさない などが、まったく好きにデザインできるようになります。あとからデザインを変えるのもHTMLは、まったく弄らなくて済みます。 ・ビルダーなどのオーサリングツールでは、この様に文章を読み解き、それぞれの部分が文書全体を校正するどのような意味を持つ要素なのかを判断し、最適なタグやclass名をつけるのは、原理的に不可能なのです。 　また、文書構造を読み解きデザインすることも不可能なのです。 　もちろん、HTMLやスタイルシートを知っていれば、ビルダーでも作成できますがビルダーの仕事は「綴りが間違ってないか」「きちんと閉じられているか」の便利な道具となります。こうして学んだ知識は、ビルダーを使って正しいHTMLを作成するために必須となります。 　タグなんて、使うのは、せいぜい数十個・・多くても四十数個です。中学校で２０００語の英単語を習うことに比較したら微々たる物です。 　 　頑張ってください。皆が通ってきた道です。あなたよりはるかに、回り道をして・・・

noname#213089
質問者

お礼

いろいろとありがとうございました。 少しやってみていますが、意外ととっつきやすい感じがしました。 やはりhtmlとCSSの方がいいようです。 ありがとうございました！

その他の回答 (5)

  • ryoumas
  • ベストアンサー率66% (8/12)
回答No.5

no.4です。 すみません、文字列メチャクチャになっちゃいました。 ごめんなさい。

  • ryoumas
  • ベストアンサー率66% (8/12)
回答No.4

二週間前に、相談者様と同じく、（スキルがないけどホームページを作りたい。）と思い、悪戦苦闘の 末一週間前に、断念した者です。 ネットショップをやろうと思って、ホームページビルダー16のバリューパックを買ってきて、製作を 始めたのですが、「できる」のとうりに進めていくと、「できる」に書いてあるとうり、3時間で公開と まではいかなくても、一日程度で出来そうでした。 でも、（なるべく綺麗な、充実したホームページを作りたいのですが）←このとうりなんですよね。 さらに、個性も出したいわけで、いろいろ頑張ったのですが、 さて、スキルのない私が得た少ない情報を、お伝えします、同梱されているテンプレートを使われる と思いますが、1ページ目のメインの画像のスペースの大きさを、変えられるものと、変えられない テンプレートがあります、画像の部分をクリックし、選択した印に、枠だけが出るのは、変えられませ ん。枠の四隅に、四角いコーナーマークがでるのは、スペースのエリアを自由にかえられます。 これで、いけるとおもったのですが、残念ながらHP開設を四月中に予定していましてTime Upという ことで断念し、いま現在業者に委託しています。 同じような思いの方が、いるのだなと思い、回答させていただきました。 上記、ご存知のことなら、無視して下さい。 質問者様のHP開設と健闘をお祈りします。

noname#213089
質問者

お礼

私もＨＰを作ってくれる業者があるということを知って、 興味がわきましたが、かなり値段が高いので断念しました。 ホームページビルダーではあまり私のやろうとしていることは できないようなので、htmlから簡単に始めて見たいと思います。 ご回答ありがとうございました！

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.3

誰だって、最初はスキルなんてありません。 　大事なことは、ウェブサイトを作ることを目的にしないことです。ウェブサイトはあくまで手段であって、目的であってはなりません。これはすべてのことにいえますね。 　幸いに『プロフィール、活動内容、リンク、ブログなどで、(多くの人たちと情報を共有したい)』という目標があるとのことですが、多くの人たちを見ていると、挫折の大きな要因は「綺麗な、充実したホームページを作りたい」であることが多いようです。 デザインなんて糞食らえ!!くらいの意識が本当は必要なのです。 ★2.2.1 HTMLの略歴 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 ) ★よいウェブページを書こうとする人のためのヒント ( http://www.sal.tohoku.ac.jp/~gothit/webauthoring2.html ) を一読して置いてください。 『【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから Webが編み出されたところである科学技術分野に携わる人々の間では、文書のプレゼンテーションよりも中身にこそ関心が持たれる。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［14.1 スタイルシートの概説( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )］より』 　以降を少し読まれると、わかりますが、「デザイン」を優先するあまりに、「角をためて牛を殺す」状態になり、結局完成させることが出来ず挫折してしまう。挫折してしまったのではないですか？ 　あなたの目標が、『プロフィール、活動内容、リンク、ブログなどで、(多くの人たちと情報を共有したい)』でしたら、その目標を外れないように、始めはデザインなんて稚拙なものでよいのです。その内容が--世界中の誰かにとって価値があるものでしたら、それで十分以上なのです。デザインは、上達していけばいくらでもよくなるでしょう。 　大事なことは 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから HTMLは、どんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［HTMLの略歴( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より 　読み上げブラウザや検索エンジンには、視覚ブラウザのデザインなんて何の役にも立ちません。自己満足以外の何者でもありません。あなた自身もネットで情報を探し、それをブックマークに登録するのは、デザインではなく中身でしょ!! 　挫折しないで続けていくために必要なことは、目的を見失わないこと。手段と目的を混同しないこと。デザインはそのサイトの価値には何も寄与しません。 HTML4.01仕様書の翻訳メンバーの内田さんが、ご家族のために書かれた ★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ ) 　というウェブサイトがあります。 　まず、そのあたりから始めてください。 　ワープロやDTP( http://ja.wikipedia.org/wiki/DTP )とは、まるで違う世界です。デザインをするためのものではなく、文書全体で「ここ見出し」「ここは段落」「ここは引用文」と印を付けていくと、どのような端末で利用しても情報が伝わる。残念ながら、その意味ではビルダーは、HTML自体の目的や価値を知らないと、本来の目的とはまったく逆の方向を向いてしまうかもしれません。 　一度基本に返って、テキストエディタあたりから初めてください。こんなに簡単なものだったのかと思われます。私も15年も前にそうして始めました。

noname#213089
質問者

お礼

いろいろとページを紹介していただき、丁寧なご回答ありがとうございます。 最初は形にこだわらず、htmlにて簡単なサイトを 作ることから始めてみようと思います。 ありがとうございました！

  • te2kun
  • ベストアンサー率37% (4557/12166)
回答No.2

本格的にやりたいなら、タグから勉強するしかないでしょう ホームページビルダーはかなり簡単に作れるようになっていますから、これらの使い方を覚えるほうがよいでしょう。 ただ、Flashなどを使った本格的なものは、ホームページビルダーではできません。 blogなども自身で作る場合は、複数の知識が必要になります。そのために、どこかが提供しているサービスを利用する場合が多いですね。

noname#213089
質問者

お礼

htmlの勉強から始めてみたいと思います。 ご回答ありがとうございました！

回答No.1

本格的にwebサイトを作ろうとしたら、htmlの勉強をするところからになります。 最初はとっつきにくいので、ブログから始めてはいかがでしょう。 ブログならテンプレートが用意されていて、初心者でもすぐできます。 けれど、ブログ自体もそんな単純なものではなく 知識があれば好きなように作り変えて自分の思い通りのページにもできます。 ブログを書いたりいじったりして、実践知識を身に付けつつ ある程度のレベルになったら自分でサイトを立ち上げてみては。

noname#213089
質問者

お礼

現在ブログはseesaaブログをやっています。 カレンダーなどの項目の設置などはわかりやすくて できました。 htmlを使った簡単なサイトを作るところから始めてみようと思います。 ご回答ありがとうございました！

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • ホームページビルダー１５についての質問です。

    Ｗｅｂページにあるような内容はすでに確認済みですので、リンクを張るだけとかはしないでください。 ホームページを楽して立ちあげたいのですが、「ホームページ・ビルダー15 アカデミック版 バリューパック 」とただの「ホームページ・ビルダー15 アカデミック版」は、どのように違うのですか？ 違いを詳しく教えてください。 なので、『実際の使い勝手の良さ』の違いを詳しく教えてください。それとも、あまり大差ないのでしょうか？ テンプレートの充実度合いや、フォームが自分でも自由に加工しやすいのか、両者において大きな相違がありますか？

  • ホームページビルダー16　通常版について

    ホームページビルダー16通常版についてききたいです。 初めてホームページをつくります。 そして、目を向けたのがホームページビルダーなのですが、 この16には通常版（約14000円）とバリューパック(約18000円）がありました。 つくるホームページの分類は趣味のサイトなんですけど、できれば一般的なお店のホームページ ができるくらいのものがいいです。 通常版16とホームページビルダーバリューパック16はどのような違いがありますか？ 通常版ホームページビルダー16でもそれなりのサイトはつくれますか？ 内容をみるといろんな種類の数に差があるのかなって思います。 まあ、バリューパックのほうがいろんな幅広いサイトがつくれそうですが、できれば金額的には 14000円のほうを買いたいのですが。

  • ホームページビルダー１１の購入を検討しています

    お世話になります。 ＰＣについてほとんど素人の者です。 自分のホームページを作りたいと思っており、「ホームページビルダー１１＋できるホームページビルダー１１（解説本）」を買おうかなと思っているのですが、 ＰＣ素人でもそれなりの骨格は作れるものなのでしょうか？ （実は、今のところ掲載する内容が少ないのですが、レイアウトを変えたり、リンクを貼ったりするテクニックを先に覚えておけば、内容は少しずつ充実していけるかなと思っています） ちなみにＰＣは最近買ったばかりのダイナブックでＶＩＳＴＡ版です。 初心者向けの良いサイトなどがあれば教えて下さい。 よろしくお願いします。

  • ホームページビルダー１２のどれを買えば良いでしょうか？

    お世話になっております。 自分のホームページを作ろうと思い家電量販店に行ったところ、「ホームページビルダー１２」が置いてありました。 何となく初心者でもできそうなので、これを買ってみようと思ったのですが、何やら「お得なバリューパック」とかいって素材集と解説書？がセットになっているやつがありました。 それから、「ホームページビルダー１１」も４千円弱で売っていました。 どれを買ったらベストなチョイスになるでしょうか？ 選ぶポイント等を教えていただけると嬉しいです。 こちらの情報（希望）としては・・・ ・使っているＰＣはＶＩＳＴＡ搭載機です。 ・一応、ホームページ文書の作り方は勉強しました。 ・できれば携帯電話からもアクセスしたい。 ・好きなホームページのリンクを貼りたい。 ・可能であれば１対１の対話をしたい（相手ごとに個別パスワードを発行したい） ひとまずこんな感じですが、よろしくお願いします。

  • ホームページにあるPDFを使いたい

    　ホームページビルダーを使って作成しようとしてますが、 他のホームページを見るとクイックすると資料の内容が見られるファイル??があります。 打ち込む作業も大変ですので、資料などクイックすると見られるようにしたいと思います。初めてでどのように表現してよいか判らないのですが、よろしくお願いいたします。

  • ホームページビルダーについて

    ホームページビルダーの購入について迷っています。 ・ホームページビルダーだけ ・ビジネスパック ・バリューパック いずれを選ぶべきでしょうか？ コンテンツは家業のホームページです。 できれば企業のホームページにふさわしいテイストのものを作りたいです そうなればビジネスパックになるのでしょうか？ ビジネスパックを購入しても、あまり使わない機能ばかりならもったいないです。 また、当方ほとんど素人なのでビジネスパックを購入しても結局扱いきれなければ、 宝の持ち腐れになります。 ただ、ビジネスパックのおかげで、企業のページとしてより良いものが素人にもできるなら大歓迎です。 そこで悩んでいます。

  • ホームページ作成

    初心者ですが、ホームページビルダーでホームページを作っています。２つ質問があります。 ★ここに、動くキラキラ（背景は白）を作りたいんですが、フリーの素材を調べたんですが、思うようなものが見つからないんです。 字や絵は、自分で書いたのですが、キラッと光らせるものをくっつけたいのです。誰か教えて下さい。初心者なので、専門用語はわかりません。お返事お待ちしてます。 ★ホームページビルダーで作ったホームページに無料の自分のブログをリンクする事はできますか？ 　　よろしくお願い致します。

  • Amazonでホームページビルダー13を購入したいのですが・・・

    商品検索でホームページビルダー13を検索すると何個もホームページビルダー13が引っかかって困っています。 というのは同じ(に見える？)ホームページビルダー13でも通常版バリューパックやバージョンアップ版、バージョンアップ版書籍セット(これが1番安くて魅力的なのですが、あまりに値段が違うため内容が違うのかと心配です)などいくつも引っかかります。 一体どのような違いがあって、どれが一番お得なのでしょうか？ よろしくお願いします。

  • ホームページビルダー13にて

    ホームページビルダー13にて ホームページビルダーにて日記を書こうと思います。そこで、よくブログで出来る、 最初の1、2行を表示させ、続きを読むには『続きを読む』というリンクをクリック すれば良いようにしたいのですが、さっぱりやり方がわかりません。 出来ないのでしょうか？よろしくお願いします。

  • ホームページビルダーの種類

    ホームページビルダーを購入しようかと思っているのですが、 通常版でも バリューパック、 アカデミック版、など、分からない種類がたくさんあって、 どれが自分の用途に合うか分からず困っています。 ちなみに趣味でイラストサイトを立ち上げたいと思っているのですが、 ただの通常版じゃなく、バリューパックが付いているものの方がいいのでしょうか？ ご返答よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する